body {	
        padding:                	0px;
		  margin:						0px;
		  background: 					url(../../images/bg1.png) repeat-x;
}

#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) 3px 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 Verdana, Arial, Helvetica, sans-serif;
        padding:                	0px 0px 5px 8px;
		  color:							#333333;
}

.h3bis {
		  text-decoration: 				none;
		  color:								#000;
        	background:             	url(../../images/puceEspB.gif) 0px 20px 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;
	background:             	url("../../images/pied.png") 0px 3px no-repeat;
}

.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:						green;
}

.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;
}

.check_type2,
.chkbx {
		background-color:			transparent;
		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:					15px;
	width:					21px;
	background:             url("../../images/addMini.gif") 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.gif") 3px top no-repeat;
}

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

.btn_deleteMed {
	background:             #fff url("../../images/deleteMed.gif") 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:					170px;
	background:				url("../../images/btn_importer.jpg") top left no-repeat;
	font:						bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:					#fff;
}

.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_validerPassif, .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 60px;
	background:             url("../../images/prec.gif") 0px top no-repeat;
}

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


.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_pdf3 {
	background: 				url("../../images/print3.png") no-repeat;
	height:						40px;
	width:						40px;
	float:						right;
}
.button_pdf4 {
	background: 				url("../../images/print4.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:							8px Verdana, Arial, Helvetica, sans-serif;
	background: 				url("../../images/btn_supprimer.jpg") no-repeat;
	height:						14px;
	width: 						50px;
}	 

.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;
	
}
/*Modif. le 10 juin 2009
Création de la classe btn_ajoutLigne appliquée aux boutons ajout ligne de la page baremes.php
*/
.btn_ajoutLigne {				
	background:					#fff url("../../images/btn_ajoutLigne.jpg") 0px top no-repeat;
	font:						bold 10px Verdana, Arial, Helvetica, sans-serif;
	color : 					#fff; 
	text-align: 				center;
}
		
.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;
}

.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-color:#666;
	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-color: #fff;
	background-image: url("../../images/button-2bA.gif");
}
.btn-app span {
	background-color: #fff;
	background-image: url("../../images/button-2bA.gif");
}
.btn-pat span {
	background-color: #fff;
	background-image: url("../../images/button-2bA.gif");
}
.btn-lCli span {
	background-color: #fff;
	background-image: url("../../images/button-2bA.gif");
}
.btn-lCli1 span {
	background-color: #fff;
	background-image: url("../../images/button-2bA.gif");
}
.btn-valider span {
	background-color: #fff;
	background-image: url("../../images/button-2bA.gif");
}

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

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

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

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

.case_connect {
	float:						left;
	width: 						120px;
	margin:						2px 0 0 0;
}

.texteAccueil {
	margin: 						50px 0 0 300px;
	text-align: 				justify;
	font: 						11px Verdana;
	color: 						#666;
	height:						60px;
	width:						350px;
}

.clear {
	clear:						both;
}
/*
.validation-area {
	margin:						2px 0 0 100px;
}*/
/*
*	fin de la page de connexion
*/