/*----------------------Accordéon----------------------*/
/*------------------------------------------------------*/

#basic-accordian{
	float:left;
	display:inline;
	padding:0px 0px 0px 0px;
	width:100%;
	height:100%;
	font: normal normal normal 12px Arial;
}

.accordeon_headers{
	float:left;
	display:inline;
	width:400px;
	height:435px;
}

.accordion_headings{
	float:right;
	display:inline;
	font:normal normal bold 12px Arial;
	background:url(img/onglett.png) no-repeat top left;
	margin:30px 10px 0px 50px;
	padding:6px 0px 6px 0px;
	cursor:pointer;
	width:170px;
	height:24px;
	color:#FFF;
	text-align:center;
}
.accordion_headings:hover{
	color:#0072BA;
	background:url(img/onglet_hover.png) no-repeat top left;
}

.header_highlight{
	color:#0072BA;
	background:url(img/onglet_hover.png) no-repeat top left;
}


.accordeon_contents{
	float:left;
	display:inline;
	width:600px;
	height:100%;
	padding:0px 0px 20px 0px;
}

.accordion_child{
	float:left;
	display:inline;
	padding:0px;
	background:transparent;
	background-color:#FFF;
	border:1px #DDD solid;
	width:500px;
	margin:10px;
	padding:10px;

}

.accordion_bloc_texte{
	float:left;
	display:inline;
	width:167px;
	margin:30px 0px 0px 30px;
	
}

.accordion_bloc_texte .debut1{
	float:left;
	display:inline;
	width:147px;
	height:23px;
	background:url(img/haut_01.png) no-repeat top left;
	padding:12px 10px 10px 10px;
	color:#FFF;
	text-align:center;
}

.accordion_bloc_texte .texte{
	float:left;
	display:inline;
	width:143px;
	background:url(img/milieu_01.gif) repeat-y top left;
	padding:12px;
	text-align:justify;
	font:normal normal normal 11px Arial;
}

.accordion_bloc_texte .texte p{
	margin:0px 0px 5px 0px;
}

.accordion_bloc_texte .milieu{
	float:left;
	display:inline;
	width:167px;
	height:58px;
	background:url(img/bas_01.gif) no-repeat top left;
}

.accordion_bloc_texte .fin{
	float:left;
	display:inline;
	width:167px;
	height:20px;
	background:url(img/bas_02.gif) no-repeat top left;
}