/* CSS Document */
html,body
{
	padding:0;
	margin:0;
	font-family: 'Raleway', sans-serif;
	
}

h3
{
	font-weight:700;
	font-size:21px;
	margin-bottom:5px;
}

div.tableVote
{
	/*width:400px;*/
	max-width:100%;
	border: 1px solid #aaa;
	padding: 20px;
	margin: 20px;
	text-align:left;
	display: inline-block;
}


div.blocPresentation
{
	width:600px;
	max-width:90%;
	border: 1px solid #aaa;
	padding: 20px;
	margin: 20px;
	text-align:justify;	
}

div.tableVoteCandidat
{
	min-width: 400px;
	max-width:100%;
	display:inline-block;
	margin-bottom:10px;
}

div.tableVoteCandidatTendance
{
	/*width:400px;*/
	max-width:100%;
	display:inline-block;
	margin-bottom:10px;
	margin-left:220px;
	text-align:left;
	width:400px;
	font-size:21px;
	color:#BBB;
	margin-top:20px;
	margin-bottom:5px
}

img.imgCheckBox
{
	display:inline-block;
	
}

img.LeftColumn
{
float:left;
}

img.RightColumn
{
float:right;
}

div.choixCandidat
{
	display: inline-block;
min-height: 50px;
float: left;
line-height: 50px;
margin-left: 20px;
margin-right: 20px;
text-align:left;
}
input.inputVote
{
	margin-right:10px;
}

span.nom_candidat_list
{
	font-size:21px;
	font-weight:500;
}

span.prenom_candidat_list
{
	font-size:21px;
	font-weight:300;
}

span.notice
{
	font-size:14px;
	display:block;
}

a.lienCandidat
{
	text-decoration:none;
	
}

a.lienParti
{
	text-decoration:none;
	font-size:19px;
	font-weight:500;
}

div.infoImportante
{
	margin:50px;
	padding:20px;
	border:#F60 1px solid;
	font-size:18px;
	font-weight:700;
	text-align:justify;
}

.PS{color:#C06;}
.LR{color:#039;}
.INDE{color:#636;}
.EG{color:#C00;}
.ED{color:#003;}
.DVD{color:#069;}
.DVG{color:#900;}
.ECO{color:#390;}
.CENTRE{color:#F30;}

span.label
{
	font-size:20px;
	font-weight:300;
	text-align:center;
}

input.inputTxt
{
	padding:5px 10px 5px 10px;
	text-align:center;
}

input.buttonForm
{
display: inline-block;
	border: 1px solid;
	border-color: #50a3c8 #297cb4 #083f6f;
	background: #0c5fa5  repeat-x left top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		white,
		#72c6e4 4%,
		#0c5fa5
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(white),
		to(#0c5fa5),
		color-stop(0.03, #72c6e4)
	);
	-moz-border-radius: 0.333em;
	-webkit-border-radius: 0.333em;
	-webkit-background-clip: padding-box;
	border-radius: 0.333em;
	color: white;
	-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	font-size: 1.167em;
	padding: 0.286em 1em 0.357em;
	line-height: 1.429em;
	cursor: pointer;
	font-weight: bold;
	margin:30px;
}

select.selectForm
{
	width:70%;
	max-width:250px;
	font-size:19px;
	
}

select.selectFormJugement
{
	width:120px;
	height:50px;
	float:left;
	font-size:19px;
}
table.cguVote
{
	width:400px;
	max-width:100%;
}

td.chkboxTxt
{
	vertical-align:top;
	text-align:justify;
	padding-bottom:10px;
}

div.choixQuestion
{
	text-align:center;
	margin:20px;
	font-size:19px;
	max-width:600px;
	width:100%;
}

#form_jugement_scrutin {
max-width: 600px;
width: 100%;
padding: 20px;
border: 1px solid #ccc;
}


/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 30px; height: 30px; /* dim. de la case */
  border: 2px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px; /* angles arrondis */
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3) /* légère ombre interne */
}
 
/* Aspect général de la coche */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 0; left: 4px;
  font-size: 14px;
  color: #09ad7e;
  transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
[type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}

div.btnExp
{
	display:inline-block;
	padding:30px;
	max-width:300px;
	max-height:300px;
	min-height:200px;
	height:100%;
	width:100%;
	margin:20px;
	border:1px solid #CCC;
	color:#aaa;
	text-decoration:none;
	background-color:#EEE;
}

a.btnExp
{
	display:inline-block;
	padding:auto;
	margin:auto;
	color:#06C;
	text-decoration:none;
}

div.blocResultat
{
display: block;
width: 100%;
height: 500px;
overflow: auto;
scroll-behavior: auto;
}

button.navbar-toggler
{
margin: 10px;
border-radius: 0;
}