body {
	color: #333;
	width:974px;
	margin : auto;
	margin-top: -32px;
	font-family:helvetica,tahoma,verdana,sans-serif;
	padding:20px;
    padding-top:32px;
    font-size:13px;
	background-color:#f3f2f2 !important;
}

#header {
	margin:0; 
	padding:0;
	background-color:#ccc;
}

#main1 {
	margin:0; 
	padding:0;			
	background: #fff url("../images/background_left_degrade.gif") top left repeat-y;		
}
#main2 {
	margin:0; 
	padding:0;
	background:url("../images/background_right.jpg") top right no-repeat;
	height: 552px;
}
	
/* Pour IE */	

html>body #main2 {
	height: auto;
	min-height: 552px;
} 

#left {
	float:left;
	width:168px;
	margin:0; 
	padding:0;
	/*position: relative;*/
}
#right {
	float:right;
	width:254px;
	margin: 0;
}	
#right form .text {
	width: 9em;
}

#right td {
	font-size: 0.9em;
	color: #fff;
}
#middle {
	margin:0 168px;
	background:#fff;
	width: 520px;
	margin-top: -20px;
}

#middle h2 {
	margin: 0.5em;
	font-size: 1.5em ;
}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

.spacing_menu {
	margin-top : -3px;
}

.spanMenu {
	margin-left: 566px;
}

a
{
	color: #086995;
	font-weight:bold;
	text-decoration: underline;
}

a:hover
{
	color: #086995;
	font-weight:bold;
	text-decoration: none;
}

a:visited
{
	color: #086995;
	font-weight:bold;
}

a.lien1   
{     
	color: #086995;
	font-weight:bold;
	text-decoration: none;
}

a.lien1:hover   
{     
	color: #086995;   
	text-decoration:underline;     
	font-weight:bold;   
}

a.lien1:visited
{
	color: #086995;
	font-weight:bold;
}

#news a 
{     
	color: #CBFFE0;
	font-weight:bold;
	text-decoration: underline;
}

#news a:hover   
{     
	color: #CBFFE0;   
	text-decoration: none;     
	font-weight:bold;   
}

#news a:visited
{
	color: #CBFFE0;
	font-weight:bold;
}

#compte a 
{     
	color: #CBFFE0;
	font-weight:bold;
	text-decoration: underline;
}

#compte a:hover   
{     
	color: #CBFFE0;   
	text-decoration: none;     
	font-weight:bold;   
}

#compte a:visited
{
	color: #CBFFE0;
	font-weight:bold;
}

a.lien2   
{     
	color: #086995;
	text-decoration: none;
	font-weight:normal;
}

a.lien2:hover   
{     
	color: #086995;    
	text-decoration:underline; 
	font-weight:normal;
}

a.lien2:visited
{
	color: #086995;
	font-weight:normal;
}

a.taglink1
{
	color: #84B32F;
	font-weight:bold;
	text-decoration: none;
}

a.taglink1:hover
{
	color: #84B32F;
	font-weight:bold;
	text-decoration: underline;
}

a.taglink1:visited
{
	color: #84B32F;
	font-weight:bold;
}

a.taglink2
{
	color: #009872;
	text-decoration: none;
}

a.taglink2:hover
{
	color: #009872;
	text-decoration: underline;
}

a.taglink2:visited
{
	color: #009872;
	font-weight:bold;
}

a img {
	border: none;	
	margin:0;
}

.img_no_border {
	border: none;
}	
			
div#formulaire {
	background: #ccc;	
}

p {
	margin: 1em 1em 1em 1em;
	text-align: justify;
	font-size: 1em ;
}

.feedback_error {
	width: 90%;
	border-top: 1px solid #FF0000;
	border-bottom: 2px solid #FF0000;
	border-left: 1px solid #FF0000;
	border-right: 2px solid #FF0000;
	color: #00000;
	padding: 10px;
	margin: 15px;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica;
	background-color:#FFAAAA;
}
.feedback_confirm {
	width: 80%;
	border-top: 1px solid Blue;
	border-bottom: 2px solid Blue;
	border-left: 1px solid Blue;
	border-right: 2px solid Blue;
	color: Blue;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica;
	background-color:#FFF9EC;
}

.image{
	border : none;
	text-decoration:none;
}

#infos {
	background: url(../images/background_login_box.gif)  repeat-x;
	margin: 5px; 
	padding: 1em 0 0.5em 0.5em;
}


#news  {
	margin: 0em; 
	padding: 0em;	
}

.tdnews  {	
	padding: 0.8em;
}

.entreprise {
border-collapse:  collapse 1px solid #DCDADC;
margin: 1em ; 
}
.tdentreprise {
border: 1px solid #DCDADC;
}

.tableForum {

border-collapse:  collapse;
}

.tdForum {
border: 1px solid #DCDADC;
}


.thForum  {	
	font-size: 1.8em;
	border:1px solid #DCDADC;
}

.tdForumTitre  {	
	font-size: 1.3em;
	border:1px solid #DCDADC;
}

.tdForumDesc  {	
	font-style: italic;
}

/*
 * Ext JS Library 2.2.1
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */


.search-item {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:3px 10px 3px 10px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#555;
}
.search-item h3 {
    display:block;
    font:inherit;
    font-weight:bold;
    color:#222;
}

.search-item h3 span {
    float: right;
    font-weight:normal;
    margin:0 0 5px 5px;
    width:100px;
    display:block;
    clear:none;
}

.tip-target {
            width: 100px;
            text-align:center;
            padding: 5px 0;
            border:1px dotted #99bbe8;
            background:#dfe8f6;
            color: #15428b;
            cursor:default;
            margin:10px;
            font:bold 11px tahoma,arial,sans-serif;
            float:left;
        }
        
/* StatusBar word processor example styles */

#word-status .x-status-text {
    color: #777;
}
#word-status .x-status-text-panel .spacer {
    width: 60px;
    font-size:0;
    line-height:0;
}
#word-status .x-status-busy {
    padding-left: 25px;
    background: transparent url(../images/saving.gif) no-repeat 3px 3px;
}
#word-status .x-status-saved {
    padding-left: 25px;
    background: transparent url(../images/saved.png) no-repeat 3px 3px;
}

/* StatusBar form validation example styles */

.x-statusbar .x-status-error {
    color: #C33;
    cursor: pointer;
    padding-left: 25px;
    /*background: transparent url(../images/exclamation.gif) no-repeat 3px 3px;*/
}
.x-statusbar .x-status-valid {
    padding-left: 125px;
    /*background: transparent url(../images/accept.png) no-repeat 3px 3px;*/
}
.x-status-error-list {
    font: 11px tahoma,arial,verdana,sans-serif;
    position: absolute;
    z-index: 9999;
    border: 1px solid #C33;
    background: #ffa;
    padding: 5px 10px;
    color: #999;
}
.x-status-error-list li {
    cursor: pointer;
    list-style: disc;
    margin-left: 10px;
}
.x-status-error-list li a {
    color: #15428B;
    text-decoration: none;
}
.x-status-error-list li a:hover {
    text-decoration: underline;
}

.example-info{
	width:150px;
	border:1px solid #c3daf9;
	border-top:1px solid #DCEAFB;
	border-left:1px solid #DCEAFB;
	background:#ecf5fe url( ../images/info-bg.gif ) repeat-x;
	font-size:10px;
	padding:8px;
}
pre.code{
	background: #F8F8F8;
	border: 1px solid #e8e8e8;
	padding:10px;
	margin:10px;
	margin-left:0px;
	border-left:5px solid #e8e8e8;
	font-size: 12px !important;
	line-height:14px !important;
}
.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:250px;
    z-index:20000;
}
.x-grid3-row-body p {
    margin:5px 5px 10px 5px !important;
}

/*
*	A supprimer normalement
*/

.x-tbar-loading {
  width: 16px;
  height: 16px;
}

#img-chooser-view { 
  background: white; 
  font: 11px Arial, Helvetica, sans-serif;
} 
#img-browser-view .add-image {
  background-image: url(icons/picture_add.png);
}
#img-browser-view .delete-image {
  background-image: url(icons/picture_delete.png);
}
#img-browser-view .thumb {
  position: relative;
  background: white;
  border: 1px solid #dddddd;
  width: 80px;
  height: 80px;
}
#img-browser-view .thumb img {
  position: absolute;
}
#img-browser-view .thumb-wrap { 
  float: left; 
  margin: 4px; 
  margin-right: 0; 
  padding: 5px;
} 
#img-browser-view .thumb-wrap span { 
  display: block; 
  overflow: hidden; 
  text-align: center; 
} 
#img-browser-view .x-view-over {
  border: 1px solid #dddddd; 
  background: #efefef url('../extjs/resources/images/default/grid/row-over.gif') repeat-x left top; 
  padding: 4px; 
}
#img-browser-view .x-view-selected { 
  background: #DFEDFF; 
  border: 1px solid #6593cf; 
  padding: 4px; 
} 
#img-browser-view .x-view-selected .thumb { 
  background: transparent; 
}
#img-browser-view .x-view-selected span { 
  color: #1A4D8F;
}
#img-browser-view .loading-indicator { 
  font-size: 11px; 
  background-image: url('../extjs/resources/images/grid/loading.gif'); 
  background-repeat: no-repeat; 
  background-position: left; 
  padding-left: 20px; 
  margin: 10px; 
}

.ux-form-statictextfield {
	background: transparent;
	border: none;
	padding-top: 3px !important;
	padding-bottom: 1px !important;
	color: #333;
}

.x-html-editor-tb .x-edit-image .x-btn-text {
  background: transparent url(icons/picture.png) no-repeat;
}
.x-form-check-wrap {
  margin-top: 3px;
}

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

#details-panel .x-panel-body {
    padding: 10px;
    background: #eee;
    color: #555;
}
#details-panel a:link, #details-panel a:visited {
    color: #369;
}
#details-panel h2 {
    color: #369;
    font-size: 15px;
}
#details-panel p {
    margin-bottom: 5px;
}

.doc-odt {
    background-image: url(../images/odt.gif) !important;
}

.doc-ods {
    background-image: url(../images/ods.gif) !important;
}

.doc-odg {
    background-image: url(../images/odg.gif) !important;
}

.doc-odp {
    background-image: url(../images/odp.gif) !important;
}

.doc-xls {
    background-image: url(../images/xls.gif) !important;
}

.doc-doc {
    background-image: url(../images/doc.gif) !important;
}

.doc-docx {
    background-image: url(../images/doc.gif) !important;
}

.doc-rtf {
    background-image: url(../images/doc.gif) !important;
}

.doc-gif {
    background-image: url(../images/img.gif) !important;
}

.doc-bmp {
    background-image: url(../images/img.gif) !important;
}

.doc-png {
    background-image: url(../images/img.gif) !important;
}

.doc-jpg {
    background-image: url(../images/img.gif) !important;
}

.doc-jpeg {
    background-image: url(../images/img.gif) !important;
}

.doc-pdf {
    background-image: url(../images/pdf.gif) !important;
}

.doc-ppt {
    background-image: url(../images/ppt.gif) !important;
}

.doc-pps {
    background-image: url(../images/ppt.gif) !important;
}

.entite-PAR {
    background-image: url(../images/user.gif) !important;
}

.entite-ENT {
    background-image: url(../images/entreprise.gif) !important;
}

.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
}  