body {
    font-family: "Open Sans", Arial, sans-serif !important;
}

.is_mandatory {
   background-color: #ffcb04 ;
   font-weight: bold;
   color: black !important;
}

.float-right {
	float: right ;
}

.custom-nav-button i {
    margin-right: 10px !important;
}


span.inputspan  {
    margin: 1px 2px 1px 1px !important;
	vertical-align: middle;
}

span.inputspantext input[value=''] ~ label {
    margin-top: 9px !important;
}

/*#newstitleline12  { 
    display:none; 
}

#newstitleline2 { 
    display:none; 
}

.mailinfodiv{
	padding-left: 5px;
	color: red;
}

.news_bigimage { 
    display:none; 
}

.newscontainer_open #chapo5 { 
    display:none; 
}*/


#text93 .contact_edit_new {
	display: none;
}
 
/* #text93 span.inputspan {
    display: block !important;
} */

#text93 tr {
    text-align: left !important;
}


form#compte {
	display: none;
}


body.s_4.ss_compte_affichage::after {
	content: 'Si vous attendez des \00E9l\00E9ments qui ne s\'affichent pas, consultez le fonctionnement des paiements dans les Questions - R\00E9ponses.';
	margin-left: 10px;
	padding-top: 20px !important;
}


.inputspansubmit input#ok {
	display: none;
}

#titlezonediv.titlezoneicon { 
    display:none; 
}

[id^='registration_buttons_checked_'] { 
    display:none; 
}

input.inscription_moi {
				margin: 28px !important;
}

.inputspansubmit {
  padding-top: 20px !important;
}

table.accountsearch, table.titlezone4, #titlezone.titlezone { 
    display:none; 
}

div.account_content.account_content_bottom, div.account_line.account_titleline, div.small.divonglets{ 
    display:none !important; 
}

div.account_container.account_ {
	padding: 20px;
}

table.accountsearch, .account_elementnumber { 
    display: none; 
}


.account_markers #t2 { 
    display: none; 
}

.account_checked {
	text-align:right !important;
}

.account_titlezone {
	width: 30% !important;
}

	.account_title >a {
	background-color: transparent !important;
	color: black !important;
}

	span.account_fulldate {
    display: inline !important;
	}
	
	div.account_date {
	padding-left: 5px;
	}
	
.account_markers {
	font-size: .6em !important;
}

.account_value {
	background-color: transparent !important;
}

div.account_lines div.account_line > div {
    border-top: none !important;
    
}

div.account_line_group {
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
}



div.account_line, div.account_line_element > div {
	border-bottom: solid 1px #888;
}

div.account_date, div.account_content, div.account_value, div.account_markers {
	border-top: solid 1px red !important;
	border-bottom: solid 1px #888 !important;
	border-left: none !important;
	border-right: none !important;
}

div.account_markers {
	line-height: 12px;
}

div.account_value {
	text-align: right;
}

	.account_checked {
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px dotted #888;
	border-right: 1px dotted #888;
}

	.account_titlezone {
	pointer-events: none;  
	cursor: not-allowed;
}

	.account_dategroup {
	font-size: 120% !important;
}

	a.account_linkedto {
	display: none !important;
} 


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 479px) {
	
	.nosmallmedia {
		display: none;
	}
	
	.reversesmallmedia {
		flex-direction: column-reverse;
	}
	
	.reversesmallmedia .chiffrage {
    padding-top: 10px !important;
	}
	
	.account_titlezone {
    width: 100% !important;
	}
	
	div.account_lines span.account_titlezone {
        border-right: 0px !important;
		height: unset !important;
		padding: 0px 2px !important;
		margin: 0px 2px !important;
		line-height: normal !important;
	}
	
	div.account_line {
    height: unset !important;
	display: block !important;
	}
	
	div.account_container.account_ {
    padding: 0px;
	}
	span.account_fulldate {
    display: none !important;
	}

	div.account_titleline  {
	display:none !important;
	}
	
	
}

/* Extra small devices (phones, 600px and down) --POUR DEVIS COLUMN REVERSE */
@media only screen and (max-width: 579px) {
	
	.nosmallmedia {
		display: none;
	}
	
	.reversesmallmedia {
		flex-direction: column-reverse;
	}
	
	.reversesmallmedia .chiffrage {
    padding-top: 10px !important;
	}
}

/* Small devices (portrait tablets and large phones, 576px/540 and up) */
@media only screen and (min-width: 479px) and (max-width: 768px) {
	
	.nosmallmedia {
		display: none;
	}
	.account_titlezone {
    width: 100% !important;
	}
	div.account_lines span.account_titlezone {
        border-right: 0px !important;
	}
	
	div.account_lines span.account_precisions {
    display: inherit !important;
	float: right !important;
	}

}

/* Medium devices (landscape tablets, 768px/720 and up) */
@media only screen and (min-width: 768px) and (max-width: 992px) {
	
	.account_titlezone {
    width: 100% !important;
	}
		div.account_lines span.account_titlezone {
        border-right: 0px !important;
	}
	
	div.account_lines span.account_precisions {
    display: inherit !important;
	float: right !important;
	}

} 

/* Large devices (laptops/desktops, 992px/960 and up) */
@media only screen and (min-width: 992px) and (max-width: 1200px) {

  
} 

/* Extra large devices (large laptops and desktops, 1200px/1140 and up) */
@media only screen and (min-width: 1200px) {

  
}





	
	
	.embed-responsive.embed-responsive-16by9 {
    height: 50% !important;
}


span.selectspan { 
    top: 6px;
}

input[type="submit"], input[type=submit], input[type=button], input.quest_bottombutton {
	background-color: #403f3d !important;
	border-color: #403f3d !important;
	color: #FFF  !important;
	padding: 5px 18px !important;
	border-radius: 35px !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	line-height: 1.5;
    margin-top: 20px;
}

#cherche.button:hover {
	background-color: #545250 !important;
	color: white !important;
}

.buttonhover, .button:hover {

}

.ss_recherche_login {
	margin: 20px;
}

iframe .body {
	margin: 20px;
}

th {
	padding-top: 30px;
}
 
a.login, .smallbutton {
	background-color: #ecf1f7 !important;
	border-color: #ecf1f7 !important;
	color: #777 !important;
	padding: 5px 18px !important;
	border-radius: 35px !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
	font-size: .8em !important;
	text-align: center !important;
	vertical-align: middle !important;
	border: 1px solid transparent !important;
	line-height: 1.5 !important;
    margin-top: 20px;
}

a.button.noprint {
	background-color: #ecf1f7 !important;
	color: #777 !important;
	padding: 5px 18px !important;
	border-radius: 35px !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
	font-size: .8em !important;
	text-align: center !important;
	border: 1px solid black !important;
	line-height: 1.5 !important;
    margin-top: 5px;
	margin-left: 5px;
	float: right;
	margin-right: 20px;
}

#chp_photo td.inputleftlegend .is_mandatory {
    margin-top: -12 !important;
}

div.bottomline {display:none !important;}

.path {
	font-size:100% !important;
	text-decoration: none;
}

td { 
	font-family: "Open Sans", Arial, sans-serif !important; 
	font-size: 12pt !important; 
}

th { 
	font-family: "Open Sans", Arial, sans-serif !important; 
}

span.newstitle  {
	padding: 5px !important;
}

.newstitle { 
	font-weight: 400 !important;
    font-size: 1.80em !important;
	color: #212529;
	letter-spacing: -.05em;
	padding-left: 5px;
}

.question_title {color: black !important; font-size:16px;font-weight: bold;padding:20px 0px 15px 0px;}
.question_title_npage {font-size:18px!important;font-weight: bold;padding:40px 0px 15px 0px;}
.question_title_titl2 {font-size:16px!important;font-weight: bold;padding:10px 0px 10px 0px;}
.question_title_titl3 {font-size:14px!important;font-weight: bold;padding:10px 0px 10px 0px;}
.question_number {font-size:10px;}
.question_question {
	font-size:14px !important;
	font-weight: bold;
}
.question_choice {font-size:12px;}

.question_comment {
	display: block !important;
}

.quest_page {
	margin-right: 5px;
	font-weight: bold;
}

li {
display: block;
}

/* QUESTIONS / QUESTIONNAIRE */


/*bloc question-reponses*/
td.question_choice  {
  width: 100% !important;
  margin-bottom: 15px !important;
  font-size: 16px !important;
  background-color: none !important;
  padding-top: 10px;
  padding-bottom: 15px;
}
/*titre question (label)*/
span.question_question  {
  width: 40% !important;
  float: left !important;
  position: relative !important;
  min-height: 1px !important;
  padding-left: 40px !important;
  padding-right: 15px !important;
  font-weight: normal !important;
  display: inline-block !important;
  max-width: 100% !important;
  margin-bottom: 5px !important;
  font-weight: bold !important;
}

/*bloc de réponses*/
span.question_choice  {
	width: 55% !important;
	float: right !important;
	position: relative !important;
	min-height: 1px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	background-color: none !important;
	font-size: 14px !important;
	/* font-weight: bold !important; */
}

.question_type_list {
    max-height: 100% !important;
}


@media only screen and (max-width: 768px) {
	/*bloc question-reponses*/
td.question_choice  {
	  width: 100% !important;
	  margin-bottom: 15px !important;
	  font-size: 16px !important;
	  background-color: none !important;
	  padding-top: 10px;
	  padding-bottom: 15px;
	}
	/*titre question (label)*/
	span.question_question  {
	  width: 100% !important;
	  float: left !important;
	  position: relative !important;
	  min-height: 1px !important;
	  padding-left: 10px !important;
	  padding-right: 15px !important;
	  font-weight: normal !important;
	  display: inline-block !important;
	  max-width: 100% !important;
	  margin-bottom: 5px !important;
	  font-weight: bold !important;
	}

	/*bloc de réponses*/
	span.question_choice  {
		width: 95% !important;
		float: right !important;
		position: relative !important;
		min-height: 1px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		background-color: none !important;
		font-size: 14px !important;
		/* font-weight: bold !important; */
	}
	
	
}



.divrepfilei span.inputspan {
    border: 0px !important;
} 

span.question_mandatory.question_mandatory_asterisk {
	color: red !important;
	font-weight: bold !important;
    font-size: 18px !important;
	background-color: yellow;
}

/*titre section*/
div.question_title_npage {
	  padding-left: 20px !important;
}
div.question_title, div.question_title_titl2, div.question_title_titl3 {
	  padding-left: 40px !important;
}

form label {
	/* font-weight: bold !important; */
}

.date {
	font-size: 16px !important;
	border: 0px !important
}

.button_datenow {
    font-size: 10px !important;
    color: #ccc !important;
	cursor: pointer;
	letter-spacing: -1px;
}

/*div.divrepdateh::after {
	content: 'cliquez  \00A0 \00A0 \1f81d \00A0 \00A0 sur la date au centre pour choisir la date du jour';
	font-size: 11px;
	letter-spacing: -1px;
	display: block;
	
}*/ 


span.datepicker_pub::after {
	content: 'cliquez  \00A0 \00A0 \1f81d \00A0 \00A0 sur la date au centre pour choisir la date du jour';
	font-size: 11px;
	letter-spacing: -1px;
	display: block;
	
}

.button_dateplusonemonth, .button_dateplusoneday, .button_dateminonemonth, .button_dateminoneday {
	width: 8 px !important;
	height: 14px !important;
	border: 0px !important;
}

.datepicker_pub {
	background: #ffcb04 ;
}

.date_day, .date_weekday, .date_month, .date_year {
	padding: 2px !important;
}
	
textarea {
	display: block;
  width: 100%;
  height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
  padding: @padding-base-vertical @padding-base-horizontal;
  font-size: @font-size-base;
  /*line-height: 2;*/
  color: @input-color;
  background-color: @input-bg;
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
  border: 1px solid @input-border;
  border-radius: @input-border-radius;
  .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
  .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
 }



span.question_question br {
	display: none;
}

span.question_choice  br {
	display: none;
}

img[id=logout] {
	display: none;
}


span.question_choice > div {
	display: block !important;
	background-color: transparent !important;
}


span.date  div {
	display: inline !important;
}

input {
font-family: "Open Sans", Arial, sans-serif !important; 
font-size: 12pt !important;
}

input.question_choice  {
	position: relative !important;
	padding: 0 0 0 0px !important;
	margin-bottom: 7px !important;
	margin-top: 0 !important;
}

input[type=checkbox] {
	margin: 0 10px 0 0 !important;
}

input[type=radio].question_choice, input[type=checkbox].question_choice {
	margin: 0 10px 0 0 !important;
}

.divrep input[type=radio]:checked::before,.divrep input[type=checkbox]:checked::before {content:'\2714';font-size:17px;color:#008000 !important;padding-left:6px;}
.divrep input[type=radio]:not(:checked)::before,.divrep input[type=checkbox]:not(:checked)::before {content:'\2718';font-size:17px;color:red !important;padding-left:6px;}



select {
font-family: "Open Sans", Arial, sans-serif !important; 
font-size: 12pt !important;
}


@media (min-width: 1024px) { 
	div.floating-bloc {
		position:fixed;
		width:180px;
		z-index:900;
	}
}

  
 input[type=file] {
	border-color: #ff9900 !important;
	color: #ffffff !important;
	background-color: #ff9900 !important;
}


/*tableau inscription: ligne inscription */


	span.bigdate, .postit_stats {
		display: none;
	}


table.tablehrtop {

	border-top: 4px solid #ffcb04 !important;
	background: #FFF;
	box-sizing: border-box;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	border-radius: 8px;
	border-right: 1px solid #ECECEC;
	box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	position: relative;

	z-index: 1;
}

.insc h4 {
	font-size: 1.1em;
	font-weight: 400;
	letter-spacing: -0.7px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* .tablehrtop {
    border-left: 2px solid #ff9900; }

.tablehrtop  tr {
    border-top: 0px solid !important;
	border-left: 0px solid !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important; */
	/* padding-left: 3px !important;} */


.tablehrtop  td {
    border-top: 0px solid !important;
	border-left: 0px solid !important;
	/* padding-left: 3px !important; */
	background-color: #ffffff !important;
	/* background: #cccccc !important; */

}

.tablehrtop  th {
	padding-left: 3px !important;
}

td.small {
	/* background-image: url("http://www.refletclient.fr/img/intra/icones/chevron.png"); */
   	/* background-repeat: no-repeat; */
    	/* background-position: center;*/
 

	border: 0px !important;
	background-color: #FFFFFF !important;
	/*	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;*/


 }

	.registered_ok::before {font-size:18px;content:'' !important;}
	.registered_confirmed::before {font-size:18px;content:'' !important;}

	
	
	

td.small a {
/*background-color: #ffffff !important;*/
}

span.small  {
font-size: 1.2em !important;
color: #000 !important;
}

table.newstitleline {
	background-color: #ffcb04 !important;
	padding-top: 10px;
	padding-left: 5px;
}

td .label-tablehrtop {
float: left;
width: 94%;
padding-top: 10px !important;
padding-bottom: 15px !important;
}


h3.newstitle {
	margin-bottom: 0px !important;
}

.newsspecific span.inputspancheckbox input[type=checkbox]::before, .newsspecific span.inputspanradio input[type=radio]::before {
    display: block;
    content: '\2716';
    overflow: hidden;
    font-size: 0.6em !important;
	height: 32px !important;
    line-height: 32px !important;
    text-align: center;
    color: darkgrey !important;
    box-sizing: content-box;
    width: 100px !important;
    border-width: 1px 18px 1px 1px;
    border-radius: 4px;
    border-color: darkgrey !important;
    background-color: transparent !important;
    border-style: solid;
}


.newsspecific span.inputspancheckbox input[type=checkbox]:checked::before, .newsspecific  span.inputspanradio input[type=radio]:checked::before {
    content: '\2714';
    color: white !important;
    border-width: 1px 1px 1px 18px !important;
    border-color: #3A3!important;
    background-color: #0AB04A  !important;
	font-size: 0.6em !important;
	font-weight: bold !important;
	width: 180px !important;
}


/*.newscontainer_model30 {
	height: 0px;
}*/

.news_bigimage img {
	height: auto !important;
	 @include img-fluid();
}

/*button resp INTRAnet*/

.btn-resp-nav-intra {
	top: 0px !important;
	position: relative !important;
	}
	
.alt-font-black {
    color: #000000 !important;
}

.question_mandatory {
    color: black !important;
	font-size: 100% !important;
	text-decoration: none !important;
}

/*button tableau avec answer */

/* Small devices (portrait tablets and large phones, 576px/540 and up) */
@media only screen and (max-width: 768px) {

	/*exceptions pour tableau compa devis*/
		
	#compa2 th, #compa2 td, #compa2 tr {
    display: revert;
	}
	
	#compa2 .text-2 {
    font-size: .7em !important;
	}
	
	#compa2 h2 {
    font-size: .9em !important;
	}


		
		/* Force table to not be like tables anymore */
	.tablehrtop th, .tablehrtop td, .tablehrtop tr { 
		display: contents;
	}

	
	/* Hide table headers (but not display: none;, for accessibility) */
	.tablehrtop tr th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 0px solid #ccc; }
	
	td.small { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 0px solid #eee; 
		position: relative;
		padding-left: 50%; 
		height: 100px !important;
		width: 100% !important;
	}
	
	td.small::after, td.small::before { 
		/* Now like a table header */
		
		/* Top/left values mimic padding */
		top: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		color: #000000 !important;
		font-size: 0.8em !important;
		font-weight: 800 !important;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 0em;
		padding-left: 30px !important;
		display: block;
	}
	
	td.small:nth-of-type(1)::after {
		display: none;
	}
	td.small:nth-of-type(5)::after {
		display: none;
	}
	
	th[data-th] {
		color: white;
	}
	 
	h5 {
		line-height: 25px !important;
	}
	.custom-font-size-1 {
    font-size: 48px !important;
	}
	
	.message.alert {
    margin-bottom: 0px !important;
	}
	
	/*
	Label the data
	*/

	/*td.small:nth-of-type(2):after { content: "Adresse & Confirmation"; }
	td.small:nth-of-type(3):after { content: "Questionnaire final"; }
	td.small:nth-of-type(4):after { content: "Bordereau retour"; }*/
	
	
	td.contactname_2lines:after { 
		content: "1 | Briefing";
		padding-right: 10px;
		white-space: nowrap;
		color: #000000 !important;
		font-size: 0.8em !important;
		font-weight: 800 !important;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 0em;
		padding-left: 30px !important;		
	}
	
	td.small[data-th]:after  {
        content: attr(data-th);
    }
	
	

	.tablehrtop td.small::before {
		  display: none !important;
	}
	
	.row.insc {
    display: inline-block !important;
	padding: 3px !important;
	}
  
	.registered_ok {
    position: relative !important;
    float: right;
	top: 0px !important;
    right: 2px !important;
    border: 1px solid #888;
    background-color: #ffcb04 !important;
    color: white !important;
    padding: 3px;
    border-radius: 0px !important;
	font-size: 1.1em !important;
	font-weight: 600;
	letter-spacing: -0.7px;
	margin: 5px;
	}
	
	dl, ol, ul {
    padding: unset !important;
	}
	
	.badge {
    white-space: normal !important;
	}
	.registration_infos {
    margin-left: 5px !important; 
	}
	
	.registered_canquit {
		background-color: lightblue;
		padding: 5px;
	}
	
	.registered_confirmed {
    background-color: #0AB04A  !important;
	}


	a.legend, a.existinganswer {
		font-size: 0.8em !important;
		font-weight: 800 !important;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 0em;
	}

	a.editanswerNV, a.editanswerNC, a.editanswerVA,  a.editanswerRE, a.editanswerPV, a.editanswerLE, a.editanswerQC, a.legend {
		color: #ffffff !important;
		vertical-align: middle;
		/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
		max-height: 120px !important;
		padding: 10px !important;
		font-size: 0.8em !important;
		border-radius: 0px !important;
		height: 80px;
		width: 100%;
	}


	a.editanswerNV::after, a.editanswerNC::after {
		content: '';
		
		}

	a.editanswerVA::after {
		content: '';
	
		}
		 
	a.legend {
		background-color: #ffcb04 !important;
		border-color: gold !important;
	}
	
		
	th {
		font-size: 0.7em !important;
		font-weight: 800 !important;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: -0.05em;
	}
	
	span.small {
		font-size: 0.7em !important;
		color: #000 !important;
		margin-left: -8px;
	}


}

/* Medium devices (landscape tablets, 768px/720 and up) */
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.registered_ok {
     position: relative !important;
    float: right;
	top: 0px !important;
    right: 5px !important;
    border: 1px solid #888;
    background-color: #ffcb04 !important;
    color: white !important;
    padding: 3px 4px;
    border-radius: 0px !important;
	font-size: 1.1em !important;
	font-weight: 600;
	letter-spacing: -0.7px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
	.registered_confirmed {
    background-color: #0AB04A  !important;
	}


	a.legend, a.existinganswer {
		font-size: 0.8em !important;
		font-weight: 800 !important;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 0em;
	}

	a.editanswerNV, a.editanswerNC, a.editanswerVA,  a.editanswerRE, a.editanswerPV, a.editanswerLE, a.editanswerQC, a.legend {
		color: #ffffff !important;
		vertical-align: middle;
		/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
		max-height: 120px !important;
		padding: 10px !important;
		font-size: 0.8em !important;
		border-radius: 0px !important;
		height: 80px;
		width: 100%;
	}


	a.editanswerNV::after, a.editanswerNC::after {
		content: '';
		
		}

	a.editanswerVA::after {
		content: '';
	
		}
		 
	a.legend {
		background-color: #ffcb04 !important;
		border-color: gold !important;
	}
	
		
	th {
		font-size: 0.7em !important;
		font-weight: 800 !important;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: -0.05em;
	}
	
	span.small {
		font-size: 0.7em !important;
		color: #000 !important;
	}
} 

/* Large devices (laptops/desktops, 992px/960 and up) */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
	.registered_ok {
     position: relative !important;
    float: right;
	top: 0px !important;
    right: 20px !important;
    border: 1px solid #888;
    background-color: #ffcb04 !important;
    color: white !important;
    padding: 3px 4px;
    border-radius: 0px !important;
	font-size: 1.1em !important;
	font-weight: 600;
	letter-spacing: -0.7px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
	.registered_confirmed {
    background-color: #0AB04A  !important;
	}
	
	a.legend, a.existinganswer  {
			font-size: 1em !important;
			font-weight: 600 !important;
			line-height: 18px;
			text-transform: uppercase;
			letter-spacing: -.05em;
		}
		
	a.editanswerNV, a.editanswerNC, a.editanswerVA,  a.editanswerRE, a.editanswerPV, a.editanswerLE, a.editanswerQC, a.legend {
		color: #ffffff !important;
		vertical-align: middle;
		/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
		max-height: 120px !important;
		padding: 20px !important;
		font-size: 1em !important;
		border-radius: 0px !important;
		height: 80px;
		width: 100%;
		}


	a.editanswerNV::before, a.editanswerNC::before {
		content: '\26A0';
		margin-left: 5px;
		font-size: 1.4em;
		}

	a.editanswerVA::after {
		content: '\2714';
		margin-left: 5px;
		margin-right: 3px;
		font-size: 1.4em;
		}
		
	

	a.legend {
		background-color: #ffcb04 !important;
		border-color: gold !important;
	}

	th {

		font-size: 0.9em !important;
		font-weight: 400 !important;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: -.05em;
	}
	
	span.small {
		font-size: 1em !important;
		color: #000 !important;
	}
  
} 

/* Extra large devices (large laptops and desktops, 1200px/1140 and up) */
@media only screen and (min-width: 1200px) {
	
	.registered_ok {
    position: absolute;
    top: 10px !important;
    right: 20px !important;
    border: 1px solid #888;
    background-color: #ffcb04 !important;
    color: white !important;
    padding: 3px 8px;
    border-radius: 0px !important;
	font-size: 1.1em !important;
	font-weight: 600;
	letter-spacing: -0.7px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
	.registered_confirmed {
    background-color: #0AB04A  !important;
	}
	
	a.legend, a.existinganswer  {
			font-size: 1em !important;
			font-weight: 600 !important;
			line-height: 18px;
			text-transform: uppercase;
			letter-spacing: -.05em;
		}
		
	a.editanswerNV, a.editanswerNC, a.editanswerVA,  a.editanswerRE, a.editanswerPV, a.editanswerLE, a.editanswerQC, a.legend {
		color: #ffffff !important;
		vertical-align: middle;
		/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
		max-height: 120px !important;
		padding: 20px !important;
		font-size: 1em !important;
		border-radius: 0px !important;
		height: 100px;
		width: 100%;
		}


	a.editanswerNV::before, a.editanswerNC::before {
		content: '\26A0';
		margin-left: 5px;
		margin-right: 3px;
		font-size: 1.4em;
		}

	a.editanswerVA::after {
		content: '\2714';
		margin-left: 5px;
		font-size: 1.4em;
		}
		
	

	a.legend {
		background-color: #ffcb04 !important;
		border-color: gold !important;
	}

	th {

		font-size: 0.9em !important;
		font-weight: 400 !important;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: -.05em;
	}
	
	span.small {
		font-size: 1em !important;
		color: #000 !important;
	}
	
	span.smaller {
		font-size: 0.6em !important;
	}
		
}	
	

.firstanswer {
	border-radius: 0px !important;
}


td.small {
	position: relative;
}

.tablehrtop td.small {
	/*background-color: #d3d3d34a !important;*/
}

.tablehrtop td.small::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 100%;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 50px solid darkgrey;
    z-index: 5;
	/*background-color: white;*/
}

.tablehrtop td.small, .tablehrtop th {
	padding-left: 30px !important;
}

/*td.small:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    left: -1em;
    background-color: darkgrey;
    border-left: 1em solid transparent;
    border-top: 1.1em solid transparent;
    border-bottom: 1.1em solid transparent;
}*/
td.small:first-child:before, td.small:nth-child(2):before {
    display: none;
}

td.small:first-child, td.small:nth-child(2), .tablehrtop th:first-child,  .tablehrtop th:nth-child(2) {
    padding-left: 0px !important;
}

/*a.editanswerNV:after, a.editanswerNC:after, a.editanswerVA:after,  a.editanswerRE:after, a.legend:after {
    content: '9999';
    display: block;
    position: absolute;
    top: 0;
    right: -40px;
    width: 0;
    height: 0;
    border-top: 47px solid transparent;
    border-bottom: 47px solid transparent;
    border-left: 40px solid darkgrey;
    z-index: 5;
}*/


a.editanswerNV  {
color: #ffffff !important;
/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
background-color: #dc3545 !important;
border-color: red !important;
}

a.editanswerNC {
color: #000000 !important;
/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
background: #bdbdbd !important;
border-color: lightgrey !important;
}

a.editanswerVA {
color: #ffffff !important;
/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
background-color: #0AB04A !important;
border-color: limegreen !important;
}

a.editanswerPV {
color: #ffffff !important;
/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
background-color: limegreen !important;
border-color: limegreen !important;
}

a.editanswerQC {
color: #ffffff !important;
/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
background-color: limegreen !important;
border-color: limegreen !important;
}

a.editanswerLE {
color: #ffffff !important;
/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
background-color: limegreen !important;
border-color: limegreen !important;
}

a.editanswerRE {
color: #ffffff !important;
/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
background-color: #5cb85c !important;
border-color: limegreen !important;
}




/* Boxes tete projet audit: Quintenary */
.featured-box-quintenary i.icon-featured {
	background-color: #0088cc;
}

.featured-box-quintenary h4 {
	color: #0088cc;
}

.featured-box-quintenary .box-content {
	border-top-color: #0088cc;
}

.feature-box .feature-box-icon .quintenary {
	background-color: #0088cc !important;
	border-radius: 3px;
} 

/*QUESTIONS TITLE DYNAMISES*/
.question_title_bloc1 {
    padding-left: 15px;
    font-weight: normal;
	font-size: 14px;
}

.question_title_bloc2 {
    padding-left: 15px;
    font-weight: normal; 
	font-size: 12px;
}

.question_missing {
    font-size: 18px !important;
    font-weight: bold !important;
}

/*#newscontainer_52 table.tablehrtop {
	display: none;
}


/*#newscontainer_52 span.inputspan {
	display: block !important;
}*/

#newscontainer_52 table tr {
	text-align: left !important;
}

.newscontainer_open .news_specific, .//newscontainer_open .newstext {
	padding: 8px;
	display: block;
}

#messagenoproject {
	margin-bottom: 80px;
}

.messageinscr {
	margin-right: 30px;
	margin-left: 30px;
}

.message.alert-warning {
    color: #ffffff;
    background-color: #dc3545;
    border-color: #ffeeba;
}

.message.alert-info {
    color: #ffffff;
    background-color: #0089CF;
    border-color: #bee5eb;
}

.message.alert-default {
    color: #000000;
    background-color: #bdbdbd;
    border-color: #bee5eb;
}

.message.alert-success {
    color: #ffffff;
    background-color: #0AB04A;
    border-color: #ffeeba;
}

.message.alert-danger2 {
    color: #ffffff;
    background-color: red;
    border-color: red;
}

.message.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0;
}



@media only screen and (max-width: 479px) {
	.message.alert {
    padding: .5rem .5rem;
    line-height: 1.2;
}
}

@media only screen and (min-width: 479px) {
	.mobileonly { 
    display: none;
}
}

span.youpi {
    margin: 2px 25px !important;
}
}

@media only screen and (min-width: 479px) and (max-width: 768px) {
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
}
@media only screen and (min-width: 1200px) {
}

.quest_pages_col {
    font-size: 10px;
	line-height: normal;

}

table .subquestion {
	width: 80%;
    margin-left: 40px !important;
}

.question_subquestion {
	font-size: small !important;
	font-weight: bold !important;
}

.subquestion td {
    vertical-align: middle;
}

.youpi {
	color: red;
	font-weight: bold;
	font-size: larger;
}

@media only print  {
	.vigi::before 
	{content:'\26A0';
	font-size:17px;
	color:red;
	padding-left:6px;}
}
	
.block {
    display: block !important;
}

.alert-red {
    color: #ffffff;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

[id^='repprecisions'] {
	background-color: #ffc107;
	padding-left: 5px;
	width: 90%;
}

span.inputspan, span.inputspangroup, span.buttongroup, span.inputgroup {
    width: 80%;
}

.quest_pages_col div.quest_page {
	margin: 2;
    padding: 2;
}

.quest_pages_col div.quest_page_done {
    background-color: #ffc107 !important;
}

div.quest_page_done .quest_page {
    color: white !important;
}

.quest_pages_col div.quest_page_sep::before {
    font-size: 16px !important;
    font-weight: 800;
} 
span.question_missing::before {
    content: 'ATTENTION ! Retournez \0000E0  la page pr\0000E9c\0000E9dente. ';
}

/*nouveaux divs tableau de suivi*/

.registration_infos {
	margin-top: 50px;
	margin-left: 30px;
}

.inscription_title {
	padding-top: 10px;
}

.registration_buttons {
  min-height: unset !important;
  margin: 10px;
}

.registration_table td.small {
  padding: 10px;
    padding-left: 10px;
  padding-left: 10px !important;
  padding-right: 3px !important;
  border-radius: 0px !important;
} 

.registration_table {
border-top: 4px solid #ffcb04 !important;
margin-top: 20px;
}

th.question_choice_header {
    text-transform: none !important;
}

.divrep input[type=radio]:checked~label.subquestion {
    background-color: transparent !important;
}

select#jour {
    background: #F0FFFF;
}

select#mois {
    background: #87CEFA;
}

select#annee {
    background: #6495ED;
}