@charset "UTF-8";
/*
Theme Name: BattleParis
Theme URI: http://battleparis.com
Description: Le thème pour le site battle paris.
Author: Thibault Cabanas
Version: 1.0
Tags:
*/

/*
Reset.css
—————————

 	Basé sur le reset.css de Eric Meyer : 
    http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 

*/
html,body,div,span,applet,object,iframe,hr,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,input,input[type="search"],tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;
font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,link,visited,hover,active,
ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,
blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

.ui-focus {
 -moz-box-shadow: none !important;
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
}

/* GENERAL */

body { 
	background-color:#FAF1E4; 
	background-image:url("/static/img/fond.png");
	background-repeat:repeat;
	color:#555;
	text-align:center;
	font-size:1.0em; 
	font-family:'Spinnaker',sans-serif; 
	letter-spacing:0.03em; 
	line-height:120%;
}

@media screen and (max-device-width: 720px) {
	.centered {
		width:980px;
	}
}

.centered {
	width:100%;
	min-width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.content {text-align:center; width:980px; margin-top:8px;}

.fill {
	height: 80vh;
}

.popin {
	width: 480px;
	padding: 32px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	transform: translate(0%, 50%);
	background-color: #fff;
	box-shadow: #ccc 3px 3px 0px;
}

.left {
	text-align:left;
	width:314px;
	margin-left:4px;
	margin-bottom:8px;
	float:left;
}

.right {
	text-align:left;
	width: 648px;
	margin-left:10px;
	margin-bottom:8px;
	float: left;
}

.box {
	text-align: left;
	margin-bottom: 8px;
	background-color: #fff;
	box-shadow: #ccc 3px 3px 0px;
}

.menu		{width:314px;}
.menupad	{padding:10px;}
.list 		{width:636px;}
.listpad 	{width:616px; padding:10px;}

.news {
	text-align: left;
	border-bottom:1px dashed #aaa; 
	min-height: 48px;
	padding: 10px;
}

li:last-child {border:none;}

.newsfeed_more {
	text-align: center;
	height:32px; 
	background-color:#fff; 
	padding-top:8px;
	display:block;
}

.btn {
	text-align:center;
	margin-bottom:6px;
	background-image:none;
	background-color: #fff;
	box-shadow: #ccc 3px 3px 0px;
}

.ok {
	width:32px; 
	height:24px; 
	margin-bottom:4px;
	border-left: 0px;
	box-shadow: none;
	float:left;
}

.btn:hover {
	margin-bottom:6px;
	background-color:#f24848; 
	box-shadow: #fff 3px 3px 0px;
	color:#fff;
	text-shadow: #666 2px 2px 0px;
}

.btn a 			{display:block;}
.btn:hover a 	{color:#fff;}

.blue {
	width:160px;
	height:24px;
	background-color:#3678fc;
	color:#fff !important;
	background-image:none;
}

input {
	border:1px #bbb solid;
	color:#555;
	background-image:url("/static/img/fond.png");
	background-repeat: repeat;
}

input[type="text"] {
	width:144px; 
	height:22px; 
	padding-left:6px; 
	margin-left:4px; 
	margin-top:4px;
	margin-bottom:4px;
}

input[type="password"] {
	width:112px; 
	height:22px; 
	padding-left:6px; 
	margin-left:4px; 
	margin-bottom:4px;
	float:left;
}

input[type="name"] {
	width:272px; 
	height:22px; 
	padding-left:6px; 
	margin-bottom:6px;
}

input[type="submit"] {
	box-shadow: none;
	float:left;
}

input[type="email"] {
	width:272px; 
	height:22px; 
	padding-left:6px; 
	margin-bottom:6px;
}

input[type="url"] {
	width:272px; 
	height:22px; 
	padding-left:6px; 
	margin-bottom:6px;
}

.placeholder 	{color: #aaa;}

.icon {
	text-align:left;
	width: 48px;
	height: 48px;
	margin-right: 10px;
	float:left;
}

.icon img 	{width:48px; height:48px;}
.txt		{margin-right:4px; text-align:left;}
.sub		{margin-top:2px; margin-bottom:4px;}
.pointer 	{cursor: pointer;}

.mini_title	{
	padding: 4px;
  	border-bottom: 1px solid #aaa;
  	text-align: center;
 }

.not_found {
	width: 940px;
	padding: 10px;
	margin-top: 16px;
	margin-left: 4px;
	text-align: center;
	margin-bottom: 8px;
	background-color: #fff;
	box-shadow: #ccc 3px 3px 0px;
}

.reward {
	width:70px;
	height:92px;
	float:left; 
	text-align:center;
	padding: 4px 2px 4px 2px;
	overflow: hidden;
}

.camp			{width:64px; height:48px; margin-right:8px; text-align:right; float:left;}
.profil 		{height:48px;}
.profil_infos 	{float:left;}
.profil_icon	{width:48px; height:48px; margin-left:16px; float:left;}
.profil_icon img{width:48px; height:48px;}
.username		{width:196px; height:20px; padding-top:4px; clear:both;}
.health 		{margin-top:2px; margin-right:6px; float:left;}
.health img		{width:18px; height:18px;}
.score			{text-align:right; padding-top:1px; margin-right:8px; font-family:'Montserrat' sans-serif; float:right;}
.friendship 	{padding-top:4px; float:left;}
.friendship img {width:40px; height:40px;}
.description	{clear:both; margin:8px 0px 6px 8px; line-height:150%;}
.popup_friends img {height:48px; width:48px;}
.popup img 		{margin:24px;}	

.rewards_list 	{overflow:hidden; margin-left:-2px; padding:10px;}
.reward_name	{text-align:center;}
.reward img 	{width:48px; height:48px;}

#map_canvas {
	text-align: center;
	width: 100%;
	height: 320px;
	margin-left: 0px;
}

#map_district {
	text-align: center;
	width: 636px;
	height: 320px;
	margin-left: 0px;
}

#map_full {
	text-align: center;
	width: 100%;
	height: 840px;
	margin-left: 0px;
}

@media screen and (max-height: 901px) {
  #map_full {
    height: 840px;
  }
}


#map_full img[src="/static/img/legende.png"] {
	display: none;
}

#map_print {
	text-align: center;
	width: 100%;
	height: 4691px;
	margin-left: 0px;
}

#map_full img[src="http://www.battleparis.com/static/img/legende.png"] {
	display: none;
}

/* HEADER */

.header {
	width: 100%;
	height: 60px;
	text-align: center;
	top: 0;
	background-color: white;
	border-bottom: #AAA 1px solid;
	overflow:hidden;
}

.headerLeft {
	min-width: 340px;
	float: left;
}

.headerRight {
	float: right;
}

.headerIco {
	text-align: left;
	width: 60px;
	height: 60px;
	float: left;
}

.headerIco img {
	text-align: left;
	width: 60px;
	height: 60px;
	float: left;
}

.headerTitle {
	padding-top: 20px;
	padding-left: 12px;
	text-align: left;
	float: left;
}

.headerTitle:hover a {
	color: #f24848;
}

.regular {
	width:72px; 
	height:40px; 
	padding-top:20px; 
	border-left: #DDD 1px solid; 
	float:left;
}

.inputBox {
	
	width:160px; 
	height:60px;
	border-left: #DDD 1px solid; 
	float:left;
}

.facebook {
	width: 80px; 
	height: 22px;
	padding-top:6px;
	background-color:#6686cc; 
	color:#fff !important; 
	float:left;
}

.twitter {
	width:80px; 
	height: 22px;
	padding-top:6px;
	background-color:#33bcef; 
	color:#fff !important; 
	float:left;
}

.inputBox a {color: #fff;}
.logout 	{width:160px; height:60px; border:0px;}

.quotation {
	width: 100%;
	height: 34px;
	padding-top: 20px;
	background-image: url("/static/img/home_bandeau.png");
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0.8em; 
	font-family:'Spinnaker',sans-serif; 
	clear: both;
}

.footer {
	text-align: center;
	height: 120px;
	background: #fff;
	border-top: 1px #aaa solid;
	border-bottom: 1px #aaa solid;
	clear: both;
}

#footersocial {
	margin-top: 24px;
}

#footertxt {
	margin-top: 24px;
}

/* BLOG */

div#page {
	height: 100%;
	background-image: url("/static/img/fond.png");
	background-repeat: repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
}

.post { 
	width: 620px; 
	background-color: #fff;
	box-shadow: #ccc 3px 3px 0px;
	margin-top: 24px; 
	padding: 16px;
}

.rulesbloc	{
	margin-left: 6px;
	margin-right: 6px; 
	margin-bottom: 24px;
	line-height: 133%; 
}

.rulestitle	{
	margin-top: 10px; 
	margin-bottom: 10px;
}

.rulestxt {
	margin-top: 12px; 
	margin-left: 12px;
	margin-right: 16px;
	text-align: left;
}

.termstxt {
	margin-top: 12px; 
	margin-left: 64px;
	margin-right: 64px;
	text-align: left;
	line-height: 150%; 
}

#respond 		{border-top:1px dashed #aaa; padding:10px; margin:top:}  
.formulaire 	{margin-left:18px;}
.inbetween		{margin-bottom:28px;}

.comment_btn {
	width:580px; 
	height:36px; 
	margin-top:-5px;
	margin-bottom:12px;
	background-color:#3678fc;
	background-image:none;
	color:#fff!important;
	text-shadow: #555 2px 2px 0px;
	box-shadow: #ccc 3px 3px 0px;
}

.comment_btn:hover {
	background-color:#f24848; 
	color:#fff;
}

.comment_input {
	border-color:#bbb;
	padding:10px;
	width:558px;
	margin-bottom:0px;
	background-image:url("/static/img/fond.png");
}

.login_input {
	padding:10px;
	width:558px;
	margin-bottom:0px;
	background-image:url("/static/img/fond.png");
}

.rulestxt a:link, .rulestxt a:visited {border-bottom:1px dotted #999;}
.rulestxt a:hover, .rulestxt a:active {border-bottom:1px dotted #ff3333;}
.termstxt a:link, .rulestxt a:visited {border-bottom:1px dotted #999;}
.termstxt a:hover, .rulestxt a:active {border-bottom:1px dotted #ff3333;}

h1 { font-size: 2.0em; font-family:'Montserrat',sans-serif; color: #222; text-transform: uppercase; 
	margin-bottom: 10px; line-height: 100%; }
h2 { font-size: 2.0em; font-family:'Montserrat',sans-serif; color: #222; }
h5 { font-size: 0.8em; color: #999; }
p  { font-size: 1.0em; color: #555; margin-bottom: 12px; }

.noborder {border-bottom: none;}

.t1 {font-size: 3.0em; font-family:'Montserrat',sans-serif; letter-spacing: 0.1em; text-shadow: #fff 4px 4px 0px;}
.t2 {font-size: 2.0em; font-family:'Montserrat',sans-serif; letter-spacing: 0.1em; text-shadow: #fff 3px 3px 0px;}
.t3 {font-size: 0.8em; font-family:'Montserrat',sans-serif; letter-spacing:0.1em;}
.t4 {font-size: 0.8em; font-family:'Spinnaker',sans-serif; letter-spacing:0.1em; line-height: 1.2em; color:#999; }
.t5 {font-size: 0.7em; font-family:'Spinnaker',sans-serif; line-height: 1.2em; }
.t6 {font-size: 1.2em; font-family:'Montserrat',sans-serif; line-height: 1.5em; color:#222; }
.t7 {font-size: 1.0em; font-family:'Spinnaker',sans-serif; line-height: 1.2em;}
.t8 {font-size: 0.8em; font-family:'Spinnaker',sans-serif; line-height: 133%;}
.t9 {font-size: 1.0em; font-family:'Spinnaker',sans-serif; line-height: 1.2em; color:#999;}

hr 			{noshade; color:#ccc; width:100%; height:1px; clear:both;}
li 			{}
ul			{clear:both;}
.center 	{text-align: center;}

a:link		{color:#555; text-decoration:none;}
a:visited	{color:#555; text-decoration:none;}
a:hover		{color:#ff3333; text-decoration:none;}
a:active	{color:#ff3333; text-decoration:none;}

.news a:link, .news a:visited {color:#3678fc;}
.news a:hover, .news a:active {color:#ff3333;}

.rulestxt img {
	display: block;
	margin-left: auto;
    margin-right: auto;
    max-width: 582px; /* you can use % */
	width:auto;
    max-height: 580px;
	height:auto;
}