body{
	background-color:#636363;
  text-align:center;
  color : #ffffff;
  font-family: Arial; 
  width:100%;
}

.contenaire{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.zone-entete{
	width:100%;
	background-color:#222222;
	float:left;
	margin-bottom:10px;
}

.zone-entete-gauche{
	float:left;
	width:353px;
	height:100px;
	cursor:pointer;
	background-image:url(../images/header.jpg);
}

.zone-entete-droite{
	float:right;
	width:468px;
	height:100px;	
}


/*----------------------zone-gauche----------------------------------------------*/
.zone-gauche{
	width:230px;
	float:left;
	margin-right:10px;
}

.zone-gauche-entete{
	width:100%;
	background-color:#82a50a;
	height:19px;
	float:left;
	text-align:right;
}


.zone-gauche-corps{
	width:100%;
	float:left;
}

.zone-gauche-espace{
	width:100%;
	float:left;
	height:7px;
}

.arrondi_hautgauche {
   float: left;
   height:19px;
   width:19px;
   background: url("../images/hautactu.jpg");
}

.arrondi_basgauche {
   float:right;
   height:19px;
   width:19px;
   background: url("../images/basactu.jpg");
}

.accordion { 
	list-style-type: none; 
	padding: 0;
	margin: 0 0 0px; 
	border: 1px solid #222222; 
	border-top: none; 
	border-left: none;
	color:#fff;
}

.accordion ul { 
	padding: 0; 
	margin: 0; 
	float: left; 
	display: block; 
	width: 100%; 
	color:#fff;
}


.accordion li { 
	background: #222222; 
	cursor: pointer; 
	list-style-type: none; 
	padding: 0;		
	float: left; 
	font: 13px Arial, sans-serif;
	display: block; 
	width: 100%;
	color:#fff;
}

.accordion li.active>a { 
	color:#97c00e;
}
		 
.accordion li div { 
	padding: 20px; 
	background: #aef; 
	display: block; 
	clear: both; 
	float: left; 
	width: 360px;
}
	
.accordion a { 
	text-decoration: none; 
	border-bottom: 1px solid #636363; 
	color: #fff; padding: 0 10px; 
	display: block; 
	cursor: pointer;
	text-align:left; 
	background: url('open.gif') no-repeat center right;
	height:30px;
}
		
.accordion li ul li { 
	background: #413f3f; 
	font: 12px Arial, sans-serif;
		/*font-size: 0.9em;*/
		/*border-bottom: 1px solid #be1010*/
}
		
.accordion li ul li ul li{ 
	font: 11px Arial, sans-serif;
	background: #5a5858; 
	text-align:right;
		/*font-size: 1.5em;*/
		/*border-bottom: 1px solid red;*/
}

#tabbis {
   font-size:11px;
   background-color:#222222;
   width:100%;
}
#tabbis a {
   text-decoration:none;
   color:#85abec;
}

#tabbis a:hover {
   text-decoration:none;
   color:#85abec;
}

#tabbis span {
   color :red;
   font-size:12px;
   font-weight:bold;
}

#tabbis th{
	background-color :#82a50a;
	color:#000000;
	border:1px solid #ccc;
}

#tabbis td{
	border:0px solid #ccc;
}

/*------------------zone-centre---------------------------------*/
#contenu{
  width:450px; 
  font-size:13px;
  float:left;
  text-align:left;
}

#contenu a{
	color:#fff;
	text-decoration:none;
}

hr {
  color: #eb4d00;
  background-color:#eb4d00;
  height: 1px;
  border: 0 ;
  margin-top:0;
  width:100%;
  text-align:left;
}

#titreActu{
  color:#97c30e;
  font-size:15px;
}

/*------------------zone-droite---------------------------------*/

.zone-droite{
  width:300px;
  text-align:right; 
  float:right;
  margin-right:5px;
}

#field{
  margin-bottom:5px;
  border-color: #82a50a;
}

#field legend {
  font-size:13px;
  color:#ffffff;
}

.zone-droite-entete{
	width:100%;
	background-color:#82a50a;
	height:19px;
	float:left;
	text-align:right;
}

.zone-droite-corps{
	width:100%;
	float:left;
}

.zone-droite-espace{
	width:100%;
	float:left;
	height:7px;
}

#tab {
  font-size:11px;
  background-color:#222222;
  width:100%;
}
#tab a {
  text-decoration:none;
  color:#85abec;
}

#tab a:hover {
  text-decoration:none;
  color:#85abec;
}

#tab span {
  color :red;
  font-size:12px;
  font-weight:bold;
}

	#popup 
{
	background:#fff;
	border:2px solid #222222;
	display:none;
	height:100px;
	left:50%;
	margin-left:-250px;
	position:absolute;
	top:60%;
	margin-top:-150px;
	width:300px;
	z-index:5000;
	color:#000000;
}

#popup #popupTitre
{
	width:90%;
	height:30px;
	background:#222222;
	font-weight:bold;
	font-size:14px;
	line-height:30px;
	float:left;
	padding-left:2%;
	color:#ffffff;
}

#popup #popupClose
{
	width:10%;
	/*background:#dbc6c2;*/
	background-image:url(../images/popup_close.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:30px;	
	display:block;
	float:right;
}

#popup #popupContent
{
	clear:both;
	overflow:auto;
	font-size:12px;
	padding:5px;
	height:100px;
}

#vade{
  font-size:12px;
  color:#000;
}

.tabrecherche{
  font: 13px Arial, verdana,sans-serif;
  width:100%;
  background-color:#222222;
}

#fieldsetrecherche {
  font: 13px Arial, verdana,sans-serif;
  color:#97c30e;
  border : 0px  #82a50a; 
}
   
#fieldsetrecherche legend{
  font: 13px Arial, verdana,sans-serif;
  color:#97c30e;   
}
   
#fieldsetrecherche input {
  width:220px;
  background-color:#82a50a;
}

#fieldsetrecherche select {
  background-color:#82a50a;
}

/*----------------------------------zone-bas--------------------------*/
.zone-bas{
	float:left;
  width:1000px;
  margin-top:10px;
  height:44px;
  background-color:#222222;  
}


.zone-bas img {
   float:left;
   margin-top:2px;
   margin-left:2px;
}

.zone-bas span{
   float:right;
}

.zone-bas a{
	color:#fff;
	text-decoration:none;
}

span a img{
   text-decoration:none;
   border:0;
}

#footab{
   font-size:13px;
   font-family:Arial, verdana;
}