﻿/* result progress*/
.resDef {
	text-align:center;
	font-size:12px;
	position:absolute;
	top:35px;
	left:600px;
}
/*table cells*/
.cell {
	border-bottom: 2px solid white;
	border-left:2px solid white;
	background-color:#E6E6E6;
	height:22.5px;
	padding-left:6px;
	padding-right:6px;
}
/*table cells elu*/
.cellElu {
	border-bottom: 2px solid white;
	border-left:2px solid white;
	background-color:#00BFFF;
	height:22.5px;
	padding-left:12px;
	padding-right:12px;
}
/*header,footer Table*/
.cellStat {
	border-bottom: 2px solid white;
	border-left:2px solid white;
	background-color:#989898;
	color:#FFFFFF;
	height:22.5px;
	padding-left:6px;
	padding-right:6px;
}
/*progress picture table*/
.cellProgres {
	/*background-color:none;*/
	height:22.5px;
	width:20px;
}
/*logo of a party*/	
.cellLogo {
	/*background-color:none;*/
	height:56px;
	color:#0e4096;
	font-weight:bold;
}
/*titles*/
.titles {
	color:#0e4096;
	font-weight:bold;
	position:relative;
	width:80%;
	margin-bottom:20px;
	font-size:14px;
}
/*notice when there is no Javascript activated*/
.javascriptNotice {
	color:#0e4096;
	font-weight:bold;
	position:relative;
	margin-bottom:20px;
}
/*titles of the principes page*/
.principesTitle {
	color:#0e4096;
	position:relative;
	width:80%;
	margin-bottom:20px;
}
/* unordered list of the principes page*/
.principesUL {
	list-style-position:inside;
	position:relative;
	width:80%;
	margin-bottom:20px;
}
/*container of the candidate info page*/
.infoCandidatContainer {
	position:relative;
		height:300px;
	    left:40px;
}
/* candidate picture */
.candidatePicture {
position:relative;
	float:left;
	margin-right:50px;
}
/* info candidate table*/
.candidatDetails {
	position:relative;
	margin-bottom:20px;
}
/*candidate info text*/
#candidateInfoText {
	position:relative;
	
	clear:left;
}
/*container containing 3 charts*/
#chartContainer {
	position:relative;
	height:920px;
	width:910px;
	margin-bottom:20px;
}
/*container containing 1 chart*/
#chartContainer2 {
	position:relative;
	height:305px;
	width:910px;
	margin-bottom:20px;
}
/*column chart div*/
#column {
	width:600px;
	height:300px;
	position:relative;
	float:left;
	margin-bottom:5px;
	border:1px solid black;
}
/*pie chart div*/
#pie {
	width:600px;
	height:300px;
	float:left;
	position:relative;
	border:1px solid black;
	margin-bottom:5px;
}
/*gain/loss chart div*/
#gain {
	width:600px;
	height:300px;
	float:left;
	position:relative;
	border:1px solid black;
	margin-bottom:5px;
}
/*text for pie and gain/loss chart if no results are available*/
#infoMandats, #infoGain {
	position:relative;
	width:300px;
	top:100px;
	left:150px;
}
/*legends for the charts*/
#pieLegend, #columnLegend, #gainLegend {
	float:left;
	position:relative;
	height:300px;
	width:180px;
	margin-right:50px;
}
/*text within the legend divs*/
#columnText, #pieText, #gainText {
	position:absolute;
	bottom:130px;
	font-style:italic;
}
/*break between tables*/
.tableBreak {
	height:20px;
}
/*information text div*/
#text {
	width: 909px;
	position: relative;
	clear:left;
	margin-bottom:50px;
}
/*link in information text div*/
#link {
	color:#6495ED;
	font-weight:bold;
	cursor: pointer;
	text-decoration:underline
}
/*information table*/	
#infoTable {
	width:904px;
	position:relative;
}
/*divs containing tables*/
#partiTable, #partiTable2, #bureauxTable {
	width:904px;
	position:relative;
}
/*divs containing a legend for tables*/
#partiLegend, #partiLegend2 {
	position:relative;
	width:904px;
}

/*cartecommune.php*/

/*carte*/
#mapCommuneDiv {
	width:381px;
	height:519px;
	position:relative;
	margin-bottom:20px;
}
/*legend carte*/
#infoCarteCommunesDiv {
	font-size:12px;
	font-style:italic;
	position:absolute;
	left:482px;
	margin-left: 20px;
	top:200px;
	width: 300px;
}

/*info of municipalities*/
#mapInfoDiv {
	font-size:12px;
	position:absolute;
	top: 250px;
	background-color:#0e4096;
	color:white;
	left:482px;
	margin-left: 20px;
	width: 302px;
	display:none;
	border:2px solid #cccccc;
}



/*candidateList.php*/

/*div to display the district name of the table below*/
.circoHeader {
	left:50px;
	font-size:12px;
	color:#0e4096;
	font-weight:bold;
	position:relative;
	width:80%;
	margin-bottom:10px;
}
/*table containing the candidates for the given district*/
.candidateTable {
	position:relative;
	width:800px;
	left:50px;
	border:1px;
	margin-bottom:20px;
}
/*header of the table*/
.candidateTableHeader {
	font-weight:bold;
	border-bottom: 2px solid white;
	border-left:2px solid white;
	background-color:#989898;
	color:#FFFFFF;
	height:22.5px;
	padding-left:6px;
	padding-right:6px;
}
/*candidate rows in table*/
.candidates {
	border-bottom: 2px solid white;
	border-left:2px solid white;
	background-color:#E6E6E6;
	height: 22.5px;
	padding-left:6px;
	padding-right:6px;
}


/*party icon*/
#candidateListeImg {
	position:relative;
	float:right;
	margin-right:50px;
	display:inline;
	top:-50px;
}

/*dbConnectionError*/

/*div containing error text div*/
#erreur {
	position:absolute;
	left:225px;
	top:200px;
	width:500px;
	text-align:center;
}
/*div containing error text*/
#erreurContainer {
	position:relative;
	height:500px;
}

/*source div for CIE link*/
#sourceCIE {
	position:relative;
	font-size:10px;
	width:250px;
	left:635px;
}
