@charset "UTF-8";
/*
Theme Name: SuperDaikon BP
Theme URI: //superdaikon.com/battleparis/allteam/db/lutece/
Description: Le thème pour le stats battleparis de SuperDaikon.
Authors: Laurent Jacquot, Joachim Robert & Thibault Cabanas
Version: 1.0
Tags:
*/

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

 	Basé sur le reset.css de Eric Meyer : 
    //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("//battle.paris/static/img/fond.png");
	background-repeat:repeat;
	text-align:center;
	font-size:0.8em; 
	font-family:'Spinnaker',sans-serif; 
	line-height:133%;
	min-width:960px;
}

.clearfix {
	height:60px; 
	background-color: white;
	border-bottom:#AAA 1px solid;
}

table 			{width:100%;margin:0;padding:0;border-collapse: collapse;border-spacing: 0;vertical-align:top;}
table tbody 	{vertical-align:baseline; background:transparent; border: #AAA 1px solid;}
table thead th 	{background: -moz-linear-gradient(top, #F0F0F0 0, #DBDBDB 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #DBDBDB)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F0F0F0", endColorstr="#DBDBDB", GradientType=0);border: 1px solid #B0B0B0; color: #444; font-size: 16px; font-weight: bold; padding: 3px 10px;text-align: left;}
table td 		{}
.global 		{width:100%; margin:0 auto;}
h1 				{font-size:18px;font-weight:normal;}
.row0 			{background-color:#F2F2F2;}
.row1 			{background-color:#FFF;}
.pos 			{text-align:center; color:#222}
span.up			{display:block;width:20px;height:20px;background:url(arrow1.png) scroll no-repeat 0 0 transparent;}
span.down		{display:block;width:20px;height:20px;background:url(arrow1.png) scroll no-repeat 0 -20px transparent;}
span.equal		{display:block;width:20px;height:20px;background:url(arrow1.png) scroll no-repeat 0 -40px transparent;}
strong			{font-family: 'Montserrat' sans-serif; text-transform: uppercase;}

.team2, .team3 		{font-weight:bold;}
.district,
.teamMain, .score 	{font-size:1.0em; font-family:'Montserrat',sans-serif; text-transform:uppercase; padding: 8px 0px 4px 6px;}
.roses:before 		{content:"• ";color:#FF3300;}
.chaillot:before 	{content:"• ";color:#FF9900;}
.montpar:before 	{content:"• ";color:#FFCC00;}
.lineTeams 			{font-size:0.9em; padding: 0px 0px 12px 6px; color: #666;}
.posTeam 			{font-size:12px;}
.cityselect			{width:180px;}
.teamMain::before 	{display:inline-block;content:"";width:15px;height:15px;background:#ccc;margin: 0px 5px 2px 0px;vertical-align:middle;}

input:focus,textarea:focus, select:focus {outline:none;border:1px solid #457ae5;}
input,textarea,select			{border:1px solid #aaa; font-size:15px; background:#fff;}

textarea {
	height:56px; 
	width:290px; 
	padding:4px; 
	font-size:14px; 
	font-family: 'Spinnaker' sans-serif;
}

select {
	padding:0.5em 1em 0.5em 0.75em;
	background:url("//battle.paris/static/img/arrow_down.png") no-repeat;
	background-position: 98% 50%;
	padding: 8px;
	border-radius: 0px !important;
	font-family: 'Montserrat' sans-serif;
	text-transform: uppercase;
	-webkit-appearance: initial;
	-moz-appearance: initial;
	min-width: 200px;
}

select:hover {
	color:white; 
	background-color:#f24848 !important; 
	background:url("//battle.paris/static/img/arrow_down_white.png") no-repeat;
	background-position: 98% 50%;
	text-shadow: #666 2px 2px 0px;
}
 
input[type=text]			{}
input[type=submit]			{width:100%; line-height:1.5em; margin: -1px 0px 4px 0px;}
input[type=submit]:hover 	{color:white; background-color:#f24848 !important; text-shadow: #666 2px 2px 0px;}
input[type=checkbox],
input[type=radio]{
	display:inline-block;
	font-size:15px;
	margin-left: 12px;
	width:1.25em;
	height:1.25em;
	vertical-align:text-top;
}
input[type=number]	{
	width: 290px;
	padding: 4px;
	text-align: center;
	font-size: 18px;
	font-family: 'Montserrat' sans-serif;
	margin-bottom: 6px;
}

input[type=checkbox]:checked{background:url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04DIDATx%DA%EC%98%B9J%2CA%14%86%EF%F4%AC%8E%5B%24%F8%00%93%BA%83%89%89%A1%22n%A1%81%89%B8%22%82%2B%06%A2%E2%82%B8%20%1A%A9(%B8%BC%87%8F%E0%12%09%3E%82K%AA%20%EAu%EEo%FFw%0EEuO%2F3%A3%5C%2F%FD%07E%F5Lu%F7%D7%FF9u%BA%BA%22%A9T%EA%D7O%90%F1%EB%87(%00%0D%40%03%D0%004%00%0D%40%03%D0%FF%1B4%F2%3D%B7I%A7%D3%B6%BF%87B%A1%7F%05T%105V%22%F2G%2F%B8%91oC%D4%40qH%3E%B4%D2w%CA%D1%D0%D7H%F3%89%94%86aloo%0F%0C%0C%D8%BA%EB%7C%C1H8%1C%FE%22%2F%D3%19%FD%B5%C40677%BB%BB%BB%D1%8F%C5b%7B%7B%7B%B6%8F%975%F4%BE%40%ADs%C2zu%8D%F2%E3%E3%03-%EE%B2%B1%B1AJhjj%0A'%EE%EF%EF%A3%C5%03xa%8D%409%F09g%95%20B%18%06%CA%F5%F5u%A1%A4%26''qk%F8%8A%7FU%DC%AC%A0%D1h%D4c%1C%1D%1C%95%1Bp%00%11y%08%8E%B5%B5%B5%AE%AE.%EB%95%9B%9A%9A%8E%8F%8F1Re%CD%11T%8B%23%95L%26%CB%CA%CA%EE%EE%EE%D4y%23%E5F%CCF%07%9E%AD%AC%ACtvvZ%AF%7Cyy944%04J%8C%01%A8%9A%00%F6%A0%C8kWJ%E6%19%DBD%22%B1%BB%BB%5BYY988x%7F%7FouB%BCD%BB%B4%B4%D4%D1%D1a%BD%F2%C5%C5%C5%F0%F0%F0%EB%EB%2Bl%22(Mu%02upT%9D%10%BC%7D%3C%1E%DF%D9%D9%A9%A9%A9A%FF%F0%F0%10%96%3C%3C%3C%A8%09%A0V%C7%E5%E5%E5%F6%F6v%5BJ%3C%E4%DB%DB%1B))W%D0P%5B%5B%9B%83%9DD%FCm%0A%DEommUWW%CB%18D%1F%C6%3C%3E%3E%8A%A98%0B%23%D1.%2C%2C%B4%B6%B6%3AP%C6LEM1%F4%CE%F3)%A4MF%DB%99%FB%FE%FE%8E_%40YUU%A5%0DSY%25%EE%F3%F3%F3---%0E%94%88%8C%80%D2Q%D7%1C5bn%E2%85%00%7D%7D%7Dm%3D%1F%C9zppPQQA%D7%F1%0B%BC%CCF%89T%C1%18d9%40%13%A6%E2%A6x%23%B5oU%B8%BE%BE%3E%9CEj8%00zuu%05%C3jkk5%82%92%92%92%E6%E6%E6%F3%F3%F3%A7%A7%A7%C5%C5E%5BJ%CC%F1%91%91%11P%0A%A2J%C9%04%90d%B5U%04C%B3%85%9Eqg%9A%F3%F0%EC%EC%0Cm__%9F%D5%D7%A3%A3%A3%DB%DB%5B%10%5B%2F%85'%1C%1D%1De%5DSm%23%9Cj%87S%1D%CDV%9E%98%A3%F0%80%C9%C7%FC%C3%E1%E9%E9)%3A%FD%FD%FDVV%C8%96rll%0C%97*..%8Eg%24%94%5E*%A8%0FP%89%3E%7D%3D99A%07%8B%20%D7w%2F%D2z%7C%7C%9C%94%92%9A%DAd%F7B%F9%09%EA%10zb%81U%EA%9C%FC%05_%D1qf%05%E5%C4%C4%04%93X%CDK%A1t%AD%9D%3E%0A%3EA%ADi%84%16%ACh%AD9%40%DD%DC%DC%90%12yYd%8A%94%B4%D3%2F%A5K%E8%A5%E0%AB%F3%D1%C8%88%AC%A8%FF%8D%8D%8D%DA%B9%CF%CF%CF%B3%B3%B3%18%03%3E%82%D2N%EB%04%F2%FE%D9%94%D5Qu9%C2%9A%2F%AC2%09%A0%E9%E9i%BCT%1B%1A%1AT%CA%9E%9E%9E%97%97%17D%5C%B33gJ%F7%D0%0B%2B%86%91U%2Bu8%9C%99%99%C1%07F%5D%5D%1D)%7B%7B%7B%B1%DA(--M%9AR%83.1%F1K%E9%BEpVYU8%E2%A2%C5%03%80%60nn%0EK%E3T*%85%E9%85%E7%C1%22%B0(%23%A1T%8B%91_JO%9F%22%C2%AA%BD%B1%84%18%10x%7D%AF%AE%AE%82%09%C3%CA%CB%CB%B5%D7%8FV%8Cr%A0%F4%FA%CD%24%AC%E4c%2B%8E%22%D0p%91%8B%26%D4K%B1Y%DE%40%EA%8A37%CAOP%2F%A7%C9BS-Ob*PdE%A2%FEH%E2%82P%FA%D8%80%10Vy%A3%0A%2Bhh'%07%A8%95A%94'%A5%BF%9D%12%8D%95%1D%88%B5V6g%C8*%E5%B6%20%94%BE%B7tlY%85R%C6%C8%87T%3E%B3'%DF%BD'%8D%953L%FD%92%B6%EE%EA%E4O%99%E3%26%99%F6%11%E7%BC%7DR%10%CA%DCw%F3%D4%95%94-J%A1%F8%0A%B6%EDXp%A0%60%0F%3F%00%0D%40%03%D0%00%F4k%F4G%80%01%00%E2%BB%B3%8D%BD%BE%0E%DE%00%00%00%00IEND%AEB%60%82") no-repeat center center;-webkit-background-size:28px 28px;}
input[type=radio]:checked{background:url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%03%99IDATx%DA%EC%98AKrA%14%86%BBj%A6%9F%11%04R%B9ID%A1%82%16%11n%A4m%8Bh%11%ED%04%D7%FE%8Bh%95%D8%0F%A8e%7F%40%DADT%B4%8FvA%1BA%DA%84%06%ADZ'%95%A9%BD%DF%7D%F10%DF%CDl%E6*%1F%08s%16r%EF8%F7%CEs%DFsf%CE%99q2%99%CC%C48X%60bL%CC%82ZP%0BjA-%A8%05%B5%A0%16%D4%82%9AXh%24o%E9v%BB%03%FEu%1Cg%04%A0%C3%BCE%F8%F0%92%9FX%D5%F7%0F3V(%18%0C%0EC%A9%FE%AA%ED%C2%E4%B8%26-%BEY%FD%80z%10%85%D2s%ED%7C%B3apC0%7F%94b%9DN%07-%CB%CB%CB%F9%7C~cc%23%99L%E2%B6%D1h%DC%DE%DEV*%95%87%87%07%60%05%02%81%BE%C4%FA%E6d%B3YSP%B1v%BB%0D%CAp8%BC%BF%BF%BF%B3%B3%F3%F1%F1%D1j%B5%C8%0D%B2%C9%C9I%FCu~~~pp%80%BF%D0%02%EFyp%0D%40s%B9%9C%0F%CA%8Ek%00%85CNNNVVV%DE%DE%DE%FA%3E%12%89Dj%B5Z%B1X%FC%FC%FC%04h%C05%1F%AC%C1t%3A%1D41%19%86%DC%7B%7B%7Bp%F7%FB%FB%BB%F3%83%E1c%12%89%C4%FC%FC%FC%CD%CDM%C85%BC%24%D43%FDqCp%90%91%9C%14%12%B7%B8XZZ%DA%DD%DD%7D%7D%7D%1D%AC%0D%3E%03%DDNOO%1F%1F%1F%19%00%9E%0F%D6%9ALSSS%FA%A0%A4%C4%18%04-%14%0A%08J%9D%C1%D0%0D%9D%CB%E52%10!%8D%CA%AA%0B%8Ax%D7%EC%CA%B8%E4%DBq%81%98%5B%5B%5Bc%8B%CE%B3%EB%EB%EBxP%FC.%F1%3AbP%99%E6LB%1Cfaa%01%B8%9A%AA%CC%CD%CD%89%DF%85U%DF%FB%06%A0%22'%AE%C1G1%8Cf.%25%04%22%BC%2F%A2%EA%82j%C6(A%A9%1F%A5E%D8%BD%BC%BC%C4%E3%F1%C1%15%89%24Rtf%80%8A%81%D5%00%D4%B7%A2%18%E6%FE%FE~kk%8B%2B%FC%AFZ%A23%3D%CED%F0%3F%40)-F%3A%3B%3B%DB%DE%DE%D6Q%14%0F%A2%B3h%E9%07%D4%C8%F5%8C*%DE%C2%FB%F5z%FD%EA%EA%0A%AC%83E%C5%23%E8%86%CE%D3%D3%D3%11%D70%A81%A8%FE%82%CF%15%94%AE%E7%82%0A%5D%8F%8E%8E%16%17%17WWW%07%D4%A3%D5j%15%DD%041%EC%9A%AC%A6%BA)tssS3s%AA%E9Dd%00%EB%F5%F5%F5%EC%EC%2C%B2%94T%9Fb%E8%7FyyY*%95%20%5E%2C%16%FB%E3%9A%E0%92U3%91%3A%87%87%87F%F9%13d%98%EF%C8%8A%A8B%9A%CD%26%F2g%D3%B5T*%85%18%40-%06%81%D1%FF%E9%E9%E9%EE%EE%EE%E2%E2%02%F5%1E%F9%08%FA%DD%EF%23v%3D%3D%CB0U%8B%20*%8DQ%9F%9F%9F%8F%8F%8F%3De%1E%98fff%A2%D1(%10%A3%AEQKYD%F5Wb%83%C2%99%A2%06%FE5RblH%85%A2%13z%0B(%DBA%16%E9%99Ji%94%96%CC%B6%22%14U%82U(%A9%1C%ABf%96%D2%D2%8D%2B%11qeI%A2%D3M%13%9B%D9%9E%89%8ArA%95%AC%8D%E1%5B%AE%B5%5D%93%CD%1D%3B%A8yH%ADEL%0Bg%E3%ED%B2%3A%A3%05%17%1C%ED%9Ey%40%E5%7B%C4%DD%B2v%9A%81%9ARr%7B%89%C1%04%88%1A%13%11%17j%3Bq%D5%98%F6%BD%B93%3E)%11VUZ%16~%EA%8EY%80%04NMB~%B6%CB%3E%CE%02d%C3D%C1d%E5%EA%7B%00%E1%994%FE%0F%20%7C%9F%B1%A8%B8%7FS%DCo%93r%C8%13%A8a%0F%C9Fr%00f%CFG-%A8%05%B5%A0%16%D4%82%8E%1F%E8%97%00%03%00%2CK3%C0%95%A6%DFv%00%00%00%00IEND%AEB%60%82") no-repeat center center;-webkit-background-size:28px 28px;}
pre{
	font-size: 0.9em;
	float: initial;
	margin: -6px 0px 6px 0px;
	background-color: transparent;
	color: #666;
}
   
#selectPeriod 	{display:inline;}
.selectDate 	{width: 280px; margin-left: 10px;}
.cs-select 		{text-align:left; margin-top: 12px; margin-left: 72px;} 

header h1 {
	width: 60px;
	height: 60px;
	float: left;
	overflow: hidden;
	text-indent: -999px;
}

/* Lutèce */
.teamMain.lutece::before {background-color:#99cccc;}
h1.lutece { 
	background:url("//battle.paris/static/Camps/01_lutece.png")no-repeat; 
	background-color:#99cccc; 
	background-size:60px; 
}
 
/* Montmartre */
.teamMain.montmartre::before {background-color:#FF5252;}
h1.montmartre { 
	background:url("//battle.paris/static/Camps/02_montmartre.png")no-repeat; 
	background-color:#FF5252;
	background-size:60px; 
}
 
/* Belleville */
.teamMain.belleville::before {background-color:#45e545;}
h1.belleville { 
	background:url("//battle.paris/static/Camps/03_belleville.png")no-repeat; 
	background-color:#45e545;
	background-size:60px; 
}
 
/* Bercy */
.teamMain.bercy::before {background-color:#fff600;}
h1.bercy { 
	background:url("//battle.paris/static/Camps/04_bercy.png")no-repeat;
	background-color:#fff600;
	background-size:60px; 
}
 
/* Montparnasse */
.teamMain.montparnasse::before {background-color:#00FFFF;}
 h1.montparnasse {
 	background:url("//battle.paris/static/Camps/05_montparnasse.png")no-repeat; 
 	background-color:#00FFFF;
 	background-size:60px; 
} 

/* Chaillot */
.teamMain.chaillot::before {background-color:#00aeff;}
h1.chaillot {
	background:url("//battle.paris/static/Camps/06_chaillot.png")no-repeat;
	background-color:#00aeff;
	background-size:60px; 
} 
 
/* La Plaine */
.teamMain.la-plaine::before {background-color:#ffb54d;}
h1.la_plaine {
	background:url("//battle.paris/static/Camps/08_zone.png")no-repeat;
	background-color:#ffb54d;
	background-size:60px; 
}
 
/* La Forêt */
.teamMain.la-foret::before {background-color:#006600;}
h1.la_foret {
	background:url("//battle.paris/static/Camps/09_foret.png")no-repeat;
	background-color:#006600;
	background-size:60px; 
}
 
/* Les Roses */
.teamMain.les-roses::before {background-color:#ffbae8;}
h1.les_roses {
	background:url("//battle.paris/static/Camps/10_roses.png") no-repeat; 
	background-color:#ffbae8; 
	background-size:60px; 
}
 
/* La Défense */
.teamMain.la-defense::before {background-color:#6666cc;}
h1.la_defense {
	background:url("//battle.paris/static/Camps/11_defense.png")no-repeat;
	background-color:#6666cc;
	background-size:60px; 
}

form {
  display: inline-block;
}
  
p.textelegende {
	text-align:center; 
	font-size:1.2em; 
	margin: 0px 0 14px 0; 
	font-family:'Montserrat' sans-serif;
	text-transform: uppercase;
}
.petittextelegende			{text-align:center;position:relative;font-size:0.7em;}
.span2.petittextelegende 	{margin: 0 0 0 14px;}
.petittextelegende:after {
	content:"";
	display:block;
	width:0;
	height:28px;
	border:1px solid gray;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
}
 
.degrade {
	background: #d0e4f7;
	background: -moz-linear-gradient(		left, #00BBFF 0%,#656abd 33%, #f50557 50%, #FF7000 50.5%, #FFFF00 70%, #00FF00 100%	);
	background: -webkit-linear-gradient(	left, #00BBFF 0%,#656abd 33%, #f50557 50%, #FF7000 50.5%, #FFFF00 70%, #00FF00 100%	);
	background: -o-linear-gradient(			left, #00BBFF 0%,#656abd 33%, #f50557 50%, #FF7000 50.5%, #FFFF00 70%, #00FF00 100%	);
	background: -ms-linear-gradient(		left, #00BBFF 0%,#656abd 33%, #f50557 50%, #FF7000 50.5%, #FFFF00 70%, #00FF00 100%	);
	background: linear-gradient(		 to right,#00BBFF 0%,#656abd 33%, #f50557 50%, #FF7000 50.5%, #FFFF00 70%, #00FF00 100% );
	height: 30px;
	opacity: .8;
	margin-bottom: 8px;
}

td.pos{vertical-align:middle; font-family:'Montserrat',sans-serif; font-size:1.4em; text-shadow: #fff 3px 3px 0px;}
td.graph-stats{vertical-align:middle;}


td.stats		{vertical-align:middle;text-align:center;}
td.lineStats	{max-height:450px;display:none;padding-bottom:15px; padding:1px;}
.blocStats 		{width:100%;height:450px;background:grey;}

.graph-stats a:hover,.graph-stats a.active{color:#333;}
.graph-stats a:before{
	text-transform:none;
	font-weight:normal;
	font-variant:normal;
	font-family:'icomoon';
	line-height:1;
	speak:none;
	-webkit-font-smoothing:antialiased;
	margin:0;
	text-align:center;
	content:"\e609";
	font-size:2em;
	display:block;
}
.graph-stats a{
	font-size:12px;
	color:#999;
	text-decoration:none;
	padding: 6px;
  	display: block;
  	width: 30px;
  	height: 30px;
  	margin-left: 2px;
}

@font-face{font-family:'icomoon';src:url('../fonts/icomoon/icomoon.eot?pvm5gj');src:url('../fonts/icomoon/icomoon.eot?#iefixpvm5gj') format('embedded-opentype'),
url('../fonts/icomoon/icomoon.woff?pvm5gj') format('woff'),
url('../fonts/icomoon/icomoon.ttf?pvm5gj') format('truetype'),
url('../fonts/icomoon/icomoon.svg?pvm5gj#icomoon') format('svg');font-weight:normal;font-style:normal;}

/* Icons created with icomoon.io/app */
.tabs			{position:relative; width:100%; overflow:hidden; margin-top:24px; font-weight:300;}

/* Nav */
.tabs nav					{text-align:center; font-family:'Montserrat',sans-serif;}
.tabs nav ul				{padding:0;margin:0;list-style:none;display:inline-block;}
.tabs nav ul li 			{border:1px solid #ddd; background-color:white; margin:0 0.25em;display:block;float:left;position:relative;}
.tabs nav li.tab-current	{background-color:#457ae5; z-index:100;}
.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after{content:'';position:absolute;height:1px;right:100%;bottom:0;width:1000px;background:#457ae5;}
.tabs nav li.tab-current:after{right:auto;left:100%;width:4000px;}
.tabs nav a 				{color:#555;display:block;font-size:1.45em;line-height:2.5;padding:0 1.25em;white-space:nowrap;text-decoration:none;}
.tabs nav a:hover			{color:white; background-color:#f24848 !important; text-shadow: #666 2px 2px 0px;}
.tabs nav li.tab-current a 	{color:white; background:#457ae5; text-shadow: #666 2px 2px 0px;}

/* Icons */
.tabs nav a:before {
	display:inline-block;
	vertical-align:middle;
	text-transform:none;
	font-weight:normal;
	font-variant:normal;
	font-family:'icomoon';
	line-height:1;speak:none;
	-webkit-font-smoothing:antialiased;
	margin:-0.25em 0.4em 0 0;
}
.icon-shield:before 	{content:"\e600";}
.icon-attack:before 	{content:"\e604";}
.icon-map:before 		{content:"\e601";}
.icon-skull:before 		{content:"\e602";} 
.icon-location:before 	{content:"\e601";}
.icon-puzzle:before 	{content:"\e605";}
.icon-badge:before 		{content:"\e606";}
.icon-cup:before 		{content:"\e607";} 
.icon-lightning:before 	{content:"\e604";} 
.icon-sunny:before 		{content:"\e608";} 
.icon-stats:before 		{content:"\e609";} 
.icon-bars:before 		{content:"\e60a";} 
.icon-fire:before 		{content:"\e60b";} 
.icon-target:before 	{content:"\e60c";} 
.icon-plus:before 		{content:"\e603";} 

/* Content */
nav 					{height:48px;}
.content 				{background-color:white; padding:12px;}
.content section		{font-size:1.25em; display:none; margin:0auto;}
.content #section-3 	{padding: 8px 2%;}
.content section:before,
.content section:after 	{content:'';display:table;}
.content section:after 	{clear:both;}

/* Fallback example */
.no-js .content section	{display:block;padding-bottom:2em;border-bottom:1px solid #47a3da;}
.content section.content-current{display:block;}

/* Example media queries */
@media screen and 		(max-width:52.375em){.tabs nav a span{display:none;}
.tabs nav a:before 		{margin-right:0;}
.mediabox				{float:none;width:auto;padding:0 0 35px 0;font-size:90%;}
.mediabox img 			{float:left;margin:0 25px 10px 0;max-width:40%;}
.mediabox h3			{margin-top:0;}
.mediabox p 			{margin-left:40%;margin-left:calc(40% + 25px);}
.mediabox:before,
.mediabox:after 		{content:'';display:table;}
.mediabox:after 		{clear:both;}
}

@media screen and 		(max-width:32em){.tabs nav ul,
.tabs nav ul li a 		{width:100%;padding:0;}
.tabs nav ul li 		{width:20%;width:calc(20% + 1px);margin:0 0 0 -1px;}
.tabs nav ul 
li:last-child			{border-right:none;}
.mediabox 				{text-align:center;}
.mediabox img 			{float:none;margin:0 auto;max-width:100%;}
.mediabox h3 			{margin:1.25em 0 1em;}
.mediabox p 			{margin:0;}
}

#scoreTotal				{padding:10px;}
.titretotal 			{float:left; font-size:18px; margin: 3px 0px 8px 0px; font-family: 'Montserrat' sans-serif;}
.counttotal				{float:left; margin-top:2px; font-family: 'Spinnaker' sans-serif;}

.legendeContenair {
	clear: both;
	width: 100%;
	height: 53px;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
}

.legende 				{width:100%; float:left; }
.legende.attaque		{background:#E50000; width:20%; padding: 6px 0px;}
.legende.def 			{background:#fe903b; width:20%; padding: 6px 0px;}
.legende.defsec			{background:#94D273; width:20%; padding: 6px 0px;}
.legende.projet 		{background:#AAAAAA; width:20%; padding: 6px 0px;}
.legende.cheap 			{background:#00bbff; width:20%; padding: 6px 0px;}
.legendeContenair span 	{display:block;font-size: 12px; line-height: 12px;}
.centered				{}
#modeAttack				{width:300px;}
#map_canvas				{width:100%; height:640px;}


@media (max-width:767px){
	.legende {display:none;}
}

#changebar {
  background: white;
  left: 10px;
  padding: 10px;
  position: absolute;
  top: 240px;
  width: 300px;
  z-index: 2;
  text-align: left;
  box-shadow: #ccc 3px 3px 0px;
  font-family: 'spinnaker' sans-serif;
}

#quartersList {width: 100%;}