/*.commentaire-choix, .commentaire-question {display:none; padding:0 10px !important;}*/


.commentaire-questions{display:none;}
.commentaire-choix p,
.commentaire-choix input[type="text"],
.commentaire-choix textarea{
	width: 90%;
}
.commentaire-choix label{ margin-left: 10px; display: block; }
.commentaire-choix textarea {
	height: 80px;
}
.titre-commentaire{
	font-size: 1.4em;
	color: #005197;
	font-weight:bold;
}
.question-commentaire span,
.question-courriel span {
	color:#0b4ca9;
}
.question-commentaire span:hover,
.question-courriel span:hover {
	text-decoration: underline;
	cursor: pointer;
}
.commentaire-questions > div {
	padding: 0 0 10px 10px;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 0.5em;
}

/*.commentaire-choix button {
	background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.question.consommateurs.png) no-repeat -425px 0;
	cursor: pointer;
	display: block;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	width: 77px;
	margin:0 10px;
}
*/

/* Nouveaux styles 2023 */

.question2 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #466f85;
    color: #466f85;
    margin: 0em 0 1em 0;
    padding: 10px 15px;
}

.question2 > i {
	margin-right: 15px;
}

#content .commentaire-questions form.commentaire-form h3 {
	font-size: 1em !important;
}

.commentaire-questions form.commentaire-form h3:first-child {
	margin-top: 0 !important;
}

.commentaire-questions form.commentaire-form p {
	font-size: 0.9em !important;
}

.commentaire-choix textarea {
	background-image: none;
}

#commentaire-conteneur {
	display: none;
}

.btn-lien {
	display: inline;
	text-decoration: underline;
	color: #0b4ca9;
	font-size: inherit;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.btn-lien:hover {
}

/*
Ajuster marge & font-size h2 dans toutes les sections
Plus précis avec ajout div#contenu_page
*/

body #content div.section div#contenu_page div.article .question2 h2.titre-question-retroaction {
	flex: 1;
	margin: 0;
	font-size: 1em !important;
}

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

	body #content div.section div#contenu_page div.article .question2 h2.titre-question-retroaction {
		font-size: 0.9em !important;
	}
}


/* Couleur texte sections Consommateur & À propos */

body#consommateurs #content div.section div.article .question2 h2.titre-question-retroaction,
body#a-propos-de-l-office #content div.section div.article .question2 h2.titre-question-retroaction {
	color: #466f85 !important;
}

/* Couleur texte & border dans section Commerçant */

body#commercants #content div.section div.article .question2 h2.titre-question-retroaction {
	color: #007164 !important;
}

	body#commercants #content div.section div.article .question2 {
		border-color: #007164 !important;
	}

.question2 ul#tx_questionretroaction_pi1_in {
	display: flex;
	flex-direction: row;
	margin: 0;
}

.question2 ul#tx_questionretroaction_pi1_in li {
	display: flex;
	flex-direction: row;
	list-style: none;
	margin-bottom: 0;
}

.question2 ul#tx_questionretroaction_pi1_in li button {
	padding: 6px 10px;
	margin-left: 1em;
	border-radius: 0.25em;
    background: rgba(160, 184, 197, 0.2) !important;
    text-decoration: none;
    cursor: pointer;
}

	.question2 ul#tx_questionretroaction_pi1_in li button:hover {
		 background: rgba(160, 184, 197, 0.5) !important;
	}

	.question2 ul#tx_questionretroaction_pi1_in li button.selected {
	    background: #0d5899 !important;
	    color: #FFFFFF;
	}

	body#commercants .question2 ul#tx_questionretroaction_pi1_in li button.selected {
		background: #007164 !important;
	}

	.question2 ul#tx_questionretroaction_pi1_in li button[disabled] {
	    cursor: default;
	}

.admin-tools {
	position: fixed;
	right: 1em;
	bottom: 1em;
}

	.admin-tools a {
		display: block;
		border: 2px solid #eaeaea;
		padding: 0.75em;
		border-radius: 0.25em;
		color: #eaeaea !important;
	}

		.admin-tools a:hover {
			border-color: #b7b7b7;
			color: #b7b7b7 !important;
		}

	.admin-tools i {
		font-size: 1.75em !important;
	}


button#envoyer-commentaire {
	margin-top: 0.5em;
}

body#commercants button#envoyer-commentaire {
	background-color: #007164 !important;
}


/* Temp */


button.btn-opc {
    background-color: #0d5899;
    color: #FFF;
    padding: 10px 15px;
    box-shadow: 0px 0px 3px 0px #999;
    border: 0px;
    cursor: pointer;
}

button.btn-opc:hover {
    box-shadow: none;
    background-color: #0a406e;
}