body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
	color:#000;
	background:#fff;}

h2{
	margin:0;
	padding:.5em;
	font-size:1.5em;
	font-weight:normal;
	color:#444;
	line-height:1.5em;
	text-align:center;}
	
h3{
	font-size:25px;
	color:#0CC;
	letter-spacing:-1px;	
	border:1px solid #f4f4f4;
	padding:10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	display:none;}
	
h4{
	margin:0;
	padding:0.5em 0 0;}

#logo{
	display:none;}

.main{
	width:950px;
	margin:0 auto 1.5em auto;
	padding:0;
	border: 1px solid #CCCCCC;
	min-height:500px;
	}
	.main-in{
		padding:.5em 1em;
		}

/**********/
/*Espace de login*/

#log_me{
	margin: 1.5em auto;
    padding: 0.75em;
    text-align: center;
    width: 20em;
	}

	#log_me p{
		margin:0;
		padding:1.5em;
		font-weight:bold;
		color:#000;
		
		}
	#log_me input.txt{
		display:block;
		color:#333;
		padding:.5em .75em;
		border:1px solid #cccccc;
		margin:0 auto;
		width:16em;
		text-align:center;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		outline:none;
		}
		
			#log_me input.txt:focus{
				border:1px solid #ccc;
				}
		
	#log_me input.soumettre{
		color:#444;
		padding:.5em 1.5em;
		background:#ccc;
		border:1px solid #fff;
		text-align:center;
		width:auto;
		font-size:1em;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		outline:1px solid #ccc;
		margin-top:.75em;}
		
		#log_me input.soumettre:hover{
		color:#fff;
		background:#444;
		cursor:pointer;}

a.faLogout {
	 
	text-decoration: none!important;
}

a.faLogout:hover {
	text-decoration: underline!important;
}
h2.faUser:before {
	content: "\f007";
	font-family: FontAwesome;
	padding-right: 0.5em;
}

a.faLogout:before { 
	content: "\f011";
	font-family: FontAwesome;
	padding-right: 0.5em;
}

td.prev_form a:hover {
	color: #000;
	/* more styling for the icon, including color, font-size, positioning, etc. */
}

td.prev_form a:before {
	content: "\f108";
	font-family: FontAwesome;
	padding-right: 0.5em;

	/* more styling for the icon, including color, font-size, positioning, etc.  fa-plus-square "\f0fe" */
}


.salutation-deconnexion h2.titre { margin-top: .125em !important; }

/************************************************************/
/**** entete ****/
.entete{	
	height: 168px;
    width: 100%;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
	border-bottom:solid 1px #ccc;
	margin:0 0 1em 0;
	}

.entete-in{
	position:relative;
	width:980px;
	margin:0 auto;
}
.divlogo{
	float:left;
	width:100%;
}
.divlogo a{
	border:none;
}

.salutation-deconnexion {
	position: absolute;
	top: 0; 
	right: 0;
}

.salutation-deconnexion h2, 
.salutation-deconnexion a {
	float: left; 
	text-align: left; 
	width: 14em;
	font-size: 1em; 
	padding: .5em 0 0 0;
}

.divslogan{
	left: 11em;
    position: absolute;
    top: 5em;
	}	
.divslogan p:first-child{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#102445;
	padding:0; margin:0;
	}
		
.divslogan p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#102445;
	padding:.5em 0 0 0; margin:0;
	}
	.retour-pros{
		float:right;
		margin:1.5em;
		}	
	.retour-pros a:hover{
	color:#89A653;	
			}	
			.retour-pros a{
			text-decoration:none;
			}

/* menu de navigation */
#menu{
	/*float:right;
	width:auto;65%;*/	
    float: left;
    height: 39px;
    width: 100%;	
	background: rgba(225,225,225,1);
	background: -moz-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(204,204,204,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(225,225,225,1)), color-stop(100%, rgba(204,204,204,1)));
	background: -webkit-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(204,204,204,1) 100%);
	background: -o-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(204,204,204,1) 100%);
	background: -ms-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(204,204,204,1) 100%);
	background: linear-gradient(to bottom, rgba(225,225,225,1) 0%, rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#cccccc', GradientType=0 );
	border:solid 1px #ccc;
	margin:0 0 .5em 0;
	}
.menu-int{padding:.2em 0 0 0;}

#menu ul{
	list-style:none;
	margin:0;
	padding:3px;
	/*height:42px;*/}
	
	#menu li{
		display:block;
		float:left;}
		
		#menu li a{
			font-size:13px;
			display:block;
			float:left;
			margin:0 0.25em;
			border:1px solid #FFFFFF;			
			color:#444444;
			padding:.2em .75em;
			text-decoration:none;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			border-radius:2px;			
			outline:1px solid #CCCCCC;				
			background: rgba(237,237,237,1);
			background: -moz-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237,237,237,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
			background: -webkit-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
			background: -o-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
			background: -ms-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
			background: linear-gradient(to right, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed', GradientType=1 );
			}			
			
			#menu li a:hover{
				color:#444;
				border:1px solid #fff;				
				outline:1px solid #CCCCCC;		
				background:#fff;
				}
				
				#menu li a.on{
				color:#444;					
				background: rgba(228,250,177,1);
				background: -moz-linear-gradient(top, rgba(228,250,177,1) 0%, rgba(170,203,93,1) 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(228,250,177,1)), color-stop(100%, rgba(170,203,93,1)));
				background: -webkit-linear-gradient(top, rgba(228,250,177,1) 0%, rgba(170,203,93,1) 100%);
				background: -o-linear-gradient(top, rgba(228,250,177,1) 0%, rgba(170,203,93,1) 100%);
				background: -ms-linear-gradient(top, rgba(228,250,177,1) 0%, rgba(170,203,93,1) 100%);
				background: linear-gradient(to bottom, rgba(228,250,177,1) 0%, rgba(170,203,93,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4fab1', endColorstr='#aacb5d', GradientType=0 );						
				}

/**********/
/* menu des rapports */

.menu_in{
	float:left;
	padding:0.75em .5em 0 0;
	text-decoration:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	outline:none;
	width:auto;
	font-weight:bold;}
	
	.menu_in ul{
		list-style:none;
		margin:0;
		padding:0;}
		
		.menu_in a{
			text-decoration:none;
			display:block;
			padding:.5em .75em;
			border:1px solid #fff;
			background:#f2f2f2;
			color:#444;
			font-size:.875em;
			margin:.5em 0;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			border-radius:2px;
			outline:1px solid #ccc;
			}
			
			.menu_in a:hover{
				color:#fff;
				border:1px solid #fff;
				background:#444;
				outline:1px solid #ccc
			}
			
			
			.menu-actif{
				color:#fff!important;
				border:1px solid #fff!important;
				background:#444!important;
				outline:1px solid #ccc!important;
			}

/*********/

/***
fil ariane
***/

.ariane{
	font-size:1.2em;
	color:#000;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #000;
	display:none;
	}
	
	.ariane a{
		font-size:1.1em;
		color:#cc0000;
		}

/*********************
	contenu
**********************/

#milieu{
	/*
	border:1px solid #cccccc;
	padding:25px;
	
	padding:0 0 0 .75em;*/}

	table.liste{
		clear:both;
		/*margin:4px 0 0 0;
		border:1px solid #eee;*/
		width:100%;
		padding:1em 0 0 0;
		font-size:1em;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;}
		
		table.liste th{
			text-align:left;
			font-size:1em;
			background:/*#FFFD79*/ /*#9FE2E0*/ #333;
			padding:10px;
			
			color:#fff;}
		.liste td{
			padding:7px;}
			
		.liste th a{
			color:#fff;
			text-decoration:none;}
			
			.liste th a:hover{color:#BFDC7B;}
			
			.liste a{color:#444;
				text-decoration:none;}
				
				.liste a:hover{
					color:#444;}

	tr.clsPair{
		background:#f2f2f2;}
	
	tr.clsImpair{
		background:#fff;}
	
	.wrap_rapports{
		width:auto;
		float:left;
		padding:.5em 0 0;	
		background:#fff;
		width:51em;}
	
	.wrap_rapports h2{
		text-align:left;
		border-bottom:1px solid #444;}
/*Champs*/
#contour p{
	clear:both;
	overflow:hidden;}
	
input.txt, select{
	display:block;
	font-size:1em;
	color:#333;
	padding:.5em .75em;
	border:1px solid #ccc;
	margin:2px;
	width:300px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	outline:1px solid #fff;
	float:left;}
		
	input.txt:hover, textarea:hover, select:hover{	
		color:#333;
		
		border:1px solid #000;
		outline:none;}
		
		input.txt:focus, textarea:focus, select:focus{
			color:#333;
			border:1px solid #FFFB00;
			outline:none;}
		
		input.btn{
			display:block;
			font-size:1em;
			padding:.5em .75em;
			
			margin:0 .75em .75em;
			
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			border-radius:2px;
			outline:1px solid #ccc;
			font-weight:bold;
			border:1px solid #ffffff;
			background:#f2f2f2;
			color:#444444;}
		
		input.btn:hover,input.btn:focus, a.btn:hover{
			color:#fff;
			border:1px solid #fff;
			background:#444;
			cursor:pointer;}
		
		label{
			display:block;
			float:left;
			text-align:right;
			padding:.75em;
			font-weight:bold;
			width:13em}
			
			textarea{
				font-family:Arial, Helvetica, sans-serif;
				font-size:1em;
				color:#333;
				padding:4px;
				border:1px solid #ccc;
				margin:2px;
				
				-moz-border-radius:2px;
				-webkit-border-radius:2px;
				border-radius:2px;
				outline:none;}
				
		/*workarounds*/
		.left{float:left;}
		.right{float:right;}
		.clear{clear:both;}
		.requis{
			color:#444;
			display:block;
			width:16px; 
			height:26px;
			float:left;
			font-style: italic;
			background:url(_img/requis.png) no-repeat center center;}
			
			
		.reset_p{
			clear:none!important;
			float:left;
			width:48%;
			/*border:1px solid #ff0000;*/
			}	
		
		
		a{color:#444;}
		
		a.btn{
			display:block;
			float:left;
			border:1px solid #fff;
			background:#f2f2f2;
			color:#444;
			padding:.5em .75em;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			border-radius:2px;
			outline:1px solid #ccc;			
			text-decoration:none;
			font-weight:bold;
			margin:.25em;}
		
		.group{
			border:1px solid #ccc;
			background:#f2f2f2;
			padding:5px 0 15px 0; 
			margin:15px 0 0 180px; 
			position:relative;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			border-radius:2px;
			width:500px;}
				
			.group label{width:120px;}


.section-tables-corporatives label {
	padding-left: 2em;
    text-align: left;
    width: 40em !important;
}

.section-invites p,
.section-tables-corporatives p {
	padding-left: 1.5em!important;
}
/*************/
.footer{
	background: none repeat scroll 0 0 #444444;
    border-top: 3px solid #000000;  
    display: block;
    height: 50px;   
    width: 100%; 
	
	}
	
	.footer-in{
		width:950px;
		margin:1em auto 0 auto;
		}	
	.footer h6{
		float:left; 
		font-size:11px;
		margin:0  10px; 
		line-height:30px; 
		color:#fff
		}
		.footer a{color:#fff !important;}
	.droite{float:right;}
.btnPlus{
	height:16px; 
	width:16px; 
	border:0px; 
	background:transparent url(./_img/plus-button.png) repeat scroll 0 0;}

.btnMoins{
	height:16px; 
	width:16px; 
	border:0px; 
	background:transparent url(./_img/minus-button.png) repeat scroll 0 0;}


.bg_cubique {
	background(./_img/ge_be.png) no-repeat top left transparent;
}

/*
input.lock
{
border:none;
background:none;

}

#logo{margin-top:90px;}
#milieu #logo{margin-top:120px; }
#milieu #logo_client{margin-top:120px;float:right;   }
#logo_client{
float:right; 
margin: 90px 0 0 0;
}
#imgPhotoMembre
{
	width:115px;
	height:130px;
	float:right;
	margin-right:140px;
}

#logo{
background-position:top left;
width:138px;
height:100px;
margin:65px 60px 60px 50px;
background: url(img/logo_prospection.gif) no-repeat;
cursor:pointer;
}
#master{
background: url(img/top_admin.gif) no-repeat;  -- logo client -- 
background-position:top left;
width:969px;
height:100%;
height:100%;
border: solid 2px #FFFFFF;
text-align:left;
margin:18px;
padding-top:120px;
_padding-top:120px;}

--- zone de contenu / treeview / wysiwyg -----
#milieu{

border:1px solid #FFFFFF;
background:#f7f7f7;
border: solid 5px #ddd;
margin-top:140px;
margin:18px 18px 18px 18px;
font-size:11px;
padding:0;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
#loginMilieu
{
text-align:center;
width:100%;
height:100%;
margin:auto;


}
#milieu 
{
	text-align:left;
}

--- zone de contenu / treeview / wysiwyg -----
#milieu_pop{
width:560px;
border:1px solid #FFFFFF;
background:#fff;
border: solid 5px #000;
margin-top:140px;
margin:18px 18px 18px 18px;
font-size:11px;
padding:0;

filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

#fiche{
width:450px;
border:1px solid #FFFFFF;
background:#f7f7f7;
border: solid 5px #f4f4f4;
margin-top:140px;
margin:18px 18px 25px 18px;
font-size:11px;
padding:0;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

-- menu --
	#menu{
	position:absolute;
	top:14px;
	margin:0 0 0 20px;
	}
	
	#menu div{
	
	vertical-align:middle;
	float:left;
	background-position:top right;
	font-weight:bold;
	border-left:5px solid #ccc;
	}
	
	#menu a{ 
	color:#000;
	text-decoration:none;
	padding:7px;
	vertical-align:middle;
	}
	
	#menu  a:hover{ 
	color:#F15A24;
	text-decoration:none;
	}
	
	#menu div span a{ 
	font-size:11px; 
	margin:0 0 0 7px; 
	padding:0 0 0 17px; 
	color:#666666; 
	background:url(img/pointer.gif) no-repeat; 
	background-position:center left;
	}
	
	#menu span{display:block}
	#menu div ul.spacer_menu{
	margin:-1px 0 0 15px;
	*margin:22px 0 0 -125px;}
	#menu div ul{
	width:210px;
	display:none;
	margin:-1px 0 0 15px;
	*margin:22px 0 0 -70px;
	padding:10px;
	background:#fff url(img/ind_menu.gif) no-repeat;
	background-position:top left;
	border:1px solid #eee;
	list-style-image:none;
	list-style-type:none;	
	}
	
	 #menu div ul ul{
	width:150px;
	display:none;
	margin:-15px 0 0 150px;
	
	padding:10px;
	background:#eee url(img/ind_menu.gif) no-repeat;
	background-position:top left;
	border:1px solid #fff;
	list-style-image:none;
	list-style-type:none;	
	}
	
	


#menu div:hover ul,
#menu div li:hover ul ,
#menu div li li:hover ul ,
#menu div  li li li:hover ul, 	
#menu div:hover ul ul,
#menu div li:hover ul ul,
#menu div li li:hover ul ul,
#menu div li li li:hover ul ul
{display:none;}


#menu div:hover ul,
#menu div li:hover ul,
#menu div li li:hover ul,
#menu div li li li:hover ul,
#menu div li li:hover ul,
#menu div li li li:hover ul,
#menu div li li li li:hover ul
{display:block;}
	
		#menu div li{
		height:1%;
		
		list-style-image:none;	
		}
	
	#menu div ul{position:absolute; z-index:10}
	#menu div ul ul{position:absolute; z-index:12;}
	
	#menu div span a:hover{ font-size:11px; }


h1{
font-size:10px;
text-align:right;
width:100%;
background:#ccc; - couleur de l'onglet de sous-menu -
margin:0;
border-top: solid 1px #ffffff;
display:block;
font-weight:
}

h1 a {display:block; font-size:10px;}


.fleche a{
background-image:url(img/fleche.gif) no-repeat;
background-position:top center;
}
bas
{
background:black;

}


table
{
    font-size: 12px;
}
.button{
	FONT-SIZE: 12px;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
	background:#000  url(img/bk_button.gif) no-repeat; background-position:bottom right;	
	border:1px solid #999;
	padding:7px;
	cursor:pointer;
}
.buttonDiv input
{
	FONT-SIZE: 12px;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
	background:#000  url(img/bk_button.gif) no-repeat; background-position:bottom right;	
	border:1px solid #999;
	padding:10px 10px 10px 10px;
	cursor:pointer;
	width:130px;
	margin-top:20px;
	 
	


}
.buttonDiv 
{

 width:100%;
 text-align: center;

}
a
{
    font-size:12px;
	color:#f15a24;
    text-decoration:none	;
}

a:hover
{
    
    color:#bbb;
    text-decoration: underline
}


.titre
{
    font-size: 16px;
    color: #f15a24;
    font-weight: normal;
	
}

.edit{

    BACKGROUNR: #eee;
}

.clsPair
{
    BACKGROUND: #eeeeee;
	margin-top:0;
}
.clsImpair
{
    BACKGROUND: #ffffff;
	margin-top:0;
}
.tetedeliste{
font-weight:bolder;
background:#ddd url(img/fd_tete.gif) repeat-x; background-position:bottom;
color:#000;
text-align:center;
line-height:25px;


}
.description
{
font-weight:bolder;
color:#000;
text-align:left;
line-height:25px;
FONT-SIZE: 12px;
font-family:Arial, Helvetica, sans-serif;
padding:10px;

}

.tetedeliste A
{
    FONT-SIZE: 12px;
    COLOR: #f15a24;
    TEXT-DECORATION: none	
}

.tetedeliste A:hover
{
    FONT-SIZE: 12px;
    COLOR: #000!important;
    TEXT-DECORATION: none	
}



fieldset{
border:4px dashed #006600;
background:#990000;
-moz-border-radius:2px;
-border-radius:2px;
padding:10px;
}


#bas{
display:none;
position:relative;
margin-top:10px;
margin-bottom:0;

padding:15px;
height::50px;
margin-left:auto;
margin-right:auto;
background:#fff;
}

 titre des section en hautr de page 
h2{
color:#f15a24;
font-size:20px;
font-weight:normal;
margin:0;}


---- icone de Plusse(+) du treeviwew ----
			.treeview a{
			font-weight:bold;
			padding-right:20px;
			height:20px; 
			line-height:20px;
			background: url(img/plus.gif) no-repeat; 
			background: url(img/modifier_vert.gif) no-repeat; 
			background-position:center right;
			}
			
			.treeview a:hover{
			background: url(img/plus_vert.gif) no-repeat; 
			background: url(img/modifier.gif) no-repeat; 
			background-position:center right;}

---- icone de dossier du treeviwew ----
			.treeview a.dossier{
			font-weight:bold;
			padding-right:30px;
			height:20px; 
			line-height:20px;
			background: url(img/dossier_off.gif) no-repeat; 
			background-position:center right;}
			
			
			.treeview a.dossier:hover{
			background: url(img/dossier_on.gif) no-repeat; 
			background-position:center right;}
			
---- icone de suppression du treeviwew ----
			.treeview a.supprimer{
			font-weight:bold;
			padding-right:30px;
			height:20px;
			line-height:20px;
			background: url(img/delete_gris.gif) no-repeat; 
			background-position:center left;
			}
			
			.treeview a.supprimer:hover{
			background: url(img/delete.gif) no-repeat; 
			background-position:center left;}

---- icone de fichier du treeviwew ---- 
			.treeview a.feuille{
			font-weight:bold;
			padding-right:30px;
			height:20px; 
			line-height:20px;
			background: url(img/fichier_off.gif) no-repeat; 
			background-position:center right;
			}
			
			.treeview a.feuille:hover{
			background: url(img/fichier_on.gif) no-repeat; 
			background-position:center right;}

b.treeview_titre{ titre des sections dans le treeview 
color;
font-size:14px;
cursor:pointer;}
b.treeview_menu_titre_hand{ titre des sections dans le treeview 
color:#000000;
font-size:12px;
cursor:pointer;}
b.treeview_menu_titre{ titre des sections dans le treeview 
color:#000000;
font-size:12px;
font-weight:normal;
cursor:default;}

   tree menu 
.treeview_menu div{ padding:3px; line-height:18px;}
.treeview_menu{line-height:20px;}

---- icone de Plusse(+) du treeviwew ----
			.treeview_menu a.nouveau{
			font-weight:bold;
			padding-right:20px;
			height:20px; 
			line-height:20px;
			background: url(img/plus.gif) no-repeat; 
			background-position:center right;
			}
			
			.treeview_menu a.nouveau:hover{
			
			background: url(img/plus_vert.gif) no-repeat; 
			background-position:center right;}

---- icone de dossier du treeviwew ----
			.treeview_menu a.modifier{
			font-weight:bold;
			padding-right:20px;
			height:20px; 
			line-height:20px;
			background: url(img/modifier.gif) no-repeat; 
			background-position:center right;}
			
			
			.treeview_menu a.modifier:hover{
			background: url(img/modifier_vert.gif) no-repeat; 
			background-position:center right;}
			
---- icone de suppression du treeviwew ----
			.treeview_menu a.supprimer{
			font-weight:bold;
			padding-right:20px;
			height:20px;
			line-height:20px;
			background: url(img/delete_gris.gif) no-repeat; 
			background-position:center left;
			}
			
			.treeview_menu a.supprimer:hover{
			background: url(img/delete.gif) no-repeat; 
			background-position:center left;}

---- icone de fichier du treeviwew ---- 
			.treeview_menu a.feuille{
			font-weight:bold;
			padding-right:30px;
			height:20px; 
			line-height:20px;
			background: url(img/fichier_off.gif) no-repeat; 
			background-position:center right;
			}
			
			.treeview_menu a.feuille:hover{
			background: url(img/fichier_on.gif) no-repeat; 
			background-position:center right;}

b.treeview_titre_menu{ titre des sections dans le treeview 
color:#CC6600;
font-size:14px;
cursor:pointer;}

.s_niv1{background:url(img/s_niv1.gif) no-repeat; background-position:top left; height:15px; width:20px; }
.s_niv2{background:url(img/s_niv2.gif) no-repeat; background-position:top left; height:15px; width:6px;}


.log_box{
width:305px;
background: url(img/log_box.gif) repeat-y;
margin:18px;
font-size:11px;
color:#003366;
}
.back_accueil
{
	color:#000;
	text-decoration:none;
	background:url(img/maison.gif) no-repeat; background-position:center left; padding-right:25px;}

.on{display:block;}
.off{display:none;}

.visualiser a, .visualiser a:hover
{
	FONT-SIZE: 12px;
    COLOR: #ffffff;
    TEXT-DECORATION:underline	
}

input.logger{
background:#FFFFFF;
color:#f15a24;
padding:4px; 
border: 2px solid #f15a24;
margin-left:103px;
}

#log_me form
{
	background:url(img/log_box.gif) no-repeat;
	width:470px;
	height:276px;
	margin:50px auto;
}
#log_me form table
{
	margin-left:auto;
	margin-right:auto;
}

.tabLog_me
{
	margin-top:79px;
	
}
.ouvrir_fermer{position:absolute; text-align:right; width:130px; margin:55px 0 0 689px;}

#plan{ border:1px solid #ddd; background:#fff;}

#contour{
width:100%;
background:#f9f9f9;

margin-top:140px;
margin:18px 18px 18px 18px;
font-size:11px;
padding:10px;
}


.caractElemForm , .caractElemFormDouble 
{
	font-size:12px;

}

form div.caractElemForm label
{
	float: left;			
	width:40%;										
	text-align: right;		
	Color:rgb(0,0,0);
	margin-top:5px;


		
}
form div.caractElemForm input
{
	margin-left: 5px;		
	margin-top:5px;
	wigfdth:200px;

}

form div.caractElemFormDouble label
{
	float: left;				
	width:270px;										
	text-align: right;			
	Color:rgb(0,0,0);
	margin-top:5px;
	

		
}
form div.caractElemFormDouble input,select
{
   	
	margin-left: 5px;		
	margin-top:2px;
	width:170px;

	
}
#CodePostal1, #CodePostal2, 
#CodeRegFax,#Fax1,#codReg,#tel1
{
	width:33px;

}
#tel2, #Fax2
{
  width:40px

}
.sections
{
  margin-bottom:10px;
  padding:30px 30px 30px 30px;



}
#lstComites
{
	display:None;
	width:300px

}
#lstComites select
{
	
	width:250px

}
.titresHautPlace
{
	display:block;	
	margin-left:270px;	
}
.titresHautPlace td
{
		width:170px;	
}


Css du calendrier
#calendrier{
width:300px;
}
.bloc_gauche
{
	width:270px;
}
#carreVert,#carreOrange,#carreRouge,#carreBleu
{
	position:absolute;
}
#carreVert
{
	margin-left:-15px;
}
#carreBleu
{
	margin-left:-9px;
}
#carreRouge
{
	margin-left:-2px;
}
#carreOrange
{
margin-left:-2px;
}
.mid
{
background-color:#EFEFEF;
border: 2px outset grey;
}
.calAlign
{
text-align:center;
}
#calendrier table{
padding:0;
margin:0;
width:300px;
border:none;}

.td_cal{
width:70px;
line-height:25px;
border:1px solid #ccc;
text-align:center;
}

.td_day{
border:1px solid #ccc;
}

.div_cal{ border:1px solid #ccc; width:230px; padding:0;margin:2px; font-size:12px;}
.div_cal td {padding:2px;}
.div_cal a{color:#666666; text-decoration:none; padding: 2px 0 3px 0px; }
.div_cal a:hover{color:#ccc; text-decoration:none;}

 a.closer{
 position:absolute; 
margin: -7px 0 0 195px;
text-align:center;
display:block; 
color:#FFFFFF; 

font-family:Arial, Helvetica, sans-serif; 
padding:3px;
border:1px solid #fff;
background:#990000;
text-decoration:none;
font-weight:bold;
float:right;
font-size:10px; 
}

 a.closer:hover{
background:#333333;
}
Fin du css pour le calendrier
#membreRadie{display:none;}
a.main{color:#003366;text-decoration:none;font-size:12px;}
a.main:hover{color:red; text-decoration:none;}

.petitButtonDiv input
{
	FONT-SIZE: 12px;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
	background:#000  url(img/bk_button.gif) no-repeat; background-position:bottom right;	
	border:1px solid #999;
	padding:10px 10px 10px 5px;
	cursor:pointer;
	width:60px;
	margin-right:20px;


}

.petitButtonDiv 
{
	width:100%;
	text-align:center
}

CSS pour la modification d'un membre edit_membre
 #TableCompagnieMem td
 {
	width:80px;
 }

 #TableFicheMem td
 {
	width:120px;
 }
#TableFicheMem .TdColDroiteFicMem
{
	width:120px;
}
#TableFicheMem .FicMemCol2
{
	width:200px;
}
.AlignTextFicMem
{
	margin-left:5px;
}
 /* Fin Css edit_membre
 D�but Css demande_adhesion section membre
#TabParrain td
{
	width:200px;
}
 #TabInfoPerso .TDInfoPersCol1
 {
	
	text-align:right;
	width:200px;
 }
 #TabInfoPerso .TDInfoPersCol2
 {
	text-align:left;
	width:200px;
 }

 #TabInfoPerso .TDInfoPersCol3
 {
	text-align:right;
	width:200px;
 }
 #TabBiographie td
 {
	width:200px;
 }
 #TabInfoPro td
 {
	width:200px;
 }
  #TabInterets td
 {
	width:170px;
 }
 Fin du css demande_adhesion section membre
#msgErreurContenu, #msgErreurTitre,#msgErreurMembres 	{ display:none; }
#imprimer
{

 display: block;
 text-align:right;

}


#TabUn
{
  
  width:850px;
  margin:0;
  padding-left:15px;
  padding-top:5px;

}
#TabUn td,tr
{

  width:400px;
  margin:0;

}

label
{

margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#RapportMem
{

	font-size:10px;


}
li,ul
{
	list-style-image:none;
	list-style-type:none;	


}
#tabPopViewAdmin
{
	 margin:0;
	 padding:0;
	 margin-left:auto;
	 margin-right:auto;


}
#tabPopViewAdmin td, #tabPopViewAdmin tr
{
	 margin:0;
	 padding:0;
	 border:1px solid rgb(247,154,119 );
     width:120px;


}
.CacherAdd
{
	visibility:hidden;

}
.btnFermer
{

	margin-bottom:15px;
	text-align:right;


}



*/