@charset "UTF-8";
@import "../base/init.css";
@import "../base/style.css";
@import "../piece/style.css";

/* =========================================================
   Enquete
========================================================= */

.enqueteForm {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 2em 1em 1em;
	
	
}

/* Confirm
----------------------------------------------- */
.confirmMessage {
  margin-bottom: 30px;
  font-size: 120%;
  text-align: center;
}

/* Index : enqueteForms
----------------------------------------------- */
.enqueteForms .form, .enqueteForm .form {
  margin: 10px 0;
}
.enqueteForms .form h2, .enqueteForm .form h2 {
  /* padding: 7px 10px;
  background-color: #232f8c;
  color: #ffffff;
  font-weight: bold;
  font-size: 100%; */
  border-bottom: 4px dotted #ccc;
  /* font-size: 21px; */
  font-size: 24px;
  
}
.enqueteForms .form .summary,
.enqueteForm .form .body {
  padding: 10px 10px 5px;
}

/* Show : enqueteForm
----------------------------------------------- */
.enqueteForm .columns {
  margin: 20px 10px;
}
.enqueteForm .column {
  margin: 10px 0 20px;
}
.enqueteForm .column .name {
  /* padding: 4px 8px;
  border-left: 4px solid #232f92;
  background-color: #f1f1f1; */
  
  /* border-bottom: 2px solid #01bf81; */
  
  /* border-left: 3px solid #01bf81; */
  padding: 0.5em;
  font-size: 18px;
  margin-bottom: 1em;
  position: relative;
  background: #f8f8f8;
}

.enqueteForm .column .name:before {
	/* background: #01bf81;
	width: 5px;
	height: 1em;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	content: ""; */
}


.form .name a {
  color: #333;
}
.enqueteForm .column .name .required {
  color: #ff0000;
}
.enqueteForm .column .body {
  /* margin: 10px 0 0 15px; */
}
.enqueteForm .column .field {
  /* margin: 10px 0 0 15px; */
}
.enqueteForm .submitters {
  margin: 0;
  padding: 10px 0;
  /* background-color: #d8ebf8; */
  text-align: center;
}
.enqueteForm .errorExplanation {
  color: #ff0000;
}
.enqueteForm .back {
  margin-top: 20px;
  text-align: center;
}
.enqueteForm .back a {
  display: block;
  width: 95px;
  margin: 0 auto;
  padding: 3px 0;
  border: 1px solid #999999;
  background-color: #ececec;
}

/* Sent : enqueteSent
----------------------------------------------- */
.enqueteSent .message {
  margin: 60px 0;
}
.enqueteSent .back {
  text-align: center;
}
.enqueteSent .back a {
  display: block;
  width: 95px;
  margin: 0 auto;
  padding: 3px 0;
  border: 1px solid #999999;
  background-color: #ececec;
}