body  {
	background-color : white;
}

.item  {
	margin 			: 5;
	font-family		: Arial,Helvetica,sans-serif;
	color 			: navy;
	text-decoration : none;
	font-size 		: normal;
}

.itemCarte  {
	margin 			: 5;
	font-family		: Arial,Helvetica,sans-serif;
	color 			: navy;
	text-decoration : none;
	font-size 		: normal;
	text-align		: left ;
}


.itemetat  {
	margin : 5;
	font-family : Arial,Helvetica,sans-serif;
	color : navy;
	text-decoration : none;
	font-size : 8pt;
}

.relief  {
	margin : 5;
	font-family : Arial,Helvetica,sans-serif;
	color : red;
	font-size : normal;
}

.pitem  {
	margin 5; 
	font 			: Arial,Helvetica,sans-serif;
	color 			: darkblue;
	text-decoration : none;
	font-size 		: normal;
}

.title  {
	font-family : Arial,Helvetica,sans-serif;
	text-align : center;
	color : darkblue;
	font-size : x-large;
	text-decoration : none;
	font-family : Arial;
}

.style_tableau_ligne  {
	margin : 5;
	font : Arial,Helvetica,sans-serif;
	color : navy;
	text-decoration : none;
	font-size : normal;
    vertical-align : middle
}

.tabcellleft  {
	font-family : Arial,Helvetica,sans-serif;
	font-size : medium;
	text-align : right;
	color : maroon;
}

.tabcellcenter  {
	font-family : Arial,Helvetica,sans-serif;
	font-size : medium;
	text-align : center;
	color : maroon;
}

.tabcelcent2  {
	font-family : Arial,Helvetica,sans-serif;
	font-size : large;
	text-align : center;
	color : blue;
}

.tabcellcenterTab  {
	font-family : Arial,Helvetica,sans-serif;
	font-size : x-large ;
	text-align : center;
	color : blue;
}

.tabcellright  {
	margin : 5;
	font-family : Arial,Helvetica,sans-serif;
	font-size 	: large;
	text-align 	: left;
	color 		: darkblue;
}

.tabcellCenterBlue  {
	margin 		: 5;
	font-family : Arial,Helvetica,sans-serif;
	font-size 	: large;
	text-align 	: middle;
	color 		: blue;
}

.tabcellTitrePetit  {
	margin 		: 10;
	font-family : Arial,Helvetica,sans-serif;
	font-size	: 20px;
	text-align 	: center;
	color 		: blue;
}

.tabcellTitreGrand  {
	margin 		: 10;
	font-family : Arial,Helvetica,sans-serif;
	font-size	: 45px;
	text-align 	: center;
	color 		: blue;
}

.tabcellTitre  {
	margin 		: 10;
	font-family : Arial,Helvetica,sans-serif;
	font-size	: 30px;
	text-align 	: center;
	color 		: blue;
}

.tabcellTitreNoir  {
	margin 		: 0;
	font-family : Arial,Helvetica,sans-serif;
	font-size	: 30px;
	color 		: black;
}

.sautLigne5  {
	margin : 10;
	font-family : Arial,Helvetica,sans-serif;
	font-size	: 25px;
	text-align 	: center;
	color 		: darkblue;
}

H1  {
	text-align : center;
    color : blue;
}
H2  {
	text-align : center;
    color : red;
}
TH  {
	text-align : left;
    color : red;
}

.TD  {
	text-align : center;
}

/*
TABLE  {
	align : left;
    width: %100;
}
*/

TH1  {
	  // text-align : left;
    color : red;
}

.divGenPass  {
	  // text-align : left;
		color : red ;
}

.tableAdresse {
	
	// table-layout  		: fixed  ;
	// align         		: center ;
	border-collapse		: collapse;
		// width	  		: %30;
	 width       		: 930px;
	border        		: 1px solid black;
	
	/*
	position			: absolute;
    top 				: 350px;
	// top : %50;
    left				: 269px;
	// */
	
	position			: relative;
    top 				: -65px;
	// top : %50;
    left				: 0px;
	
}

.tdAdresseTitre  { 
		border 	: 2px solid blue;
		padding	: 2px;
		// width		: 10%;		
}


.tdAdresseColonne1  { 
		border 		: 1px solid black;
		padding		: 2px;
		font-size	: 16px;	
		// width  		: 300px;
		width		: 10%;		
}

.tdAdresseColonne2  { 
		border 		: 0px solid black;
		padding		: 2px;
		font-size	: 16px;	
		// width  		: 300px;
		width		: 10%;		
}

.tdAdresseColonne  { 
		border 		: 1px solid black;
		padding		: 2px;
		font-size	:25px;	
		// width  		: 300px;
		// width		: 10%;		
}

.tableSalarie {
	
	// table-layout  : fixed  ;
	// align         		: center ;
	 border-collapse		: collapse;
	// height					: 100px; /* hauteur */
    // width		 	 		: %58;
	width         			: 350px;
	 border        			: 2px solid black;
	 padding       	        : 10px; /* espacement intérieur */
    // margin				: auto;
	// position				: absolute;
    // top 					: 170px;
	// top : %50;
    // left					: 845px;
	 position	: relative;
    top 					: 0px;
	// top : %50;
    left					: 0px;
}

.tdSalarieTitre  { 
		// border 	: 1px solid black;
		// border		: thin solid #6495ed;
		
		border		: 2px solid #6495ed;
		padding		: 2px;
		text-align	: center;
		
}
.trSalarieLign  { 

		// border		: thin solid #6495ed;
		border		: 1px solid black;
		padding		: 10px;
		text-align	: left;	
}

.tdSalarieLign  { 
		// border 	: 1px solid black;
		// border		: thin solid #6495ed;
		border		: 1px solid black;
		
		padding		: 3px;
		text-align	: left;	
}

.tableMail {
	
	// table-layout  : fixed  ;
	align         		: center ;
	border-collapse		: collapse;
    // width		  		: %100;
	 width         		: 350px;
	border        		: 1px solid black;
	
	/*
	position			: absolute;
     top 				: 160px;
	// top : %50;
     left				: 720px;
	// */
	
	 position	: relative;
    top 					: -175px;
	// top : %50;
    left					: 370px;
	
}

.tdMailTitre  { 
		border 	: 2px solid blue;
		padding	: 2px;	
}


.tdMail  { 
		border 	: 1px solid green;
		padding	: 2px;	
}

.tableCTP {
	
	// table-layout  : fixed  ;
	align         		: center ;
	border-collapse		: collapse;
    width		  		: %100;
	// width         		: 100px;
	border        		: 1px solid black;

	/* 
	position			: absolute;
    top 				: 550px;
	// top : %50;
    left				: 900px;
	// */
	
	position	: relative;
    top 				: -160px;
	// top : %50;
    left				: 585px;	
}

.tdCTPTitre  { 
		border 		: 1px solid green;
		padding		: 1px;
		font-size 	: 20px;
		padding		: 5px;
		
}

.tdCTP  { 
		border 	: 1px solid green;
		padding	: 1px;
		
}

.tdBoutonCliquezICI  { 
		border 	: 0px solid green;
		padding	: 1px;
		
}

.btnconnect  { 

background-color: #40c781;
border-radius: 3px; /* Coins arrondis */
border-bottom: 2px solid #35a76e; /* Petite bordure en bas du bouton */
text-align: center; /* Centrer le texte */
		
}

.btnconnect:hover  { 

background-color: #34a46c; /* On modifie la couleur du fond au passage de la souris */
		
}

.tableIban {
	
	 // table-layout  		: fixed  ;
	align         		: center ;
	 border-collapse	: collapse;
    // width		  	: %100;
	width         		: 300px;
	border        		: 1px solid black;
	
	/* position			: absolute;
    top 				: 550px;
	// top : %50;
    left				: 266px;
	// left				: 1400px;	
	// */
	
	position			: relative;
    
	top 				: -260px;
	// top : %50;
    left				:  0px;
	// */
	
	/*
	position			: relative;
    top 				: 0px;
	// top : %50;
    left				: 0px;
	// */
}

.tableBenefiaire {
	
	// table-layout			: fixed  ;
	
	align         		: center ;
	border-collapse		: collapse;
    // width		  		: %50;
	 width         		: 800px;
	border        		: 1px solid black;
	
	/* 
	position			: absolute;
    top 				: 700px;
	// top : %50;
    left				: 266px;
	// */
	
	position			: relative;
    top 				: -280px;
	// top : %50;
    left				: 0px;
	
}

.tableMotDePAsse {
	
	// table-layout  : fixed  ;
	align         		: center ;
	border-collapse		: collapse;
    width		  		: %100;
	// width         		: 100px;
	border        		: 1px solid black;
	
	/*
	position			: absolute;
    top 				: 950px;
	// top : %50;
    left				: 266px;
	// */
	
	position			: relative;
    top 				: -280px;
	// top : %50;
    left				: 0px;
	
}

.tableTraitBasdePage {
	
	// table-layout  : fixed  ;
	align         		: center ;
	// border-collapse		: collapse;
    // width		  		: %100;
	width         		: 800px;
	border        		: 1px solid black;
	
	/*
	position			: absolute;
    top 				: 950px;
	// top : %50;
    left				: 266px;
	// */
	
	position			: relative;
    top 				: -250px;
	// top : %50;
    left				: 0px;
	
}

.tableMenuSalarieConnexion {
	
	/*
	// table-layout  : fixed  ;
	align         		: center ;
	border-collapse		: collapse;
    width		  		: %100;
	// width         		: 100px;
	border        		: 1px solid black;
	// */
	
	font-size 			: 22px;
	
	/*
	position			: absolute;
    top 				: 200px;
	// top : %50;
    left				: 300px;
	// */
	
	
	position			: relative;
    top 				: 0px;
	// top : %50;
    left				: 300px;

}

.tableformAuthentificationIdent {
	
	width         		: 500px;
	border        		: 0px solid blue;	
	
	
	/*
	position			: relative;
    top 				: 50px;
		
    left				: 0px;
	// */
	
	/*
	position			: relative;
    top 				: 0px;
	// top : %50;
    left				: 300px;
	// */

		/*
	// table-layout  : fixed  ;
	align         		: center ;
	border-collapse		: collapse;
    width		  		: %100;
	width         		: 100px;
	border        		: 1px solid black;
	// */

}

.tdformAuthentificationIdent {
	
	font-family 	: Arial,Helvetica,sans-serif;
	font-size 		: medium;
	text-align 		: left;
	color 			: navy;
}

.debugCTP1 {
		color : red;
		position			: absolute;
		// position	: relative;
		top 				: 50px;
		// top : %50;
		left				: 1300px;
	
}

.debugCTP2 {
		color : red;
		position			: absolute;
		// position	: relative;
		top 				: 160px;
		// top : %50;
		left				: 1450px;
	
}

.debugCTP3 {
		color : blue;
		position			: absolute;
		// position	: relative;
		top 				: 200px;
		// top : %50;
		left				: 1500px;
	
}

.essai {
	background-color:#2ecc71;
}

.titreEntreprise {
	
	position: absolute;
	// position: relative;
    top : 200px;
	// top : %50;
    left: 950px;

}
.titreModifAdresse {
		// border 		: 1px solid black;
		padding		: 2px;
		font-size	: 18px;	
		 background-color:#5FF500;
		// width  		: 300px;
		// width		: 10%;		
}

.tdCTPCommandPasOk {
		// border 		: 1px solid black;
		padding		: 2px;
		font-size	: 18px;	
		 background-color:#5FF500;
		 color : #AE0349;
		// width  		: 300px;
		// width		: 10%;		
}

.tdCTPmenuImprim {
		// border 		: 1px solid black;
		padding		: 2px;
		font-size	: 18px;	
		 background-color:#5FF500;
		 color : #AE0349;
		// width  		: 300px;
		// width		: 10%;		
}

.formRecevoirIdentMail {
	
	
	position: absolute;
	// position: relative;
    top : 200px;
	// top : %50;
    left: 950px;
	
	// */
	
	position		: relative;
    top 			: 0px;
	// top : %50;
    left			: 0px;

}

.marge0 {
margin-left: 0em;
}

.marge1 {
margin-left: 1em;
}

.marge2 {
margin-left: 2em;
}

.marge3 {
margin-left: 3em;
}

.marge4 {
margin-left: 4em;
}

.marge10px {
margin-left: 10px;
}

.marge15px {
margin-left: 15px;
}

.marge20px {
margin-left: 20px;
}

.marge30px {
margin-left: 30px;
}

.marge35px {
margin-left: 35px;
}

.marge40px {
margin-left: 40px;
}


.marge60px {
margin-left: 60px;
}
.marge70px {
margin-left: 70px;
}

.marge72px {
margin-left: 72px;
}

.marge90px {
margin-left: 90px;
}

.tdformRecevoirIdentMail {
		border 				: 0px solid black;
		text-align			:center;
		padding				: 1px;
		font-size			: 13px;
		font-family			: Arial ;
		// background-color	:#008080;
		// color				: white;
		color				: blue;
		font-weight			: bold;
		height				: 25px;
		text-align			: center;
		cursor				: pointer;
		// color 				: #AE0349;
		// width  				: 300px;
		// width				: 10%;		
}

.tdformRecevoirIdentMailGrand {
		border 				: 0px solid black;
		text-align			:center;
		padding				: 1px;
		font-size			: 20px;
		font-family			: Arial ;
		// background-color	:#008080;
		// color				: white;
		color				: blue;
		font-weight			: bold;
		height				: 25px;
		text-align			: center;
		cursor				: pointer;
		// color 				: #AE0349;
		// width  				: 300px;
		// width				: 10%;		
}

.tdformGenererMdP {
		border 				: 0px solid black;
		text-align			:center;
		padding				: 1px;
		font-size			: 13px;
		font-family			: Arial ;
		cursor				: pointer;
		// background-color	:#FF0000;
		background-color	:#cc0000 ;
		// background-color	: #D24dff;
		color				: white;
		font-weight			: bold;
		height				: 25px;
		valign				: middle ;
		// color 				: #AE0349;
		// width  				: 300px;
		// width				: 10%;		
}

.imageVoirMdP {
		
		background			: url('images/OeilMotdePasse20240317T2.png');
		background-position	: center;
		background-repeat	: no-repeat;
		background-size		: 30px;
		// background-position	: bottom;
		width				: 40px;
		height				: 25px;
		// position			: bottom;
}

.buttonConnexion {
  background-color	: transparent;
  border			: 2px solid #3498db;
  color				: #3498db;
  padding			: 10px 20px;
  font-size			: 30px;
  cursor			: pointer;
  border-radius		: 5px;
  transition		: background-color 0.3s, color 0.3s;
  outline			: none;
  valign			: middle ;
  padding			: 15px 20px;
  width				: 200 px;
}

/* Effet hover */
.buttonConnexion:hover {
  background-color: #3498db;
  color: #fff;
}

/*
		#monForm > input[type="submit"] {
			width: 10rem;
			height: 10rem;
			background-image: url(https://i.imgur.com/CeJU3mO.png);
			background-repeat: no-repeat;
			color: red;
			font-size: 2rem;
		}
// */