body 
{
	margin:0;padding: 0;
	background: url('../images/bg.png') repeat-x #272b2e;
	font-family :arial, Verdana,"Bitstream Vera Sans",Helvetica, Arial, sans-serif;
	font-size: small;
	color:#000; 
	height : 100%;
}
 
#page 
{
	width:100%; 
	margin:0 auto 0 auto; 
	height : 100%; 
}
#pageindex
{
	width:894px; 
	margin:0 auto 0 auto; 
}
 

 
.h2title
{
	width:200px;
	border-bottom:1px dotted #FFF;
	color:#000;
	font-size:16px;  
}


p .title {
	width:200px;
	border-bottom:1px dotted #FFF;
	color:#000;
	font-size:100%; 
}
p {
	padding:5px 10px 0 10px;
}

div#Arrondifooter
{
	height:35px;
	background: url('../images/bg_footer.gif') repeat-x;
	width:100%; 
}

div#Arrondifooterind
{
	height:35px;
	background: url('../images/bg_footerind.gif') repeat-x;
	width:894px;  
	margin : auto;
	margin-top:0px;
}


#arrondileft
{
	height:43px;
	background: url('../images/footerleft.gif') left no-repeat;
	float:left;
	width:100px

}
#arrondileftind
{
	height:43px;
	background: url('../images/footerleftind.gif') left no-repeat;
	float:left;
	width:100px

}

#arrondiright
{
	height:43px;
	background: url('../images/footerright.gif') right no-repeat;
	float:right;
	width:100px;
}

#arrondirightind
{
	height:43px;
	background: url('../images/footerrightind.gif') right no-repeat;
	float:right;
	width:100px;
}


a {
	color:#C5DC06;  
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border:none;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#calque
{
	position : absolute;
	width :100%;
	height : 100%;
	z-index : 50;
	top : 0px;
	left : 0px;
	background : black;
	-moz-opacity:0.6;
	opacity: 0.6; 
	filter:alpha(opacity=60);  
}

.objcont
{
	color : bold;
	font-weight : bold;
}

#popmessage
{
	position : absolute; 
	min-width : 500px;
	//width : 500px;
	background : url(../images/top-bottom.png) ;
	z-index : 100;
}

.rep
{
	color : #415D77;
}

#titrepop
{
	width  :  100%;
	text-align   :center ;
	font-size : 11pt;
	font-weight : bold;
}

#objpop
{
	padding : 5px;
}

#contentpop
{
	padding : 5px;
}
/* Le header 
------------------------------------------------------------------------------------- */
#header {
	background: url('../images/headerleft.png') left no-repeat;
	width:243px;
	height:116px; 	
	text-indent:-9000px;
	margin:0;
	color: #fff;
	float:left;
}

h1#headerindex {
	background: url('../images/headerindex.gif') no-repeat;
	width:894px;
	height:116px; 	
	text-indent:-9000px;
	margin:0;
	color: #fff;
}
h1#headerindexV {
	background: url('../images/headerindex.gif') no-repeat;
	width:894px;
	height:116px; 	
	text-indent:-9000px;
	margin:0;
	color: #fff;
}
/* Le menu du haut 
------------------------------------------------------------------------------------- */
#menu_haut{
	background: url('../images/menu_hautright.png') top right no-repeat; 
	width: 580px;  
	text-align : center;  
	z-index:40; 
	position : relative;
	float : right;
}

#mprint2
{
	width:100%;
	height:116px;
	background: url('../images/bg_header.png') repeat-x;
}

#mprint
{
	clear:both;
	height: 28px;
	background:white;
}
/*
#menu_haut ul{ 
	float: left;
	width: 575px;
	margin: 0;
	padding: 0 0 0 400px;
	list-style-type: none;	
}*/
#menu_haut dl {
	float: left;
	width: 12em;  
}
#menu_haut dt {
	background: url('../images/menu_g.png') no-repeat;
	float: right;
	width: 100px; 
	height: 26px;
	margin: 4px  0 0 25px;
	padding-top:2px;
	font-size: 100%;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#menu_haut dd {
	position : absolute;
	margin-top : 25px;
	width: 100px;
	height: 26px;
	margin-left : 55px;
	z-index : 1;  
}
*+html #menu_haut dd {
	position : absolute;
	margin-top : 25px;
	width: 100px;
	height: 26px;
	margin-left : 55px;
	z-index : 1; 
	*margin-left : 43px; 
}
*html #menu_haut dd {
	position : absolute;
	margin-top : 25px;
	width: 100px;
	height: 26px;
	margin-left : 55px;
	z-index : 1;  
	*+margin-left : 30px;
}

#menu_haut li {
text-align: center; 
background: #CCC;
}
#menu_haut li a, #menu_haut dt a {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none; 
}

#menu_haut li a:hover, #menu_haut dt a:hover {
	background: url('../images/menu_o.png') no-repeat;	 
	height: 100%;
  }

div#partdroite
{
	float : left;
	position : absolute;
	width:100%;
}
  
  
p#logged
{	 
	color : #CCCCCC; 
	text-align : right;
	font-family : Verdana;
	width:120px; 
	font-size:100%;
	padding : 10px 10px 0px 0px; 
	float : right;
}

p#deconnexion 
{
	color : #CCCCCC; 
	font-family : Verdana;
	width:40px; 
	font-size:100%;
	text-align : left;
	padding-top : 20px; 
	float : right;
}

#menu_haut input{
	width: 60px;
	height: 11px;
	font-size: x-small;
}

label{
	color: #fff;
	font-size: x-small;
}



/* Le contenu
------------------------------------------------------------------------------------- */
#conteneur{
	background: url('../images/bg_conteneur.png') repeat-x #1b1c1e;
	padding : 0px 10px 0px 10px;
}


#conteneurindex{
	background: url('../images/bg_conteneurindex.png') repeat-x #1b1c1e;
	width: 100%;  
	 
}


#corps{
	background: #42494F; 
	margin: auto;
	border : 7px solid #42494F; 
}

#corpsind{
	background: #42494F; 
	margin: auto; 
	border-left : 3px solid #1B1C1E; 
	border-right : 3px solid #1B1C1E; 
}

#parti_gauche{
	width: 100%;
	margin: 0px 0 10px 0;
	text-align: justify;
	background-color: #42494F; 
}

#parti_droite{
	float: left;
	width: 201px;
	margin: 10px 0 10px 0;
}

#parti_gauche h2{
	margin-left   : 6px;
	margin-top    : 5px;
	margin-bottom : 3px;
}

#parti_gauche h3{
	text-decoration: underline;
	font-weight: bold;
	font-size: 100%;
	margin-left:  5px;
	font-size : 12pt;
	margin-top : 10px;
	margin-bottom : 0px;
}


/* Le menu droite
------------------------------------------------------------------------------------- */
.menu{
	background: url('../images/haut_menu.png') no-repeat top #FFF;
	width: 199px;
	margin-bottom: 15px;
}

.menu_bas{
	background: url('../images/bas_menu.png') no-repeat bottom #FFF;
	width: 199px;
	height: 2px;
}

.menu ul{
	margin: 0; 
	padding: 5px;
	list-style-type: none;
}
 
div#content{
	background:  url('../images/ArchivedNews.jpg') no-repeat top right #FFF;
	width: 100%  ;  
	height : 317px; 
	overflow : auto;
}
 
.menubottom
{
	background:  url('../images/bootomenu.gif') no-repeat transparent;
}

.cell2tableau { /*anciennement td*/
	width: 200px;
	height: 20px;
	text-align: left;
	border: 1px solid #EFEFEF;	
}
 

#footer{
	width: 100%;	
	margin: 0 auto;
	clear: both;
	color: #C5DC06;
	text-align:center;
	font-size: 75%;
}

#footer ul{
	margin: auto;
	padding: 0;
}

#footer li{
	display: inline;
}

#footer a{
	color: #C5DC06;
}

#footer .fooc{
	background: url('../images/haut_footer.gif') no-repeat top #2E3136 ;
	text-align: center;
	width: 439px;
	margin : auto;
}

#footer .foocb{
	background: url('../images/bas_footer.gif') no-repeat bottom  #2E3136;
	width: 439px;
	height: 11px;
}
 
#footerindex{
	width: 439px;
	margin: 0 auto 0 auto;
	clear: both;
	color: #C5DC06;
	font-size: 75%;
}

#footerindex ul{
	margin: 0 0 0 120px;
	padding: 0;
}

#footerindex li{
	display: inline;
	padding-left:20px;
}

#footerindex a{
	color: #C5DC06;
}

#footerindex .fooc{
	background: url('../images/haut_footer.gif') top no-repeat #2E3136; 
	text-align: center;
	width: 439px;
}

#footerindex .foocb{
	background: url('../images/bas_footer.gif') bottom no-repeat ;
	width: 439px;
	height: 11px;
}

#copyright{
	color: #FFF;
	padding-top:10px;
	width: 400px;
}


 #ModifAjout
 {
	position : absolute;
	top:140px;
	left : 300px;
	width:700px;
	height : 340px;
	border : 2px solid black;
	display : none;
	background-color : white;
 }

 .inputstyle
 {
	 height:16px;
	 width:350px;
 }
 
 .tdcodedili
 {
 padding-left:10px;width:400px;
 }
 
.nombreCL
{
	text-align:right;
	padding-right:5px;
}
.nombreTotal
{
	text-decoration:underline;
	padding-left:15px;
}
 
 .tableModifAjout
 {
 }

 
 .tableContainer
 {
	height : 350px;	 
	overflow : scroll;
	text-align : left; 

 }

  .tableContainer th
 {
	color: #2F3468;
	font-weight : bold;
	border : 1px solid black;
	font-size:11pt;
 }

 .tableContainer td
 {
	border : 1px solid black;
	padding : 3px;
	font-size:10pt;
 }


 #tableauAccueil
 {
	width:1100px;
	border-collapse : collapse;
 
 }

 .cellule2
 {
	width : 40px;
	text-align:center;
	border : 1px solid #CCCCCC;
 }

#entetetableAccueil
{
	text-align:center; 
}

.entettd
{
	border : 1px solid #CCCCCC;
}

#tableauUsers
 {
	width:99%;
	border-collapse : collapse;
 }

 
#unestat
{ 	
	width : 710px;
	height : 30px;
	background : url(../images/fondstats1.png) no-repeat;
	margin : auto;
	margin-left:50px;
	padding-left: 10px;
	padding-top: 4px;
	margin-top:5px;
	font-size : 10pt;
	font-weight : bold;
	cursor : pointer;
	float : left ;
	position : relative;
}
 
#lstusers
{
	position : absolute;
	top:150px;
	width : 200px;
	left : 150px;
	height : 200px;
	background : white;
} 

#lstusers2
{
	height : 180px;
	overflow : auto;
	
}

#listdestinataires
{
	width:100%;
	border : 1px solid #DBDBDB;
	background : #DBDBDB;
	margin-bottom : 10px;
}

.inputdesti
{
	border : 0px ;
	width  : 100px;
	text-align:center;
	background : #DBDBDB;
}

.aideSQL
{
	height:400px;
	overflow:auto;
	display:none;
	background-color: #B5C7E2;
	border : 1px solid black;
	padding : 5px;
	padding-left : 15px;
	position:absolute;
	width:300px;
}

.aideSQL a
{
	color : black;
}

.aideSQL a:hover
{
	font-weight : bold;
}
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}


.tableone {width:100%; border-collapse:collapse; margin:0 auto;}
.tabletwo {width:98%; border-collapse:collapse;}
 
.innerb {height:20px; overflow:auto;}

.tableone {background:#697210; border:1px solid #fff; color:#fff;}
.tableone td {border:1px solid #fff; color:#fff;}
.tableone tbody {background:#f0c992; color:#000;}
.tableone caption {background:#fff; color:#697210; font-size:1.2em; margin:0 auto;}
.tabletwo td {background:#eee; color:#000;}
.tableone th, .tabletwo th {text-align:left;}
.tabletwo tr.dk td {background:#ddd; color:#000;}

.reussite
{
	font-size : 12pt;
	color : #206013;
	font-weight : bold;
}