#bureauxTitle2{
	page-break-before: always!important;
}

/*result progress*/
.resDef {
	font-size:12pt;
	position:absolute;
	top:35px;
	left:600px;
}
/*table cells*/
.cell {
	border-bottom: 2px solid white;
	border-left:2px solid white;
	height:22.5px;
	padding-left:6px;
	padding-right:6px;
}
/*table cells elu*/
.cellElu {
	border-bottom: 2px solid white;
	border-left:2px solid white;
	height:22.5px;
	color:#00BFFF!important;
	padding-left:12px;
	padding-right:12px;
}
/*header,footer Table*/
.cellStat {
	font-weight:bold!important;
	border-bottom: 2px solid white;
	border-left:2px solid white;
	background-color:#989898;
	color:#000000!important;
	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:#CC0000;
	font-weight:bold;
}
/*titles*/
.titles {
	color:#CC0000;
	font-weight:bold;
	position:relative;
	width:80%;
	margin-bottom:20px;
	font-size:14pt;
}
/*notice when there is no Javascript activated*/
.javascriptNotice {
	color:#CC0000;
	font-weight:bold;
	position:relative;
	margin-bottom:20px;
}
/*titles of the principes page*/
.principesTitle {
	color:#CC0000;
	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:20px;
}
/* candidate picture */
.candidatePicture {

	position:relative;
	width:100px;
	height:100px;
	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;
	display:none !important;
}
/*container containing 1 chart*/
#chartContainer2 {
	position:relative;
	height:305px;
	width:910px;
	margin-bottom:20px;
	display:none !important;
}
/*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;
	display:none !important;
}
/*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:12pt;
	font-style:italic;
	position:absolute;
	left:482px;
	margin-left: 20px;
	top:200px;
	width: 300px;
}

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

/*parti.php*/
/*divs containing the images of the circo names*/
.circoNom {
	display:list-item!important;
	list-style-position:inside!important; 
	position:absolute;
	cursor:pointer;
}
/*div containing the image of the circo name centre*/
#partiCentre .circoNom {
	list-style-image:url(../images/CircoCentre.png)!important;
	width:120px;
	height:24px;
}

/*div containing the image of the circo name est*/
#partiEst .circoNom {
	list-style-image:url(../images/CircoEst.png)!important;
	width:57px;
	height:24px;
}

/*div containing the image of the circo name nord*/
#partiNord .circoNom {
	list-style-image:url(../images/CircoNord.png)!important;
	width:87px;
	height:24px;
}

/*div containing the image of the circo name sud*/
#partiSud .circoNom {
	list-style-image:url(../images/CircoSud.png)!important;
	width:62px;
	height:24px;
}

/*div containing the image of the name national*/
#partiNational .circoNom {
	list-style-image:url(../images/National.png)!important;
	width:152px;
	height:24px;
}
/*div containing the parti results for district centre*/
#partiCentre {
	position:relative;
	top:0;
	left:125px;
	border:1px solid #CCCCCC;
	height: 200px;
	width: 300px;
}

/*div containing the parti results for district est*/
#partiEst {
	position:absolute;
	top:0;
	left:470px;
	border:1px solid #CCCCCC;
	height: 200px;
	width: 300px;
}

/*div containing the parti results for district nord*/
#partiNord {
	position:absolute;
	top:0;
	left:125px;
	border:1px solid #CCCCCC;
	height: 200px;
	width: 300px;
}

/*div containing the parti results for district sud*/
#partiSud {
	position:absolute;
	top:0;
	left:475px;
	border:1px solid #CCCCCC;
	height: 200px;
	width: 300px;
}

/*div containing the parti results for the national plan*/
#partiNational {
	position:absolute;
	height: 200px;
	border:1px solid #CCCCCC;
	width: 300px;
	top:0;
	left:300px;
}

/*div containing the 1 or 2 circo divs*/
.resultPartiContainer {
	position:relative;
	top:0;
	height:220px;
	width:900px;
}
/*div containing the result table for the given districts*/
.circoResult {
	position:absolute;
	top:60px;
	margin-left:10px;
}
/*result table for the given district*/
.circoResult Table {
	width: 280px;
}
/*right-most column in result table*/
.rightAlign {
	text-align:right;
}
/*left-most column in result table*/
.boldStyle {
	font-weight:bold;
}
/*div shown if a party is not in the given district*/
.noResult {
	position:relative;
	top:20px;
	text-align:center;
}
/*div containing the link to the detailed results of the party for the given district*/
.detailResultLink {
	position:absolute;
	bottom:0;
	right:0;
}


/*candidateList.php*/


/*div to display the district name of the table below*/
.circoHeader {
	left:50px;
	font-size:12pt;
	color:#CC0000;
	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;
	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:#000000!important;
	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;
}
/*party icon img tag*/
#partiLogo{
	height:56px;
}
/*dbConnectionError*/

/*div containing error text div*/
#erreurContainer {
	position:relative;
	height:500px;
}

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

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