/* Eolia-grey.css for FAQ Module */

.applemenu {
  margin: 5px 0;
  padding: 0;
  width: 100%; /*width of menu*/
  margin-bottom: 20px;
}
.applemenu .faq_heading {
	background: #E3E4E8 no-repeat center left;
	text-transform: uppercase;
	color: #555454;
font-size: 18px;
font-family: inherit;
display: block;
position: relative;
width: auto;
padding: 15px 0;
padding-left: 8px;
text-decoration: none;
margin-top: 20px;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.applemenu .faq_question {
background: #f6f6f6 no-repeat center left;
font-size: 18px;
color: #555454;
font-family: inherit;
display: block;
position: relative;
width: auto;
padding: 15px 0;
padding-left: 8px;
text-decoration: none;
margin-top: 15px;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.applemenu p {
font-size: 14px;
padding: 15px 15px 5px 15px;
}
.applemenu .faq_question:visited, .applemenu .faq_question:active{
background: #black;
}
.applemenu ul, ol {
margin: 0 15px 9px 30px;
}
.applemenu div.selected, .applemenu .faq_question:hover {
	background-color: #484848;
color: white;
}

.applemenu .faq_answer { /*DIV that contains each sub menu*/
	padding: 0;
background-color: #f6f6f6;
margin: 0 0 20px 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.faqsubmenu {
	display:none;
	background: rgba(201, 197, 197, 0.97);
	padding: 20px;
	width: 500px;
	position: absolute;
}

.faqsubmenu a {
	color: white;
}

.faqsubmenu a:hover {
	text-decoration:none;
	color: #4F8FCD;
}

.titre1 {
	font-weight: bold;
	padding: 5px;
}
	
ul.faqsubmenu { list-style-type:none; }

ul.faqsubmenu  li { padding-bottom: 5px; }

.titre1:hover .faqsubmenu { 
	display: block;
}