body{
	padding:0;
	margin:0;
	font-family:"Franklin Gothic Demi Cond", "Franklin Gothic Book", Arial, Serif;
}

img{
	border:none;
}

p{
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0;
}

form{
	padding:10px 0 10px 0;
}

.input{
	font-family:"Franklin Gothic Demi Cond", "Franklin Gothic Book", Arial, Serif;
}

#wrapper{
	width:100%;
	margin:auto;
	background:#2b496e;
	margin-top:10%;
	margin-bottom:10%;
}

#top{
	height:22px;
	background:url("top.gif") repeat-x;
}

#bottom{
	height:22px;
	background:url("bottom.gif") repeat-x;
}

#content{
	width:680px;
	margin:auto;
	padding:20px;
}


.left_site{
	float:left;
	width:30%;
	margin-top:24px;
}

.right_site{
	float:right;
	width:70%;
}


.clear{
	clear:both;
}

.input_url{
	border:none;
	width:95.5%;
	background:#dae8f5;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	height:36px;
	font-size:24px;
	color:#93aec7;
	padding:3px 10px 0 10px;
	margin:5px 0 5px 0;
	font-family:"Franklin Gothic Demi Cond", "Franklin Gothic Book", Arial, Serif;
}

select{
	border:none;
	width:100%;
	background:#dae8f5;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	height:36px;
	font-size:24px;
	color:#93aec7;
	padding:3px 10px 0 10px;
	margin:5px 0 5px 0;
	font-family:"Franklin Gothic Demi Cond", "Franklin Gothic Book", Arial, Serif;
}

textarea{
	border:none;
	width:95.5%;
	background:#dae8f5;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-size:24px;
	color:#93aec7;
	padding:3px 10px 0 10px;
	margin:5px 0 5px 0;
	font-family:"Franklin Gothic Demi Cond", "Franklin Gothic Book", Arial, Serif;
	height:100px;
	overflow: auto;
}

.input_alias{
	border:none;
	width:95.5%;
	background:#93aec7;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	height:36px;
	font-size:24px;
	color:#e6eaf2;
	padding:3px 10px 0 10px;
	margin:5px 0 5px 0;
	font-family:"Franklin Gothic Demi Cond", "Franklin Gothic Book", Arial, Serif;
}

.submit_shorten{
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background:#1c2d41;
	height:38px;
	font-size:24px;
	color:#dee5ed;
	padding:4px 20px 4px 20px;
	margin:5px 0 5px 0;
	font-family:"Franklin Gothic Demi Cond", "Franklin Gothic Book", Arial, Serif;
	float:right;
}

.submit_shorten:hover{
	cursor:pointer;
	background:#152435;
}

form img{
	height:39px;
	margin:0 0 -11px 0;
	padding:0;
}

.img_shorten{
	height:39px;
	margin:0 0 -12px 0;
	padding:0;
}

.bouton{
	text-align:right;
}

#menu{
	width:720px;
	margin:auto;
	height:20px;
	
}

#menu ul{
	float:left;
	padding:0;
	margin:-13px 0;
}

#menu li{
	display:inline;
	list-style:none;
}

#menu a:hover{
	background:url('back_copyright.png');
	color:#000;
	cursor:pointer;
	text-decoration:none;
}

#menu a{
	display:inline;
	list-style:none;
	font-size:24px;
	width:60px;
	color:#adadad;
	padding:5px 15px 5px 15px;
	margin:0 0 0 7px;
	text-decoration:none;
	-webkit-border-radius-topleft:4px;
	-webkit-border-radius-topright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border-radius-topleft:4px;
	border-radius-topright:4px;
	
}

#menu li .current{
	color:#000;
	background:url('back_copyright.png');
}

.title{
	font-size:24px;
	color:#dae7f5;
	margin:10px 0 15px 0;
	border-bottom:1px solid #375e8f;
}

.text{
	color:#fff;
	font-size:18px;
}

.right_site .big_text{
	color:#fff;
	font-size:18px;
}

#content a{
	text-decoration:none;
	color:#7aabcd;
}

.copyright{
	width:660px;
	margin:auto;
	background:url('back_copyright.png');
	-webkit-border-radius-bottomleft:4px;
	-webkit-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	padding:0px 10px 10px 10px;
}

.copyright p{
	font-size:14px;
	color:#d4d4d4;
	padding-top:10px;
	float:left;
}

.copyright a{
	text-decoration:none;
	color:#b9d1ea;
}

#chart1{
	background:#2b496e;
}

.info{
	color:#466b99;
	font-size:16px;
	text-align:right;
}

.result{
	float:left;
	width:320px;
	font-size:18px;
	color:#FFF;
	padding-top:13px;
	border-bottom:1px dotted #93aec7;
}

.result img, .result_mess img{
	width:16px;
	height:16px;
	padding-bottom:9px;
}

.result_mess{
	float:left;
	width:260px;
	font-size:18px;
	color:#FFF;
	padding-top:13px;
	border-bottom:1px dotted #93aec7;
}

.showmore{
	float:right;
}

.showmore:hover{
	cursor:pointer;
}

#chart2, #chart1{
	height:180px;
}

.follow{
	float:right;
	padding-top:13px;
}

#show_code{
	max-width:100%;
	background:#FFF;
	padding:4px 0px 4px 10px;
	overflow: scroll;
	max-height:500px;
	margin-bottom:7px;
}

.twitter-share-button
{
	margin-left:35px;
}