/* Couleurs : 

Voir commun.css

 */

/* PAGE QUESTIONS FREQUENTES --------------------------------------------------------------------- */


#questions-frequentes {
	width: 100%;
	background-color: #F2F6F7;
	color : #3d566e;
}

#questions-frequentes .highlight{
	background-color: #3D566E;
	color : white;
}

#questions-frequentes-header{
	margin-top: 1.875em;
	margin-bottom: 1.25em;
}
#questions-frequentes .parent-header{
	margin-top: 0;
}

#questions-frequentes-header div{
	padding-left : 0;
}

/* BARRE DE RECHERCHE*/

#form-rechercher-questions-frequentes{
	height: 1.9375em;
	float: right;
	background-color: white;
	width: 20.625em;
}

#icone-rechercher-questions-frequentes {
	height: 1.9375em;
	color : #8d96a6;
	float: right;	
	padding-left: 0.9375em;
	background-color: transparent;
	border: none;
}

#rechercher-questions-frequentes{
	border : none !important;
	border-radius : 0 ;
	font-size: 1em;
	display: inline-block ;
}

#questions-frequentes ul li {
 	margin : 0.625em 0;
}

/* TOGGLE CARDS*/

/* ACCORDEON NIVEAU 1*/

.rubriqueDebut > .card{
	 margin-bottom: 0.9375rem;
	 border: none;
}

.rubriqueDebut button{
	background-color: transparent;
}

.rubriqueDebut .card-header{
	background-color: white;
	border: none;
	padding-top: 0.3125em; 
	padding-bottom: 0.3125em;
}
.rubriqueDebut .card-header > div:nth-child(1){
	padding-left: 0.5em;
}
.rubriqueDebut .card-header h3 button{
	font-size: 1.5rem;
	color: #3d566e;
	padding-left: 0;	
	white-space: normal;
}
.rubriqueDebut .card-header h3 button:hover{
	text-decoration: none;
}

.rubriqueDebut .card-body{
	padding-top: 0;
	padding-left: 1.875em;
	font-size: 1em;
	line-height: 1.25;
}

.rubriqueDebut .span-card-body ul{
	padding-left: 2.5rem !important;
}

/* ACCORDEON NIVEAU 2*/

.nested-accordion {
	margin-top : 0.9375em;
}

.nested-accordion > .card{
 	 margin-bottom: 0.5em; 
 	 box-shadow: 0 0.0625em 0.0625em rgb(200,200,200,0.8); 
}

/* ACCORDEON NIVEAU 3*/

.sub-nested-accordion{
	margin-top : 0.9375em;
}

.sub-nested-accordion > .card{
 	 margin-bottom: 0.5em; 
 	 box-shadow: 0 0.0625em 0.0625em rgb(200,200,200,0.8); 
}

.btn-link{
    text-align: left;
}

/* MENU HOVER ------------------------------------------------------------------*/

.div-questions-frequentes{
    display: none;
    background-color: #3D566E; /*BLEU*/
    color: #fff;
    width: 85.375em;
    min-height: 25.625rem;
    padding: 2.5em 0 0.625em 0;
    position: absolute;
    z-index: 99999999;
    top: 7.5em;
    left: calc(50% - 42.65em);
}

.div-questions-frequentes > div{
	padding-left : 1.25em;
}

.div-questions-frequentes .liste-dropdown-questions-frequentes{
	margin : 0;
	width: 100%;
	padding : 0;
}

.div-questions-frequentes h2{
    font-family: Arial;
	font-size: 1.1875em;
	white-space: normal;
	margin-bottom: 1.25em;
	font-weight: 700;
}

.div-questions-frequentes ul {
	list-style-type: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.div-questions-frequentes ul > li{
	font-family: Arial;
    font-size: 1.125em;
	margin: 0 0 0.4375em 0;
	cursor: pointer;
}
.div-questions-frequentes ul > li > a {
	color: white;
	font-weight: 400;
	font-size: 1em;
}

.div-questions-frequentes .div-arrow {
    background: url("/images/dock/popover-arrow.png") no-repeat scroll center -0.3125em transparent;
    height: 0.9375em;
    position: relative;
    width: 100%;
    z-index: 999;
}

.down-arrow-questions-frequentes:after{
    content: '';
    width: 1.875em;
    height: 1.875em;
    background: #3D566E; /* BLEU */
    position: absolute;
    transform: rotate(45deg);
    margin: auto;
    top : 5.75em;
}

.rubriqueDebut span.highlight{
	background-color: #2b7bb9 ;
	color: white;
}

#questions-frequentes ul{
    padding: 0;
}

/* #questions-frequentes ul li:before{ */
/*     content: ''; */
/* } */

#questions-frequentes button{
    height: 100%;
    border: 0;
}

#questions-frequentes button span{
    color: #3d566e;
}

#questions-frequentes ul.collapse{
    padding: 0;
}
#questions-frequentes ul:not(.collapse){
    padding: 0;
}

#questions-frequentes ul li.container:before{
    content: '';
}

#questions-frequentes button span{
    color: #3d566e;
}

/** RESPONSIVE PAGE QUESTIONS FREQUENTES -------------------------------------------------------------------------**/



@media (max-width : 1300px) {
	.accordion .card-header h3 button{
		white-space: normal;
		text-align: left;
	}
}

@media (max-width : 991px) {
	#form-rechercher-questions-frequentes{
		width: 18.75em;
	}
}
@media (max-width : 767px) {
	#form-rechercher-questions-frequentes{
		width: 100%;
		height: 3.125em;
	}
	#rechercher-questions-frequentes{
		width : 90% !important;
		font-size: 1.25em;
		line-height : 2.5;
		display: inline-block !important;
		padding-left: 1.25em;
	}
}
@media (max-width : 685px) {
	#rechercher-questions-frequentes{
		width : 87% !important;
	}
}
@media (max-width : 560px) {
	#rechercher-questions-frequentes{
		width : 85% !important;
	}
	.accordion .card-header h3 button{
		font-size: 1.25em !important;
		white-space: normal;
		text-align: left;
		padding-right: 0;
	}
}
@media (max-width : 425px) {
	#rechercher-questions-frequentes{
		width : 82% !important;
	}
	
}