@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
}

body, p, img, table, ul, li, div, a, dl, dt, dd, form, fieldset, h2, h3, h4 {
margin: 0;
padding: 0;
color: #000000;
font-family: 'Roboto';
line-height: 1.5;
list-style-type: none;
font-size: 14px/16px;
}

body {
	background-attachment: fixed;
	background-size: cover;
}

h3 {
padding-top: 30px;
color: #000000 !important;
padding-bottom: 20px;
}

h4 {
	color: #000000 !important;
	font-size: 19px !important;
	font-weight: 700 !important;
}

a {
color: #000000 !important;
}

a:hover{
color: #000000 !important;
}

.btnoffre {
color: #ffffff !important;
background-color: #4299b8;
padding: 10px 14px;
font-size: 13px;
text-align: center;
display: inline-block;
}

.btnoffre:hover {
color: #ffffff !important;
}

ul {
margin-left : 15px;
}

li{
padding-left:0 !important;
}

li.apparent {
	padding-left: 10px !important;
	list-style-type: none !important;
	border-left: 1px dashed #4299b8;
}

li.apparent2 {
	list-style-type: initial !important;
	margin-left: 10px;
}

h1 {
margin-top: 0 !important;
font-family: 'Roboto' !important;
line-height: 1.5 !important;
color : #ffffff !important;
font-size : 20px !important;
text-align: center !important;
background-color: #23527c !important;
padding : 15px !important;
}

h2 {
color : #00699e;
font-size : 2.1em;
margin-bottom : 30px;
}

table {
border-collapse : collapse;
color:#000;
}


body {   
background-color: transparent !important;
}


p {
margin-bottom : 8px;
}

#prev_button {
display: none !important;
}

#form_zone {
width: 100%;
max-width: 750px;
margin: 20px auto 45px;
-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
background-color: rgba(255,255,255,.95);
padding-bottom: 50px;
}

#form_zone_inside {
margin : 20px;
}


#header {
padding: 25px 10px 5px 10px;
}

.pre-form p {
width: 85%;
margin: 0 auto;
}

.mentions {
background-color: #ededed;
padding: 20px;
}

.rgpd2 {
border: 2px solid #e9e9e9;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
margin: 20px 20px 35px 20px !important;
}

.rgpd div.field:hover {
box-shadow: none;
background-color: transparent;
}

#header p img {
max-width: 730px;
width: 100%;
}

#footer {
width: 100%;
background-color : #e9e9e9;
padding: 10px;
color : #80A031;
}

#footer a {
text-decoration: none;
color : #80A031;
}

div.intro {
	background-color : #ffffff;
	width : 100%;
}

div.field {
	padding : 10px;
}

div.field:hover {
	box-shadow: 0 0 1px #efefef;
	background-color: #f9f9f9;
}

div.field label {
	margin-top: 0;
	font-weight:400;
	margin-bottom:10px;
}

div.field label p {
	margin-bottom: 15px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: 400;
	color: #000000;
}


.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #757575;
}

.select2-container {
	width: 100% !important;
}

div.field.img-radio .input_zone {
text-align: center
}
div.field.text-input label p {
float: left;
padding-right: 15px;
}
div.field.text-input .input_zone input {
width: 200px;
}
div.field.select-input label {
float: left;
padding-right: 15px;
min-width: 290px;
}
div.field.with-title label {
float: none !important;
padding-right: 0;
}
div.field.with-title label h1 {
margin-bottom: 20px;
}
div.field.with-title label p {
float: left;
padding-right: 15px;
}
div.field.select-input .select2 {
width: 200px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px !important;
}
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 35px !important;
}
div.field.textarea-input textarea {
width: 100%;
box-sizing: border-box;
padding: 5px;
max-width: 100%;
height: auto;
border: 3px solid #005580;
margin-top: 15px;
}
div.field.centered label,
div.field.centered .input_zone {
text-align: center !important;
}
label {
color: #000;
position: relative;
display: block ;
margin-bottom: 5px;
background-color : none;
text-align : left;
max-width: 100%;
}
.question-apparente > label {
display : block;
padding : 5px 10px 0 10px;
position : relative;
font-size : 1.05em;	
border-radius : 0;
-moz-border-radius : 0; 
background-color : transparent;
min-width : 130px;
text-align : center;
color : #dddddd;
margin: 5px auto;
}
.question-apparente label p {
color : #666;
font-size: 1.1em;
line-height : 1.5;
}

.question-apparente:nth-last-child(1) div.input_zone {
display: inline-block;
width: auto;
}
.question-apparente:nth-last-child(2) div.input_zone {
display: inline-block;
width: auto;
}

label a {
color : #ffffff;
font:1.1em 'Helvetica Neue',Helvetica,Arial,sans-serif;
line-height : 1.5;
}



.select2-selection .select2-selection--single{
width:200px;
}

/* labels associes aux boutons radios et check */

label.label-after-radio {
display : inline-block;
border : none;
color: #000000;	
cursor : pointer;
margin : 0;
padding : 5px 10px;
float : none;
background: none;
transition: background .3s;
font-size : 1em;
margin-bottom: 4px;
top: -5px;
left: 20px;
margin-right: 20px;
}

label.label-after-radio:hover {

color: #0071b9;
}

label.label-after-check {
display : inline-block;
border : none;
color: #000000;	
cursor : pointer;
padding : 5px 4px;
float : none;
background: none;
transition: background .3s;
top: -5px;
left: 25px;
margin-right: 20px;
}

label.label-after-check:hover {
	color: #0071b9;
}

div.input_zone {
position : relative;
width : 100%;
text-align : left;
margin-bottom: 0;
min-height:37px;
}



div.field_info {
color : #777777;
margin-left : 230px;
font-size : 0.7em;
clear : left;
}


.spacer_right {
margin-right : 20px;
}


div#notice, .notice {
color : #c1cf0e;
display : inline-block;
margin : 10px 0;
font-weight : bold;
}

div#error, .error {
color : #ff0505;
display : none;
margin : 10px 0;
font-weight : bold;
}


div#alert, .alert {
color : #b00f43;
display : inline-block;
margin : 10px 0;
font-weight : bold;
}

div.field_errors {
padding-top: 5px;
color : #ff0000;
font-size : 13px;
z-index: 100;
/*position:absolute;*/
}

.confirmation{
font-size:30px;
padding-top:100px;
}

div.question-apparente:last-child div.field_errors {
width: 200px;
top: -14px;
background-color : #ffffff;
left: 0;
right: 0;
margin: 0 auto;
}
/*div.field_errors:nth-child(4) {
width: 200px;
right: 42px;
top: -7px !important;
}*/

div.question-apparente div.field_errors {
top: -30px;
bottom: auto;
}

div.field_with_errors input, input.field_with_errors {
background-color : #d97272; 
}


.error {
color : #85102B;
}


div.field_info {
color : #777777;
margin-left : 250px;
font-size : 0.7em;
clear : left;
}


div.tooltip_zone {
position : relative;
}


div.tooltip_text {
position : absolute;
z-index:9999;
display : none;
left : 50px;
color:#fff;
background-color : #444444;
padding : 8px;
opacity:0.85;
border-radius : 3px;
-moz-border-radius : 3px; 
}


div.input_zone > input {
height : 37px;
vertical-align : middle;
font-size : 1.05em;
padding: 0 0 0 1%;
outline: none;
color: #000000;
width:100%;
background-color:#fff;
transition: all 150ms ease-in-out 0s;
border:none;
padding-left: 10px;
border: 1px solid #23527c;

}

input[type="text"],
input[type="email"],
input[type="password"] {
background-color : #fff;
}
input.check_input {
width: auto;
}
input[type="text"] {
transition: box-shadow .3s;
}
input[type="text"]:hover, 
input[type="text"]:focus {
background-color: #ffffff;
}


input[type="text"]:focus {
box-shadow: 0 0 1px #222;
background-color: #ffffff;
}


textarea {
height : 90px;
resize: none;
vertical-align : middle;
background-color : #ffffff;
border: 1px solid #0071b9;
border-radius: 0;
transition: all 150ms ease-in-out 0s;
padding:5px;
width:250px;
}

.textarea2 .txt_input {
height : 180px !important;
}

.votre_demande .input_zone .select2{
width:100% !important;
}

textarea.txt_input {
padding : 1%;
resize: none;
background-color: #ffffff;
max-width: 100%;
width: 100%;
border: 1px dashed #23527c;
color:#000000;
}


button, .button {
border : none;
background : none;
cursor : pointer;
background-color : #0071b9;
color : #ffffff;
padding : 10px 10px; 
text-decoration : none;
height : auto;
transition: background-color .3s;
-webkit-appearance: none;
border-radius : 20px;
font-weight: 400;
width : 70%;
max-width : 280px;
text-transform : uppercase;
font-size : 18px;
}

button:hover, .button:hover {
background-color: #358335;
color : #ffffff;
-webkit-appearance: none;
}


button.previous-question {
display : block;
position : relative;
background : none;
margin : 18px auto;
background-color : #23527c;
color : #ffffff;
padding : 0;
text-align : center;
}

button.previous-question:hover {
background : none;
color : #358335;
}

button.next-question {
background-color : #0071b9;
color : #ffffff;
}

button.next-question:hover {
background-color: #358335;
color : #ffffff;
}

div#progression {
margin : 0 auto;
text-align : center;
margin-bottom : 12px;
padding-top : 10px;
vertical-align : center;
margin-bottom:20px;
}

div#progression-maxi {
text-align : center;
}


span.progression-item {
display : inline-block;
margin : 5px;
width : 40px;
height : 40px;
border-radius: 50%;
text-align : center;
color : rgba(0, 0, 255, 0);
border : none;
vertical-align: middle;
}


span.progression-item .chiffre {
display: block;
padding-top: 11px;
}

div#progression-maxi span.todo {
background-color : #23527c;
}

div#progression-maxi span.done {
background-color : #358335;
}
div#progression-maxi span.current {
background-color : #0071b9;
}
span.progression-item.todo .chiffre,
span.progression-item.current .chiffre,
span.progression-item.done .chiffre {
height: 40px;
width: 40px;
}

span.progression-item.todo .chiffre button,
span.progression-item.current .chiffre button,
span.progression-item.done .chiffre button {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
padding: 0;
font-size: .8em;
}


p.clear-util {
clear : both;
}


div.smart_option {
display : inline-block;
} 

div.smart_option_block {

border : 3px solid transparent;
margin-right : 9px; 
padding : 7px;
cursor : pointer;
}
div.smart_option_block p {
margin: 0;
}

div.smart_option_block:hover {
border : 3px solid #dddddd;
}


div.smart_multi_option_block {

border : 3px solid #ffffff;
margin-right : 30px; 
padding : 14px;
cursor : pointer;
} 

div.smart_multi_option_block:hover {
background-color : #dddddd;
} 


div.smart_option div.selected {
border : 3px solid #80A031; 
} 


iframe {
border: none;
}

div.ui-slider-horizontal {
width : 490px;
height : 6px; 
margin-left : 40px;
margin-bottom: 30px;
}

div.slider_options {
width : 585px;
margin-bottom : 15px;
}

div.slider_option {
display : inline-block;
margin : 10px 0 0 0;
padding : 0px 2px;
vertical-align : top;
height : 30px;
}

div.slider_options div.selected {
font-weight : bold;
color : #00699e;

}

div.ui-slider-range {
background-image : none !important;
background-color : red !important;
}

a.ui-slider-handle {
background : url('images/curseur.png') no-repeat 1px -1px !important;
width : 21px !important;
height : 26px !important;
top : -11px !important;
left : -10px;
border : none !important;
}

a.ui-slider-handle:hover {
background : url('images/curseur.png') no-repeat 1px -1px !important;
border : none !important;
}


.field.slider-layout .input_zone {
float: none;
margin: 0 auto;
text-align: center;
width: 95%;
max-width: 550px;
}
.field.slider-layout .input_zone input {
width: auto;
}

.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {
background-color: #408af4;
background-image: none;
}

.irs-line-left, .irs-line-mid, .irs-line-right {
background-color: #E1E4E9;
}

.irs-from::after, .irs-to::after, .irs-single::after {
border-color: #408af4 transparent transparent;
}

.irs-from, .irs-to, .irs-single {
background-color: #408af4;
}
div.field.table-input table.grid_multi,
div.field.table-input table.grid_one {
margin-top: 0;
margin-left: 0;
width: 100%;
}
div.field.table-input table.grid_multi div.radio_option,
div.field.table-input table.grid_one div.radio_option {
width: auto;
margin: 0;
}
div.field.table-input table.grid_multi td,
div.field.table-input table.grid_one th {
padding: 0 0 5px 0;
}
div.field.table-input table.grid_multi td.grid_option,
div.field.table-input table.grid_one td.grid_option {
border-bottom: 1px solid #F2EFE9;
}
div.field.table-input table.grid_multi td.grid_label,
div.field.table-input table.grid_one td.grid_label {
max-width: 185px;
}
div.field.table-input table.grid_multi td,
div.field.table-input table.grid_one td {
padding : 13px 0;
}
table.grid_multi,
table.grid_one {
width : 100%;
}
table.grid_multi th, 
table.grid_one th {
padding : 0;
text-align : center;
color : #4c5260;
font-size: 0.85em;
padding-right:10px;
}
table.grid_multi tr,
table.grid_one tr {
border-bottom: 1px solid #8a8686;
}
table{
color : #4c5260;
}

td.grid_option {

text-align : center;
}

td.grid_label {
text-align : left;
border-bottom : 1px solid #8a8686;
padding:10px 0;
}

div.radio_option {
margin-right: 10px;
display: block;
}

div.radio_option input {
position : relative;
top : -2px;
cursor : pointer;
}

div.check_option {
text-align : left;
margin-right:10px;
display: block;
}



table.results ul { 
list-style-type: none; 
margin-left: 6px;
margin-top : 12px;
}

table.results td {
padding : 8px;
border : 1px solid #d7d1c5;
}


li {
padding-left : 18px;
}

li.choosen {
background : url('images/coche-mini.png') no-repeat left 3px; 

}

span.expected_answer {
font-weight : bold;
color : #87ad29;
}

span.unexpected_answer {
color : #b00f43;
}


div.quiz_option_result {
display : inline-block;
padding : 2px;
margin-right : 10px;
}

div.expected_answer {
border : 1px solid #87ad29; 
}

div.choosen {
background : url('../images/coche-mini.png') no-repeat 4px 4px;
padding-left : 12px; 
}



div.answer_ok {
float : left;
margin-left : 10px;
width : 42px;
height : 60px;
background : url('images/coche.png') no-repeat left top; 
}

div.answer_not_ok {
float : left;
margin-left : 10px;
width : 42px;
height : 60px;
background : url('images/croix.png') no-repeat left top; 
}

div.answer {
margin-left : 80px;
}

div.submit_zone {
width : 100%;
clear : both;
text-align : center;
margin-top: 20px;
margin-bottom: 20px;
}
#after_submit{
padding:0 10px;
margin-bottom:40px;
}

#after_submit p{
font-size: 14px;
color: #4c5260;
line-height: 23px;
font-weight: 700;
}
#after_submit p:last-child{
margin-top:-10px;
font-size: 12px;
color: #000000;
line-height: 23px;
}
#after_submit p:last-child a{
font-weight: 700;
font-size: 12px;
}

a.clue {
display : inline-block;
margin-top : 20px;
background : #95bf2d;
border-radius : 4px;
-moz-border-radius : 4px; 
padding : 4px;  
cursor : pointer;
border : none;
text-decoration : none;

}

a.clue:hover {
background : #927557;
color : #ffffff;
}


div.clue, div.confirm {
margin-top : 10px;
margin-bottom : 10px;
padding : 10px;
font-size : 1em;
background-color : #f5f1ee;
border-radius : 8px;
-moz-border-radius : 8px;   
}


div#score { 
font-size : 2em;
color : #87ad29;
}

span.chiffre {
color: #ffffff;
font-size : 1em;
vertical-align : center;

}


/* report */


table.report-listing, table.report-detail {
border-collapse : collapse;
margin-bottom : 20px;
}

table.report-listing tn, table.report-detail th {
font-weight : normal;
background-color : #00699e;
color : #ffffff;
background-image: linear-gradient(bottom, rgb(43,137,184) 9%, rgb(0,105,158) 55%);
background-image: -o-linear-gradient(bottom, rgb(43,137,184) 9%, rgb(0,105,158) 55%);
background-image: -moz-linear-gradient(bottom, rgb(43,137,184) 9%, rgb(0,105,158) 55%);
background-image: -webkit-linear-gradient(bottom, rgb(43,137,184) 9%, rgb(0,105,158) 55%);
background-image: -ms-linear-gradient(bottom, rgb(43,137,184) 9%, rgb(0,105,158) 55%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.09, rgb(43,137,184)),
color-stop(0.55, rgb(0,105,158))
)


}

table.report-listing * {
font-size : 16px;
}


table.report-detail td {
border : 1px solid #e5e5e5;
}


table.report-detail td, table.report-detail th {
padding : 4px 8px;
vertical-align : middle;
}

table.report-detail td.label, table.report-listing td.label {
width : 400px;
}

table.report-listing th {
text-align : center;
}

table.report-listing tr {
border-bottom : 1px solid #e5e5e5;
}


table.report-listing td, table.report-listing th {
padding : 4px 8px;
vertical-align : middle;
border : 1px solid #e5e5e5;
}

table.report-listing td.action {
text-align : center;
}

table.report-listing td div.data {
position : relative;
height : 30px;
}

table.report-listing td.synthese {
font-weight : bold;
}

table.report-listing td.vide {
/*	background-color : #e5e5e5; */
}


table.report-listing th * {
color : #ffffff;	
}

table.report-listing th a {
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
font-size : 10px;
color : #00699e;
text-decoration : none;
display : inline-block;
background-color : #ffffff;
border : 1px solid #ffffff;
margin-top : 10px;
padding : 2px 4px;
transition: all 0.2s ease-in-out;

}

table.report-listing th a:hover {
background-color : #00699e;
color : #ffffff;
}

table.report-listing tr.alternate td, table.report-detail tr.alternate td {
background-color : #f5f5f5;
}

table.report-listing tr:hover td, table.report-detail tr:hover td {
background-color : #eeeeee;	
transition: all 0.2s ease-in-out;
}

table.report-listing td, table.report-detail td {
padding : 20px 14px;
}



table.report-listing div.percent {
position : absolute;
right : 0;
bottom : 0;
font-size : 9px;
}

div.percent.more {
color : green;

}

div.percent.less {
color : red;
}


td.currency {
text-align : right;
}

td.label, td.label p  {
color : #00699e !important;
}

td.std, td.std {
text-align : center;
}


table.report-detail td img, table.report-listing td img {
height : 40px;
width : auto;
}



/* commentaires */

div.comment {
margin-top : 14px;
}

div.comment-head {
color : #ffffff;
background-color : #00699e;
height : 21px;
padding : 4px 4px;
position : relative;
}

div.comment-buttons {
position : absolute;
right : 2px;
top : 0px;
}

div.comment-body {
border : 1px solid #e5e5e5;
padding : 2px 4px;
min-height : 80px;
}

img.user-photo {
display : block;
float : left;
height : 80px;
margin-right : 10px;
margin-bottom : 4px;
margin-left : 4px;
margin-top : 4px;
}

div.fieldset-header {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 10px 10px 0 10px;
}

div.fieldset-header * {
font-size : 20px;
color : #0071b9;
line-height: normal;
font-weight: 700;
}

.sstitre {
	font-size : 16px !important;
	color : #23527c !important;
	font-weight: 700 !important;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #23527c;
	padding-bottom: 5px;
}

div.field-header {
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 10px 10px 1px 10px;
	background-color: #0071b9;
}

div.field-header * {
font-size : 14px;
color : #ffffff;
line-height: 23px;
}


div.field-footer {
margin : 4px 0;
clear : both;

}

p.title-date{
font-size: 18px;
color: #4c5260;
line-height: 23px;
font-weight:400;

}
p.title-place{
font-size: 18px;
color: #4c5260;
line-height: 23px;
font-weight:400;

}
.recontact{
margin-top:-28px;
left:15px;
}
div.field.rdv{
padding-left:25px;
}
/* VOTES */


div.poll span.mandatory-tag {
display : none;
}


h3.poll-result-title {
margin-top : 10px;
color : #95bf2d;
font-size : 16px;
}

table.poll-result td {
padding : 1px 4px;
}

table.poll-result td.poll-result-label {
font-size : 11px;
width : 150px;
}

table.poll-result td.poll-result-count {
font-size : 11px;
width : 50px;
text-align : right;
}

table.poll-result td.poll-result-graph {
width : 100px;
}

div.graph-bar {
height : 10px;
background-color : #95bf2d;
border-radius : 2px;
-moz-border-radius : 2px; 
}

div.poll div.submit_zone {
/*  margin : 10px 0 0 260px; */
margin : 10px 0 0 0;
text-align : center;
}
div.poll .button {
border-radius : 5px;
-moz-border-radius : 5px; 
padding : 2px; 
font-size : 12px;
}

div.poll label {
margin-bottom : 10px;
}

div.poll label.label-after-radio {
margin-bottom : 0;
}

div.poll  {
display : none;
}

div.poll div.field_errors {
font-size : 10px;
font-weight : normal;
}


table.score-result td {
padding : 1px 4px;
border-bottom : 1px solid #aaaaaa; 
}

table.score-result th {
background-color : #aaaaaa;
}

table.score-result td.score-result-label {
width : 300px;
}

table.score-result td.score-result-count {
width : 50px;
text-align : right;
}

table.score-result td.score-result-graph {
width : 100px;
}
table.output tr {
border : 1px solid #aaaaaa;
}

table.output td {
padding : 2px 6px 2px 6px;
}

td.question p {
margin-top : 6px;
}

td.question {
padding-right : 60px;
}


div.x-vml-base {
overflow: visible !important;
}

div.x-surface {
margin : 20px 0 40px 0;
}

div.x-surface svg {
padding : 20px;
overflow : visible;
}



.tableau .field-header {
height : 70px;
}

.tableau2 .field-header {
height : 115px;
}


div.tlabel {
width : 180px;
float : left;
}


.tableau2 div.tlabel {
width : 335px;
}

div.after-tlabel {
margin-left : 180px;
width : 570px;
padding : 0;

}



.tableau2 div.after-tlabel {
margin-left : 335px;
width : 415px;
}

div.tcol {
width : 90px;
padding : 0;
margin : 0;
float : left;
text-align : center;
font-size : 0.9em;
}

.tableau2 div.tcol {
width : 90px;
}

div.field.tableau {
border-top : 1px solid #aaaaaa;
}

.tableau label {
width : 180px;
float : left;
background : none;
height : 20px;
margin : 0;
font-size : 0.9em;
padding : 10px 0;
text-align : left;
}

.tableau.tableau2 label {
width : 335px;
height : 38px;
}

.tableau label p {
color : #1C91CC;
}

.tableau div.input_zone {
margin : 0;
padding : 0;
margin-left : 180px;
width : 570px;
}

.tableau.tableau2 div.input_zone {
width : 415px;
margin-left : 345px;
}

.tableau .radio_option {
float : left;
width : 90px;
padding : 0;
margin : 0;
text-align : center;
margin-top : 14px;
}

.tableau.tableau2 .radio_option {
width : 90px;
}

.tableau label.label-after-radio {
display : none;
}


.gd label {
float : left;
width : 50%;	
}


.gd div.input_zone {
width : 35%;
margin-left : 55%;
}

.gd .radio_option {
float : none;
text-align : left;
}

.gd label.label-after-radio {
display : inline-block;
border : none;
color: #4c5260;	
cursor : pointer;
margin : 0;
padding : 5px 4px;
float : none;
background: none;
}

div.field.noborder {
border-top : none;
}

a.nh_auto_click {
display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #535966 transparent transparent transparent;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}

.select2-container--default .select2-selection--single {
background-color: #fff;
border-radius: 0;
border:none;
}
.select2-container{
border: 1px solid #23527c;
}



.number {
position: absolute;
padding: 8px 15px;
background-color: #657279;
color: #ffffff;
display: inline-block;
margin-left: 12px;
}

.number + p {
display: inline-block;
margin-left: 80px;
}

.relative{
position: relative;
margin-bottom:50px;
}

.cac{
position: absolute;
top: 5px;
left: 45px;
}
.overflow{
position:relative;
overflow-y:hidden;
}
.masquer label p{
display:none;
}
.select2-results__option{
padding-left: 10px !important;
}

.case-coche .field-footer {
    position: relative;
    margin-top: -35px;
    left: 35px;
    margin-right:26px;
}

.canvas-container{
border: 1px solid #4c5260;
}
.mandatory-label p::after{
content:'*';
color:red;
position:absolute;
width:10px;
height:10px;
padding-left:5px;
}

.mandatory-tag{
  display: inline-block;
	margin-left: 5px;
	color: #780e16;
}

.icheckbox_square, .iradio_square{
position: absolute;
}
.grid_option .iradio_square {
position: relative;
}

.socle .select2-container {
width:100% !important;
}

.case-align label {
	display:inline-block;
}

.checkbox-field {
	position: relative;
}

.checkbox-field .input_zone {
	position: absolute;
	top : 7px;
}

.checkbox-field label {
	padding-left: 40px;
}

div.field.case-align2 p {
	color: #000000;
}

.case-align .input_zone {
	display:contents;
}
div.field.case-align label {
margin-top: -3px;
}

.case-align div.radio_option {
  margin-left: 25px;
  margin-right:0px;
}

.case-align label.label-after-radio {
	top: 0;
}

.case-align div.check_option {
  margin-left: 25px;
  margin-right:0px;
}

.case-align label.label-after-check {
	top: 0;
}

.btn-more,
.btn-less {
  width: 80px;
  margin-left: auto;
  margin-right: auto;
}
.btn-more {
  display: block;
}
.btn-less,.more-content {
  display: none;
}

@media screen and (max-width: 992px) {


}


@media screen and (max-width: 600px) {
.case-align .input_zone{
	display:block;
}
}

@media screen and (max-width: 500px) {
.field.overflow:before {
    content:"";
    background-image: url('fleche.png');
    background-repeat:no-repeat;
    width:13px;
    height:25px;
    position:absolute;
    right:10px;
    top: 10px;
    background-size:70%;
-webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: left right;
  -ms-transform-origin: left right;
  transform-origin: center bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
  }
  @-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {

  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  }
  40%, 43% {
;
  -webkit-transform: translate3d( -30px, 0, 0);
  transform: translate3d(-30px, 0, 0);
  }
  70% {

  -webkit-transform: translate3d( -15px, 0, 0);
  transform: translate3d( -15px, 0);
  }
  90% {
  -webkit-transform: translate3d(-4px, 0, 0);
  transform: translate3d(-4px, 0, 0);
  }

  }
}

}

@media screen and (max-width: 370px) {
.relative{
margin-bottom:70px;
}

}