body { 
margin: 0; 
padding: 0; 
background-image: url(hautbg3.gif);
	background-repeat: repeat-x;
background-color : #000; 
text-align :left; 
font-family : arial; 
font-size : 12px; 
color : #000; 
scrollbar-base-color:#CCC;
scrollbar-arrow-color:#FFF;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:##FF0000;
scrollbar-highlight-color:#ccc;
scrollbar-track-color:#FF0000;
} 

	#accordion {
			border: 1px solid #333;
			width: 850px;
			height: 100%;
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			font-size: 11px;
			position:relative !important;
/*			left: 30%; 
top: 30%; */
 margin-top: 50px; 
margin-left: 50px; 
background : url(images/fond.gif) ;display:block;
			overflow:hidden;
			background-repeat:no-repeat;
			background-position:top left;
	}
	
	h3 {
			font-size: 12px;
			padding: 6px 6px 4px 35px;
			margin: 0;
			color:#fff;
			border-bottom:1px solid #333333;
			cursor:pointer;
			display:block;
			background-image:url(images/tab-left.gif);
			background-position:top left;
			background-repeat:no-repeat;
	}
	
	#visible {
			background-image:url(images/tab-left-active.gif);
			border-bottom:1px solid #FF0000;
	}
	
	.panel_body {
			height:170px;
			background-color:#333;
			display:block;
			position:relative;
			color:#FFFFFF;
	}
	
	.panel_body div {
			padding:3px 5px;
	}
	
	.panel{
		bottom:0px;
		margin:0px;
		padding:0px;
		background-image:url(images/tab-right.gif);
		background-position:top right;
		background-repeat:repeat-x;
		background-color:#000;
	}
	.wrapper{
		bottom:0px;
		position:absolute;
	}
	
	ul{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	
	li{
		margin:0px 10px 3px 10px;
		padding:2px;
		list-style-type:none;
		display:block;
		background-color:#333333;
		width:150px;
	}
	
	li a{
		width:100%;
	}
	
	li a:link,
	li a:visited{
		color:#FFF;
		font-family:verdana;
		font-size:100%;
		text-decoration:none;
		display:block;
		margin:0px 0px 0px 0px;
		padding:0px;
		width:100%;
	}
	
	li a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}
/********************************* DROITE **********************************/
#droite {
	margin-top: 30px;
	float: right;
	margin-right: 0px;
	vertical-align: top;
	width:auto;
    height:auto;
	list-style : none; 
	/*background-color: #EEE;*/
}



/*GAUCHE
*****************************************************************/ 

#gauche {
margin-top:30px;
background : transparent ; 
width : 170px;
height : 472px;  
text-align : center; 
float : left ; 
overflow : auto; }

#gauche p {
margin : 0 0 0 10px ; 
padding : 0
}


/* CONTENU 
 *******************************************************/ 


#contenu {
background : transparent ; 
margin-left : 0px ; 
border-left :0px solid #fff; 
height : 470px; 
width : 850px; 
overflow : auto;}

/* images du bloc centre*/ 


#contenu img{
margin : 15px 0 10px 30px ; }



#contenu-texte {
background : #fff ; 
float : left ; 
margin-left : 0px ; 
border-left :12px solid #fff; 
border-right :0px solid #fff; 
height : 470px; 
width : 510px; 
overflow : auto;
color : #000;
background : #FFFFFF ; 
-moz-opacity:0.9;
opacity: 0.9;
filter:alpha(opacity=90); 
}



#contenu-texte  img {
 margin : 8px 0 0 0 ; 
 background : #FFFFFF ;
 border : 0;
}


/* TITRES
*********************************************/ 


h1{
	/*margin : 25px 0px 0 25px;*/
	padding: 0;
	font-size : 32px;
	color: #CCC;
	text-align: center;
}


h2 {
	margin : 25px 0px 0 0;
	padding : 0 0 5px 0;
	font : 30px Helvetica, Arial, sans-serif, Verdana;
	border-bottom : 1px dotted #27413E;
	padding-bottom : 5px;
	color : #666666;
	text-align: center;
	font-weight: bold;
}

h4 {
	margin : 25px 0px 0 25px;
	padding : 0 0 5px 0;
	font : 20px Helvetica, Arial, sans-serif, Verdana;
	border-bottom : 1px dotted #27413E;
	padding-bottom : 5px;
	color : #333;
	text-align: left;
	font-weight: bold;
}

/* PARAGRAPHES 
***********************************************/ 

.onglet a{
	font-size:11px;
	font-weight:bold;
	color:#FF3300;
	text-decoration:none;
}

p {
	padding : 0;
	margin-top : 5px;
	margin-bottom : 0;
	margin-left : 30px;
	margin-right : 40px;
	line-height: 18px;
	font-size: 13px;
}
.intro {
	padding : 0;
	margin-top : 20px;
	margin-bottom : 0;
	margin-left : 5px;
	margin-right : 5px;
	line-height: 18px;
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;
}

.para_top2 {
margin : 5px 0 0 0
}
.notop{margin : 0
}


/* Liens 
*************************************************/ 

a:link {
	/*color: #fff;*/
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCC;
}
a:hover {
	text-decoration: none;
}
/*a:active {
	text-decoration: none;
	color: #fff;
}*/

/* FORMULAIRE 
*****************************************************************/ 

input {
width : 275px ; 
margin : 0 0 5px 0
}
textarea { 
margin : 0 0 10px 0 ;
 width : 275px ; 
}

/*a.blanc {text-decoration : none ; font-weight : bold ; color : #ffffff}*/