body {	
        padding:                	0px;
		  background: 					#333333;
}

#contenu {
        width:                  	1000px;
		  margin-left:					auto;
		  margin-right:				auto;
		  background: 					#fff;
}

#bandeau {
        clear:                  	both;
        height:                 	160px;
        background:             	url(../../images/bandeau.png) no-repeat;
        font:                   	bold 20px Verdana;
        color:                  	#fff;
}

form {
	padding:								0;
	margin:								0;
}

#gauche {
        padding:                	0 10px 0 0;
        float:                  	left;
}

#gauche a {
        text-decoration:        	none;
}

#droite {
        float:                  	left;
}

#droite h4 {
        background:             	url(../../images/3fleches2.bmp) 5px 5px no-repeat;
        margin:                 	0 0 3px 0px;
        padding:                	0 0 0 20px;
        font: 		        			12px Verdana, Arial, Helvetica, sans-serif;
}

#droite h5 {
        background:             	url(../../images/3fleches2.bmp) 8px 8px no-repeat;
        margin:                 	0px;
        font: 		               11px Verdana, Arial, Helvetica, sans-serif;
        padding:                	0px 5px 0px 20px;
        text-align:             	justify;
}

#droite p {
        padding:                	0px 5px 0px 15px;
        margin:                 	0px;
        text-align:             	justify;
        font: 		        			11px Verdana, Arial, Helvetica, sans-serif;
}

h2 {
        margin:                 	10px 0 10px 0px;
		  font: 		      			16px Verdana, Arial, Helvetica, sans-serif;
		  color:							#333333;
        background:             	url(../../images/puceEspH.gif) 5px 0px no-repeat;
        padding:                	0px 0px 5px 8px;
}

h3 {
        background:             	url(../../images/puceEspH.gif) 5px 0px no-repeat;
        margin:                 	10px 0 0 0px;
		  font: 		      			20px Arial, Verdana, Helvetica, sans-serif;
        padding:                	0px 0px 5px 8px;
		  color:							#333333;
}

.h3bis {
		  text-decoration: 			none;
		  color:							#000;
        background:             url(../../images/puceEspB.gif) 0px 18px no-repeat;
			padding:						0 0 0 10px;
}

#connex {
		margin:							50px 0 0 350px;
		font: 		        			bold 12px Verdana, Arial, Helvetica, sans-serif;
		color:							#aa4433;
}


.lib {
		background:             	url(../../images/puceAdherer3.gif) 8px 6px no-repeat;
		margin:                 	0px;
		font: 		        			12px Verdana, Arial, Helvetica, sans-serif;
		padding:                	3px 5px 3px 22px;
		text-align:             	justify;
		vertical-align:				top;
}

input {
		font:								11px Verdana;
		border:							solid 1px #333333;
		color:							#333333;
}

.entete {
		margin:                 	0 0 10px 0px;
		font: 		        			bold 11px Verdana, Arial, Helvetica, sans-serif;
		text-align:             	center;
		vertical-align:				middle;
		color:							#959595;
		border-right:					solid 1px #ccc;
		border-bottom:					solid 1px #ccc;
}

.texte {
		font: 		        			11px Verdana, Arial, Helvetica, sans-serif;
		vertical-align:				middle;
		text-align:						center;
		border-right:					solid 1px #ccc;
		border-bottom:					solid 1px #ccc;
		padding:							0 2px 0 2px;
}

#piedDePage {
		clear:                  	both;
   	display:                	block;
		text-align:             	center;
   	margin:                 	14px 0 0 5px;
   	border-top:             	solid 1px #333333;
   	height:                 	24px;
		color:							#333;
		font:								bold 11px Verdana;
}

.pied {
		font:								11px Verdana, Arial, Helvetica, sans-serif;	
		color:							#aa4433;
		text-decoration:				none;
}

.contact {
		background:             	url("../../images/contact.gif") 2px top no-repeat;
		font:								11px Verdana, Arial, Helvetica, sans-serif;	
		color:							#aa4433;
		padding:							0 0 0 25px;
		text-decoration:				none;
}

#texteInformations {
	font:									9px Verdana, Arial, Helvetica, sans-serif;	
	color:								#aa4433;
	text-align:							center;
	width:								400px;
	margin:								0 0 0 260px;
}

#clear {
       clear:                   	both;
}

.vert {
      color:						#333;
		font:							bold italic 10px Verdana;
}

.rouge {
		color:						red;
}

input, textarea, select {
		color:						#000;
		font:						11px Verdana, Arial, Helvetica, sans-serif;
		background-color:			#fff;
		text-align:					left;
}

.money {
		text-align:					right;
}

.bold {
		font-weight:				bold;
}

.chkbx {
	border: 							none;
	background: 					transparent;
}
.check_type2 {
	border: 							none;
}
#float_left {
		float:						left;
}

.Profil {
		cursor:						pointer;
		margin:						0 0 0 10px;
		float:						left;
		font:							bold 12px Verdana;
}

.Quitter {
		float:						left;
		cursor:						pointer;
}

/*
*	LES BOUTONS
*/

/*
*	LES MINIS BOUTONS
*/
.btn_delete,
.btn_modify,
.btn_add {
	height:					17px;
	width:					21px;
	background:             url("../../images/addMini.png") 2px top no-repeat;
}

.btn_modify {
	background:             url("../../images/modifier_mini.png") 0px top no-repeat;
}

.btn_delete {
	background:             url("../../images/delMini.gif") 2px top no-repeat;
}

/*
*	FIN DES MINIS BOUTONS
*/

/*
*	LES BOUTONS MOYENS
*/
.btn_deleteMed,
.btn_modifyMed,
.btn_addMed {
	height:						20px;
	width:						25px;
	background:             #fff url("../../images/addMini.png") 3px top no-repeat;
}

.btn_modifyMed{
	background:             #fff url("../../images/modifier_mini.png") 3px 1px no-repeat;
}

.btn_deleteMed {
	background:             #fff url("../../images/deleteMed.png") 3px top no-repeat;
}

/*
*	FIN DES BOUTONS MOYENS
*/

/*
*	LES BOUTONS NORMAUX
*/
.btn_agence,
.btn_annuler,
.btn_valider,
.btn_dossier,
.btn_public,
.btn_supprimer,
.btn_imprimer,
.btn_dupliquer,
.btn_profil,
.btn_modifier {
	background:             url("../../images/modifier.png") 15px top no-repeat;
	font:							bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:						navy;
	height:						50px;
	width:						70px;
	padding:						35px 0 0 0px;
	margin:						0px 0 0 0px;
	float:						left;
	text-align:					center;
	border: 						none;
	cursor:						pointer;
}

.btn_dupliquer {
	background:             url("../../images/dupliquer.png") 15px top no-repeat;
	border: 						none;
}

.btn_imprimer {
	background:             url("../../images/imprimer.png") 15px top no-repeat;
	border: 						none;
}

.btn_supprimer {
	background:             url("../../images/poubelle.png") 15px top no-repeat;
	border: 						none;
}

.btn_public {
	background:             url("../../images/dossier_public.png") 15px top no-repeat;
	border: 						none;
}

.btn_dossier {
	background:             url("../../images/dossier.png") 18px top no-repeat;
}
.btn_dossiers {
	background:             url("../../images/dossiers.png") 18px top no-repeat;
}
.btn_valider {
	background:             #fff url("../../images/valider.gif") 0px top no-repeat;
}

.btn_annuler {
	background:             #fff url("../../images/annuler.gif") 0px top no-repeat;
}

.btn_agence {
	background:             #fff url("../../images/agence.gif") 0px top no-repeat;
}
/**
*
*	LES BOUTONS DE LA PAGE
*
*/
.bien_btn_modifier {
	background:          #fff url("../../images/modifier.gif") center top no-repeat;
	font:						bold 0.6em Verdana, Arial, Helvetica, sans-serif;
	color:					#a6746b;
	height:					37px;
	width:					70px;
	padding:					15px 0 0 0px;
	margin:					0px 0 0 0px;
	float:					left;
	text-align:				center;
}

.btn_selectionner,
.btn_deselectionner,
.btn_quitter {
	background:				url("../../images/btn_importer.jpg") top left no-repeat;
	font:						bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:					#fff;
	padding:					0px 0 0 0px;
	margin:					0px 3px 0 0px;
	text-align:				center;
}

.btn_accueil {
	float:					right;
	background:				#fff url("../../images/home.png") 0px top no-repeat;
	font:						bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:					#a6746b;
	padding:					0px 0 0 0px;
	margin:					0px 3px 0 0px;
	text-align:				center;
	width:					25px;		
}

.btn_impressionSpeciale {
	text-align:				center;
	width:					175px;
	background:				#fff;
	font:						bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:					#333;
	border:					outset 1px #333;
}

.bien_btn_modifier {
	height:					25px;
	width:					30px;
}

.btn_modifier_mini {
	background:             #fff url("../../images/modifier_mini.png") 0px top no-repeat;
	color:					#a6746b;
	height:					14px;
	width:					20px;
	float:					left;
	text-align:				center;
}

.btn_importer {
	font:					bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:					#a6746b;
	padding:				0px 0 0 0px;
	margin:					0px 0 0 0px;
	height:					20px;
	float:					left;
	text-align:				center;
}

.btn_nouveauPassif{
	background:          transparent;
	font:						bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:		underline;
	cursor:					pointer;		
	color:					#a6746b;
	height:					20px;
	border:					0px;
	text-align:				center;
}

.btn_supprimerPassif, .btn_precedent, .btn_suivant{
	background:          url("../../images/poubelle.gif") 0px top no-repeat;
	cursor:					pointer;
	height:					20px;
	width:					20px;
	border:					0px;
	margin:					0 5px 0 5px;
	text-align:				center;
}

.btn_suivant {
	background:          url("../../images/suivant.gif") 0px top no-repeat;
}

.btn_precedent {
	margin:					0 0 0 20px;
	background:             url("../../images/prec.gif") 0px top no-repeat;
}

.btn_validerPassif {
	margin:					0 5px 0 55px;
	font:						bold 10px Verdana;
}


.button_validate{
	float: left;
	width: 28px;
	height: 28px;
	background: url("../../images/button-validate.png") no-repeat;
}
.button_validate2{
	float: left;
	width: 20px;
	height: 17px;
	background: url("../../images/modifier_mini.png") bottom left no-repeat;
}
.button_modify{
	float: left;
	width: 28px;
	height: 28px;
	background: url("../../images/button-modify.png") no-repeat;
}
.button_delete{
	float: left;
	width: 28px;
	height: 28px;
	background: url("../../images/button-delete.png") no-repeat;
}


/*
*
*  NOUVEAU STYLE DE BOUTON PLUS LEGERS
*
*/
	 
.btn_nouveau,
.btn_validerNew,
.btn_supprimerNew,
.btn_importerNew,
.btn_importerNew2,
.btn_modifierNew,
.btn_annulerNew,
.btn_retour,
.button_pdf  {					 
	font:							bold 10px Verdana, Arial, Helvetica, sans-serif;
	color : 						#fff; 
	text-align: 				center;
}
  
.btn_validerNew {
	background: 				url("../../images/btn.jpg") no-repeat;
}				
			   
.button_pdf {
	background: 				url("../../images/print.png") no-repeat;
	height:						60px;
	width:						60px;
	margin:						0 0 0 15px;
}
.button_pdf2 {
	background: 				url("../../images/print2.png") no-repeat;
	height:						40px;
	width:						40px;
	float:						right;
}.button_rtf {
	background: 				url("../../images/btn_rtf.png") no-repeat;
	height:						40px;
	width:						40px;
	float:						right;
}
.btn_supprimerNew {
	background: 				url("../../../images/btn_supprimer.jpg") no-repeat;
	width: 						70px;
}																 

.btn_importerNew {
	background: 				url("../../images/btn_importer.jpg") no-repeat;
	width: 						190px;
}	   

.btn_importerNew2 {
	background: 				url("../../images/btn_supprimer.jpg") no-repeat;
	width: 						70px;
}	  

.btn_modifierNew {								   				 
	font:							9px Verdana, Arial, Helvetica, sans-serif;
	background: 				#fff;
	height:						14px;
	width: 						50px;
	color:						#333;
}	 

.btn_annulerNew {		
	background: 				url("../../images/btn.jpg") no-repeat;
}
		   
.btn_retour {					 
	background:     			#fff url("../../images/btn.jpg") 0px top no-repeat;
	width:						60px;
}				

.btn_nouveau {
	background:             #fff url("../../images/btn_supprimer.jpg") 0px top no-repeat;
}
		
.btn_retour_haut {					 
	background:     			url("../../images/back.png") 0px top no-repeat;
	height: 						40px;
	width:						40px;
	border: 						none;
	float:						right;
}						
 
.btn_accueil {
	float:						right;
	background:					url("../../images/home.png") 0px top no-repeat;
	font:							bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:						#a6746b;
	padding:						0px 0 0 0px;
	margin:						0px 3px 0 0px;
	text-align:					center;
	height: 						40px;
	width:						40px;
	border: 						none;
}  

.btn_quitter2,
.btn_quitter {
	background:					url("../../images/quitter.png") 0px top no-repeat;
	height: 						40px;
	width:						40px;
	border: 						none;
}

.btn_quitter {
	float:						right;
}

.btn_quitter2 {
	float:						left;
}
.btn_profil {
	background: 				url("../../images/profil.png") 15px top no-repeat;
	color:						#333333;
}

.btn_imprimerdossier{
	background:					url("../../images/btn_imprimer.png") 0px top no-repeat;
	height: 						40px;
	width:						40px;
	float:						right;
	border: 						none;
}

.btn_modifierPat {
	font:							bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:						navy;
	height:						40px;
	width:						60px;
	padding:						15px 0 0 0px;
	margin:						0px 0 0 0px;
	float:						left;
	text-align:					center;
	cursor:						pointer;
	background:             url("../../images/modifierPat.png") 20px top no-repeat;
	border: 						none;
}

.btn_supprimerPat {
	font:							bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:						navy;
	height:						40px;
	width:						70px;
	padding:						15px 0 0 0px;
	margin:						0px 0 0 0px;
	float:						left;
	text-align:					center;
	cursor:						pointer;
	background:             url("../../images/poubellePat.png") 20px top no-repeat;
	border: 						none;
}


/* Buttons 
- A button is a button element that contains several span elements for styling
*/
.button {
	margin:0;
	padding:0;
	border:none;
	background:transparent;
	font-weight:bold;
	font-size:100%;
	line-height:1.0;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;	
	cursor:pointer;
}
.button span {
	display:block;
	padding:0 0 0 6px;
	color:#fff;
	background-position:0 0;
	background-repeat:no-repeat;
}
.button:hover span,
.button:focus span,
.button:active span {background-position:0 -50px;}
.button span span {
	padding:6px 8px 9px 0;
	background-position:100% 0;
	font-size:12px;
	line-height:1.0;
}
.button:hover span span,
.button:focus span span,
.button:active span span {background-position:100% -50px;}

.btn-connect span {
	background-image: url("../../images/button-2bA.gif");
}
.btn-app span {
	background-image: url("../../images/button-2bA.gif");
}
.btn-pat span {
	background-image: url("../../images/button-2bA.gif");
}
.btn-lCli span {
	background-image: url("../../images/button-2bA.gif");
}
.btn-lCli1 span {
	background-image: url("../../images/button-2bA.gif");
}
.btn-valider span {
	background-image: url("../../images/button-2bA.gif");
}

.btn-validerhaut span {
	background-image: url("../../images/button-2bA.gif");
}
.btn-retour span {
	background-image: url("../../images/button-2bA.gif");
}

.btn-ajouterbien span {
	background-image: url("../../images/button-2bA.gif");
}

.btn-enleverconjoint {
	background-image: url("../../images/button-2bA.gif");
}
/*
*
*	FIN DES BOUTONS
*
*/

/*
*	La page de connexion
*/
.connect {
	width:						300px;
	height:						300px;
	background:					url(../../images/bg_connect.png) no-repeat;
	font:							italic 12px Verdana;
	color:						#333333;
	margin:						100px 0 0 350px;
	padding:						10px 0 0 20px;
}

.case_connect {
	float:						left;
	width: 						120px;
	margin:						10px 0 0 0;
}
.case_connect1 {
	float:						left;
	width: 						240px;
	margin:						20px 0 0 70px;
}

.clear {
	clear:						both;
}
/*
.validation-area {
	margin:						2px 0 0 100px;
}*/
 
/*
* 	Le menu de nono
*/ 

.conteneur_menu2{
	position:						relative;
	margin-top:						10px;
	margin-left:					330px;	
	height:							80px;
}
.conteneur_menu1{
	position:						relative;
	margin-top:						40px;
	margin-left:					180px;	
	height:							200px;
}
.menu2{
	position:						absolute;
	float:							left;
	text-align:						center;	
	margin-right:					20px;	
	font:								9px Verdana;
	color:							#000;
} 

/*
*	fin de la page de connexion
*/