.page-questions-reponses .pane-title{
    font-family: 'ebGaramondBold';
    color: rgb(143, 214,189);
    text-transform: uppercase;
}

.page-questions-reponses p{
	font-family: 'ptSansNarrowRegular';
	font-size: 15px;
	font-size: 1.5rem;
}
.page-questions-reponses .question-list{
	list-style-type: none;
	padding-left: 0;
}

.page-questions-reponses .question-list > li{
	border-top : 1px solid #aaaaaa;
}

.page-questions-reponses .question-list > li:first-of-type{
	border: none;
}
.page-questions-reponses .question-title{
	position: relative;
	color: #000;
	background: #FFF;
	margin: 0;
	padding: 10px 0;

	font-family: 'ptSansNarrowRegular';
	text-indent : -1em;
	padding-left: 20px;
	font-size: 15px;
	font-size: 1.5rem;
	padding-right: 25px;
}


.page-questions-reponses .question-title:hover{
	background: rgb(143, 214,189);
	color: #FFF;
	transition: 0.3s all;
}
.page-questions-reponses .question-title:hover:after{
	position: absolute;
	right: 5px;
	top: 50%;
	top: calc(50% - 4px);
	margin-left:  15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7.5px 0 7.5px;
	border-color: #ffffff transparent transparent transparent;
	content : " ";
	float: right;
	transition: 0.3s border;
	

}

.page-questions-reponses .question-title.question-active{
	background: rgb(143, 214,189);
	color: #FFF;
}

.page-questions-reponses .question-title.question-active:after{
	position: absolute;
	right: 5px;
	top: 50%;
	top: calc(50% - 4px);
	margin-left:  15px;
	content: " ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 8px 7.5px;
	border-color: transparent transparent #ffffff transparent;
	transition: 0.3s border;
}

.page-questions-reponses .question-list .content{
	padding: 10px 0 20px 0;
}


/** Webform **/

.page-questions-reponses .question-webform{
	background: #f6f6f6;
	padding : 15px;
}

.page-questions-reponses .question-webform .pane-title{

	font-family: 'ebGaramondBold';
	font-size: 22px;
	font-size: 2.2rem;
	text-transform: none;
	color: #000;
}

.page-questions-reponses .question-webform form .form-item{
	padding: 15px 0 15px 0;
}

.page-questions-reponses .question-webform label{
	font-family: ebGaramondBold;
	font-size: 18px;
	font-size: 1.8rem;
	padding-left: 5px;
}

.page-questions-reponses .question-webform form input{

	display: block;
    width: 100%;
    height: 34px;
	font-size: 15px;
    line-height: 1.42857143;

	border-radius: 0;
  	color: #6e6e6e;	
  	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;


}

.page-questions-reponses .question-webform form input:focus,
.page-questions-reponses .question-webform form textarea:focus{
	outline: 0;
	border-color: transparent;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);

}

.page-questions-reponses .question-webform form input{
	padding : 0	10px 0 10px;
}

.page-questions-reponses .question-webform form .webform-component-email .description{
	font-family: ptSansNarrowItalic;
	font-weight: 100;
	font-size: 15px;
	font-size: 1.5rem;
	color: #AAAAAA;
	padding-left: 10px;	
}

/*Remove outline on select for FF */
.page-questions-reponses .question-webform form select:-moz-focusring{
	outline: none;
    color: transparent !important;
    text-shadow: 0 0 0 #000;
}

.page-questions-reponses .question-webform form select:focus::-ms-value{
	background: none;
	color: #000;
}

.page-questions-reponses .question-webform form select::-ms-expand{
    display: none;
}


.page-questions-reponses .question-webform input::-webkit-input-placeholder,
.page-questions-reponses .question-webform textarea::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
    font-family: ptSansNarrowItalic;
	font-weight: 100;
	font-size: 15px;
	font-size: 1.5rem;
	color: #AAAAAA;	
}


.page-questions-reponses .question-webform form:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
   	font-family: ptSansNarrowItalic;
	font-weight: 100;
	font-size: 15px;
	font-size: 1.5rem;	
	opacity: 1;
	color: #AAAAAA;	
}

.page-questions-reponses .question-webform form ::-moz-placeholder{ /* Mozilla Firefox 19+ */
   	font-family: ptSansNarrowItalic;
	font-weight: 100;
	font-size: 15px;
	font-size: 1.5rem;	
	opacity: 1;
	color: #AAAAAA;	
}

.page-questions-reponses .question-webform form input:-ms-input-placeholder,
.page-questions-reponses .question-webform form textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
   	font-family: ptSansNarrowItalic;
	font-weight: 100;
	font-size: 15px;
	font-size: 1.5rem;	
	color: #AAAAAA;	
}

.page-questions-reponses .question-webform form input:placeholder-shown,
.page-questions-reponses .question-webform form textarea:placeholder-shown{ /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  	font-family: ptSansNarrowItalic;
	font-weight: 100;
	font-size: 15px;
	font-size: 1.5rem;	
	color: #AAAAAA;	
}

.page-questions-reponses .question-webform .form-required{
	color: rgb(143, 214,189);
}

.page-questions-reponses .question-webform form #edit-submitted-question{
	color : rgb(143, 214,189);
	font-family: ptSansNarrowRegular;
	font-size: 18px;
	font-size: 1.8rem;
}

.page-questions-reponses .question-webform #edit-submit{
	float: right;
    margin-top: 10px;
    color: rgb(143, 214,189);
	border: none;
    font-family: ptSansNarrowRegular;
    font-size: 15px;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.page-questions-reponses .question-webform #edit-submit:hover{
	border: none;
	color: #FFF;
	background: rgb(143, 214,189);
	transition: 0.3s all;
}

.page-questions-reponses .question-webform .flex-container{
		width: 100%;
		
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		flex-direction: column;
		flex-wrap: wrap;

		justify-content: space-around;
}

.page-questions-reponses .question-webform #webform-component-email{
	order: 2;
}

.page-questions-reponses .question-webform #webform-component-question{
	order: 1;
}
.page-questions-reponses .question-webform #edit-submit{
	order: 3;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 992px) { 

	.page-questions-reponses .question-webform{
		padding: 15px 20px;
	}

	.page-questions-reponses .question-webform .flex-container{
		flex-direction: row;
		justify-content: space-between;
	}

	.page-questions-reponses .question-webform #webform-component-email,
	.page-questions-reponses .question-webform #webform-component-question{
		width: 48%;
	}
	

	.page-questions-reponses .question-webform #edit-submit{
		width: 100%;
		margin-left: 60%;
	}

}

@media (min-width: 1200px){

	.page-questions-reponses .question-webform{
		padding: 25px 30px;
	}
	.page-questions-reponses .question-webform #webform-component-email{
		width: 30%;
	}

	.page-questions-reponses .question-webform #webform-component-question{
		width: 65%;
	}

	.page-questions-reponses .question-webform #edit-submit{
		width: 100%;
		margin-left: 75%;
	}
}