body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0; /* pour viter les marges */
text-align:center; /* pour corriger le bug de centrage IE */
color:#525453;
}
.htmtableborders{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#525453;
}

#conteneur {
width: 900px;
background-image:url(bg.jpg);
margin-left: auto;
margin-right: auto;
text-align: left; /* on rtablit l'alignement normal du texte */
}
#headersup{
 margin-left:21px;
 margin-right:22px;
}
#header{
 margin-left:22px;
 margin-right:22px;
 padding:0px;
}

/**************   DEBUT menu sup*/
#menu_sup{
 margin-left:22px;
 margin-right:23px;
 padding-top:0px;
 background-color:#545454;
 height:20px;
}
#haut {
clear:both;
background-color:#FFFFFF;
vertical-align:bottom;
text-align:left;
}
#menu_sup{
	padding:0;
	margin-top:0;
	margin-left:0px;
	height:20px;
}
.menuhaut {
list-style-type:none;
margin-top:1px;
margin-bottom:1px;
padding-top:3px;
}
.menuhaut ul {
 float: left;
 padding-left:2px;
 padding-top:2px;
}
.menuhaut li{
 display: inline;  
 text-decoration: none;
 font-weight:bold;
 border-right:1px solid #FFFFFF;
 padding-right:5px;
 padding-left:5px;
 padding-bottom:0px;
 color:#FFFFFF; 
}

.menuhaut li a {
   color:#FFFFFF;
   text-decoration: none;
   font-weight:bolder;
}

/**************FIN menu sup*/

/**************   DEBUT menu gauche ***********************************/
#menu_gauche{
	float:left;
	width:220px;
	padding-left:15px;
	border-right:1px solid #000000;
	margin-top:15;

	/*border:1px solid #000000;	*/		
}
.menu_gauche {
	list-style-image: url(crea-group-bullet.jpg);	
	
}
.menu_gauche ul {
 
}
.menu_gauche li{
 text-decoration: none;
 font-weight:bold; 
 padding-right:5px;
 padding-top:2px;
 color:#525453; 
 height:20px;
}
.sous_menu_gauche {
   color:#525453;
   text-decoration: none;
   font-weight:bolder;
   margin-left:30px;
}

.menu_gauche a, a:hover {
   color:#525453;
   text-decoration: none;
   font-weight:bolder;
}

#search{
	margin-left:15px;
	width:180;
	border:1px solid #000000;
	background-color: #B9B7B8;
	text-align:center;
}


#loggin{
	margin-left:15px;
	width:180;
	border:1px solid #000000;
	background-color: #B9B7B8;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
/**************   FIN menu gauche ***********************************/



#content{
	margin-top:10px;	
	margin-right:23px;
	padding:0;	
	float:right;
	width:620px;
	height:480px;
	overflow:auto;
}


#imgviewer{
padding-top:5px;
margin-left: auto;
margin-right: auto;
width:610px;
height:700px;
overflow:auto;
}












form{
margin:0px;
padding:0px;
display:inline;
}
input{
	border:1px solid  #666;
	background: #FDFCFA;
	color : #666666;
	font-weight : bold;
	font-size : 10px;
	padding: 1px;
}
.input-jcconcept{
	border:1px solid  #666;
	background: #FDFCFA;
	color : #666666;
	font-weight : bold;
	font-size : 10px;
	padding: 1px;
}
.textarea-jcconcept{
	border:1px solid  #666;
	background: #FDFCFA;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 1px;
}

#pied {
clear:both;
bottom: 0;
height:20px;
width:854;
background-image:url(bg-footer.jpg);
color:#FFFFFF;
margin-left:22px;
margin-right:22px;
text-align:center;
font-size:10px;
}
.error{
	color:#FF0000;
	font-size:14px;
}
.logged{
	float:left;
	width:200px;
	margin-left:10px;
	padding-left:5px;
	margin-top:15;
	border:1px dashed #555555;
}
.pair{
	background-color:#E0E8EF;
}
.impair{
	background-color:#B3D4EF;
}
.linkImage{
	border:1px solid #CCCCCC;
}