/****  styles pour les menus #C60017****/
body {
 
  margin: 0px;
  padding: 10px;
  font-family:  Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#E1DECE;
  text-align: center; 
  
}

a {
  color: #484848;
}


a img{
	cursor: pointer;
	border :none;
	padding:0px;
}

h1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 36px;
  font-weight: bold;
  color: #448FDA;
  text-align: center;
  margin-bottom: 20px;
}

h2 {
  font-size: large;
  text-align: center;
}

/********************************************************************************
FRONT OFFICE
********************************************************************************/
#headerFront{
	height: 85px;
	width: 820px;
	text-align: center; 
 }
#containerFront{
	margin: auto;
	width:820px;
	height:600px;
}
#contentFront{
	width:743px;
	height:423px;
	background-color: #EDE9E6;	
	color: #505050;
	font-family: Arial;
	font-size:12px;
	padding:0;
	margin:0;
}

/**+html  #contentFront{
	height:436px;
}*/
	/*********************
	border top
	*********************/
	#imgTopLeft{
		width:14px;
		height:15px;
		background-image:url(../images/topLeft.gif);
		float:left;
	}
	#borderTop{
		width:728px;
		height:14px;
		border-right :1px solid #BDAD9E;
		border-top :1px solid #BDAD9E;
		float:right;
	}
	#borderAll{
		height:395px;
		border-left :1px solid #BDAD9E;
		border-right :1px solid #BDAD9E;
		cursor: default;
	}
	* html #borderAll{
		margin-top : -15px;
	}
	/*********************
	border bottom
	*********************/
	#imgBottomRight{
		margin-top:-1px;
		width:14px;
		height:15px;
		background:url(../images/bottomRight.gif) 0 100% no-repeat;
		float:left;
	}
	#borderBottom{
		margin-top:-1px;
		width:728px;
		height:14px;
		border-left :1px solid #BDAD9E;
		border-bottom :1px solid #BDAD9E;
		float:left;
		z-index:10;
	}
	*+html  #borderBottom, *+html  #imgBottomRight{
		margin-top:-1px;	
	}
	* html #imgBottomRight{	
		height:20px;
		margin-top:0px;	
	}
	/*********************
	Affichage de l'image
	*********************/
	#placeImage{
		height:0px;
		margin:0px;
		padding:0px;
	}	
		#imageFAQ{
			position: relative;
			top: 20px;
		}			
			#imageFAQ table, #imageFAQ td, #imageFAQ  tr{
				margin:0px;
				padding:0px;
				border-spacing:0px;
				margin: 0em auto;		
			}			
			#imageFAQ table{
				border:1px solid #482C21;
			}				
				#cadreFAQ {
					background-color: #DB3927;			
					text-align:right;
					height:15px;				
				}
					#imgClosed {
						padding:2px 2px 0 0 ;
					}
				
	#centerFront{
		clear:both;
	}
		/*********************
		Affichage de la liste de LA_FAQ
		*********************/
		#ListFAQs{
			margin:0 5px 0 26px;
			width:348px;
			height:372px;
			float: left;	
		}
		* html   #ListFAQs{
			width:345px;
			margin:0 5px 0 10px;
		}


			#FAQtitle{
				text-align:left;
				padding-bottom:-5px;
			}
/*#FAQstitre{
	font-size:15px;
	font-weight:bold;
	width:410px;
	height: 30px;
	text-align:center;
	border-bottom : 1px solid #000;
}*/
			#keyWordSearch{
				padding-top:0px;
				
			}
			*+html  #keyWordSearch{
				margin-top:-17px;
			}
			* html  #keyWordSearch{
				padding :0;
				margin :0;
			}
				#search{
					float:left;
					width:255px;
					text-align:right;
				}
				#okBtn{ 
					margin-left : 5px;
					float:left;
					width:79px;
					text-align:left;
				}
				* html #okBtn{
					width:10px;
				}
				#keywords{
					font-style:italic;
					font-size:10px;
				}
			#FAQs{
				font-size:11px;
				margin-top:9px;
				padding-top:5px;
				width:354px;
				height:311px;
				float:left;
				border-top : 1px solid #FFF;
				border-bottom : 1px solid #FFF;
				text-align:left;
				overflow-y:auto;				
				overflow-x:hidden;
			}
			*+html  #FAQs{
				height:305px;
			}
			* html   #FAQs{
				height:290px;
			}
			.frontCategoryWidth{
				margin:0 10px 0 0;
				/*width:310px;*/
				height:20px;
				clear:both;
			}
			.frontCategoryWidth a{
				color:#000;
				text-decoration:none;
			}
				.frontNameCategory{
					padding-top:3px;
					float:left;	
					/*height:20px;*/
					text-align:left;
					font-weight:bold;
				}
				.frontOpenCategory{
					padding : 5px 3px 0 1px;
					float:left;
				}
				.frontListQuestion{
					visibility:hidden;
					display : none;
					/*width:310px;*/
					margin-left:20px;
				}
					.frontQuestion{
						/*width:320px;*/
						width:100%;
						min-height:20px;
						float:left;
					}
					.frontNameQuestion{
						/*width:290px;*/
						float:left; 
						text-align:left;
						clear:right;
						margin-bottom:5px;
					}
					* html .frontNameQuestion{					
						padding-bottom:5px;
					}
						.frontQuestion a{
							color: #505050;
						}
						.frontQuestion a:hover{
							color: #FB481C;
						}

		/*********************
		Affichage de la video + les éléments textuels
		*********************/
		#video{
			background-color:#E2DBCB;
			border:1px solid #C9BCAB;
			float:right;
			width:343px;
			height:383px;
			margin:0 10px 0 0;
			text-align:center;
		}
		* html #video{
			margin:0 75px 0 0;
		}	
		#videoFront{
			background-color:#E2DBCB;
			border:1px solid #C9BCAB;
			float:right;
			width:343px;
			height:383px;
			margin:0 10px 0 0;
			text-align:center;
		}
		* html #videoFront{
			margin:0 7px 0 0;
		}
			#styleSwfVideo{
				padding-top:5px;
				background-image:url(../images/videoBackground.gif);
				background-repeat:no-repeat;
				width:290px;
				height:264px;
				margin:0 auto;
				margin-top : -2px;
			}
				#swfVideo{
					clear :  both;
					text-align:center;
					width:296px;
					height:248px;	
					margin:0 auto;
				}
			#viewElements{
				color:#505050;
				width:345px;	
				/*visibility:hidden;
				display : none;*/
			}
				.viewAnswerFront, .viewLinkFront{
					text-align:left;
					width:331px;
				}
				.viewAnswerFront{	
					padding:0 5px 0 5px;
					font-size:11px;					
					overflow-y:auto;				
					overflow-x:hidden;
					height:86px;
				}
				.viewLinkFront{	
					padding:2px 5px 0 5px;					
					font-size:9px;	
					border-top: 1px solid #FFF;
				}
					#frontKnowMore{
						float: left;
						width:200px;
					}
					#frontKnowMorePicture{
						margin-left:5px;
						float: left;
						width:120px;
					}
					#frontKnowMorePicture a{				
						font-size:9px;	
					}
					#frontKnowMorePicture a:hover{
						color:#FB481C;
					}
	/*********************
	Footer de l'application
	*********************/
	#footerFront { 
		height:20px;
		font-size:10px;
		text-align: center;
		clear:both;
		z-index:9000;
	}
		#footText{
			margin-top:-5px;
			float:left;
			width:450px;
			text-align:right;
		}
		* html #footText{		
			margin-top:0px;	
		}
			#powered{
				font-weight:bold;
				color:#ABA9A7;
			}
			#by{
				font-style:italic;
				color:#ff0000;
			}
		#logoFoot{
			margin-top:-5px;
			text-align:left;
			float:left;
			width:50px;
			padding-left:5px;
			z-index:9000;			
		}
		* html #logoFoot{		
			margin-top:0px;	
		}
		#logoFoot a{
			z-index:9000;
		}

		
.linkFAQs{
	margin : 5px;
}
.linkFAQs a{
	color:#000;
	text-decoration: none;
}

.liFAQs {
	margin : 10px 0px 10px 25px;
	list-style-type:none;
	
}
.liFAQs  a{
	color:#000;
	text-decoration: none;
}

.QuestionSelect{
	color:#CC0000;
}

#noAnswer{
	text-align:center;
}

#noAnswer a:hover{
	color:#FB481C;
}


#viewVideoFront{
	width:400px;
	margin :10px 2px;
}

#loader{
	position:relative;
	top:300px;
	width : 100%;
	z-index:9000;
}
#contentLoad{
	height:0px;
}