@charset "UTF-8";

 /*==========================================================
 Le code contenu dans ces fichiers et l'ensemble de l'application dont il fait partie, images , logotype et icones inclus.
 est la propriété intellectuelle inaliénable et inaltérable de Jean-Louis GAZAIX
 Ce logiciel a été offert pour un libre usage à l'association Solidarité et Partage, il ne peut faire l'objet d'aucune exploitation à titre onéreux.
 L'ensemble des codes et fichiers ainsi que les concepts qu'il met en oeuvre ne peuvent faire l'objet
 d'aucune copie partielle ou totale à des fins commerciales ou donnant lieu à rétributions et perceptions de droits de quelque nature que ce soit.
 Il ne peut être copier et reproduit voire modifié, totalement ou partiellement, ni être communiqué à tout autre organisation pour en faire usage.
 L'auteur décline toute responsabilité en cas de perte de données ou de dommages colatéraux pouvant être associés de près ou de loin à l'usage du présent logiciel.
 La modification ou l'altération des fichiers et concepts est de la seule responsabilité de celui qui les effectue et dégage l'auteur de toute responsabilité sur les causes et effets
 que le logiciel pourrait entraîner.
 Fait pour valoir ce que de droit
Jean-Louis GAZAIX - JLG (C) 2015 - Jihelge (C) 2015 -
Jean-Louis GAZAIX - JLG (C) 2016 - Jihelge (C) 2016 -
 =============================================================*/

/************************************************************
/* liens 
/************************************************************/
a:link
{ 
	color: #ffffaa; 
}
a:link:hover
{ 
	color: #ffcc00; 
}

a:visited 
{ 
	color: #4f4f4f;
}
 a:visited:hover 
 { 
	color: #ffcc00; 
}

/************************************************************
/* DIVISON
/************************************************************/
	
div#container { 
	position	: 	absolute;/*absolute;  le paramètre position: relative permet de positionner les deux encadrés par rapport à ce conteneur */
	left		:	100px	;
	top			:	0px		;
	width		: 	1024px	;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	height		: 	2000px	;
	background	:	#FFF3C7	;
	margin		: 	0 auto	; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	z-index		:	-255	;
	
	text-align	: 	left	; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
} 

div#header { 
	position	:	absolute;
	left		:	0px		;
	top			:	0px		;
	height		: 	210px	; /* si l'ordre du code source est modifié pour les colonnes, il est conseillé d'attribuer une hauteur à l'en-tête afin d'obtenir une valeur prévisible pour les colonnes */
	width		: 	1024px	;
	border		:	none	;
	border-radius	:	0px	;
	} 
	
div#titre_menu { 
	position		:	absolute;
	left			:	0px		;
	top				:	130px	;
	height			: 	50px	; /* si l'ordre du code source est modifié pour les colonnes, il est conseillé d'attribuer une hauteur à l'en-tête afin d'obtenir une valeur prévisible pour les colonnes */
	width			: 	1024px	;
	border			:	none	;
	background		:	none	;
	font-size		:	15px	;
	font-family		:	arial	;
	font-weight		:	bold	;
	color			:	#000000	;
	text-align		:	center	;
} 

div#contenu {
	position	: 	absolute	;
	left		:	0px			;
	top			:	250px		;
	height		:	750px		;
	width 		: 	1000px		;
	overflow	:	auto		;
	border		:	none		;
	padding		: 	5px 5px 0px 5px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous.
	Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
	border-radius	:	0px		;
	}
div#contenu_lettre {
	position	:	relativ		;
	top			:	300px		;
	width		:	800px		;
	padding		: 10px 10px 10px 10px;
	text-align	:	left		;
	background	:	#FFF3C7		;
	}
div#imprimable {
	position	: 	absolute	;
	left		:	0px			;
	top			:	250px		;

	width 		: 	1014px		;
	overflow	:	auto		;
	border		:	none		;
	padding		: 	5px 5px 0px 5px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous.
	Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
	border-radius	:	0px		;
	}
div#existantes
{
	position		: 	absolute	;
	left			:	0px			;
	top				:	20px		;
	height			:	250px		;
	width 			: 	450px		;
	overflow-y		:	auto		;
	overflow-x		:	hidden		;
	border			:	none		;
	padding			: 	5px 5px 0px 5px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous.
										Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
	border-radius	:	0px		;
}
div#fichier_choix
{
	position		: 	absolute	;
	left			:	5px			;
	top				:	20px		;
	height			:	250px		;
	width 			: 	450px		;
	overflow-y		:	hidden		;
	overflow-x		:	hidden		;
	border			:	none		;
	padding			: 	5px 5px 0px 5px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous.
										Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
	border-radius	:	0px		;
}
fieldset#cadreliste
{
	position		: 	absolute	;
	left			:	0px			;
	top				:	250px		;
	height			:	280px		;
	width 			: 	450px		;
	
}
fieldset#fichier_choisi
{
	position		: 	absolute	;
	left			:	500px		;
	top				:	250px		;
	height			:	280px		;
	width 			: 	400px		;
	
}
div#messages
{
	position		: 	absolute	;
	left			:	0px			;
	top				:	700px		;
	width			:	975px;
	height 			: 	30px		;
	overflow-y		:	auto		;
	overflow-x		:	hidden		;
	border			:	solid 1px		;
	padding			: 	5px 5px 0px 5px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous.
										Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
	border-radius	:	0px		;
}
div.liste {
overflow		:	auto	;
border			:	none	;
padding			: 	0px		;/*5px 5px 0px 5px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous.
Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
border-radius	:	none	;
background		:	none	;
}
div.page-commentaire
{
overflow			:	auto;
border				:	none;
padding				: 	0px	;/*5px 5px 0px 5px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous.
Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
color				: 	#000000;
border-radius		:	none;
background-color	:	#FFD22B;
}

div.close{
position			:	absolute	;
top					:	15px		;
left				:	1000px		;
z-index				:	300			;
background-image	: url("../images/close.png") 20px 20px;
background-repeat	: no-repeat		;
background-position	: right top		;
background-attachment: fixed		;
height				: 20px			;
width				: 20px			;

}
div.inclusion{
width				:	1010px	;
background-color	:	none	;
border				:	none	;
border-radius		:	0px		;
font-size			:	20px	;
font-family			:	arial	;
color				:	#000000	;
}
div.titre{
position			: 	absolute	;
top					:	150px		;
left				: 	0px			;
height				:	100px		;
width				:	1024px		;
background-color	:	#FFD22B		;
border				:	none		;
border-radius		:	0px			;
font-size			:	20px		;
font-family			:	arial		;
font-weight			:	bold		;
color				:	#000000		;
display				: 	table-cell	;
vertical-align		:	middle		;
text-align			: 	center		;

}
div.titre_lettre{

height				:	100px		;
width				:	800px		;
background-color	:	#FFD22B		;
border				:	none		;
border-radius		:	0px			;
font-size			:	20px		;
font-family			:	arial		;
font-weight			:	bold		;
color				:	#000000		;
display				: 	table-cell	;
vertical-align		:	middle		;
text-align			: 	center		;

}
div.footer{
position			:	absolute	;
top					:	1005px		;
left				:	0px			;
height				:	30px		;
width				:	1020px		;
background-color	:	#FFD22B		;
border				:	none		;
padding				:	2px 2px 2px 2px;
border-radius		:	0px			;
font-size			:	20px		;
font-family			:	arial		;
font-weight			:	bold		;
color				:	#000000		;

}
div.sensitive
{
	width				:	400px		;
	height				:	40px		;
	cursor				:	pointer		;
	background-color	:	#CCBA59		;
	border				:	none		;
	padding				:	5px 5px 5px 5px;
	border-radius		:	0px			;
	font-size			:	16px		;
	font-family			:	arial		;
	color				:	#000000		;
	text-align			:	center		;
	display				: table-cell	;
	vertical-align		:	middle		;
}
div.sensitive:hover
{
	background-color	:	#7F713D		;
	color				:	#ff0		;

}
/************************************************************
/* INPUT
/* Bouton et champs de formulaire
/************************************************************/
div.liens
{
	
}
input {
border 			: none				;
background 		: #CCBA59 			;/*#ffeecc	;*/
border			: none;
border-radius	: 0px				;
}
input:focus {
border 			: #ffeecc			;
background 		: #ffeecc			;
border-radius	: none				;
}
input:hover {
border 			: #ffeecc			;
background 		: #ffeecc			;
border-radius	: none				;
}
	
select {
border 			: none				;
background 		: #7F713D			;
border-radius	: 0px				;
}

select:hover{
color			: #0000ff			;
border 			: none				;
background		: #7F713D			;
}

select:focus{
color			: #0000ff			;
border 			: none				;
background		: #7F713D			;
}

input:hover{
color			: #0000ff			;
border:none;
}

input.file {
border 			: 	none	;
background 		: 	#CCBA59	;
border-radius	:	0px		;
}

input.login {
border 			: 	none	;
background 		: 	#CCBA59	;
border-radius	:	0px		;
}

input.login :focus {
background 		: #C0E0FF			;
border:none;
}

input.password {
border 			: 	none	;
background 		: 	#7F713D	;
border-radius	:	0px		;
}

input.password:focus {
border 			: 	none	;
background 		: 	#C0E0FF	;
border-radius	:	0px		;
}

input.bouton {
cursor				:	pointer	;
color				:	#000	;
height				:	30px	;
width				:	80px	;
padding				:	5px 5px	; 
border				:	none	;
background-color	:	#CCBA59	;
}
input.bouton:hover /*modification de l aspect */   
{
	color			: 	#ff0	;
	background		: 	#7F713D	; /* ... et au contraire, le fond en blanc */
	font-weight		: 	bold	;
	border				:	none	;
}
input.invisible {
/*cursor				:	pointer	;*/
color				:	none	;
height				:	30px	;
width				:	25px	;
padding				:	0px 0px	; 
border				:	none	;
background	:	none	;
}
input.invisible:hover /*modification de l aspect */   
{
	color			: 	none	;
	background: 	none	; /* ... et au contraire, le fond en blanc */
	font-weight		: 	bold	;
	border				:	none	;
}
input.etroit {
cursor				:	pointer	;
color				:	#fff	;
height				:	20px	;
width				:	80px	;
size				:	1		;
padding				:	1px 1px	; 
background-color	:	#CCBA59	;
}
input.etroit:hover /*modification de l aspect */   
{
	color			: #ff0		;
	background		: #234165	; /* ... et au contraire, le fond en blanc */
	border			: none		;
	font-weight		: bold		;
}
input.chckbx {
cursor				:	pointer	;
height				:	15px	;
width				:	15px	;
size				:	1		;
padding				:	1px 1px	; 
background-color	:	#CCBA59	;
}


input.imprime {
cursor				:	pointer	;
height				:	20px	;
padding				:	2px 2px	; 
background			:	none	;
color				:	#000000	;
border				:	dotted 1px #04ABE8;
}
input.imprime:hover /*modification de l aspect */   
{
	background		: #ddddff; /* ... et au contraire, le fond en blanc */
	border			: dotted 1px #ff0000;
}
/************************************************************
/* Tableaux
/* label, commentaires, fielset, legend
/************************************************************/
table.lettre{
	background		:	#FFD22B	;
}
}
table.liste{
	padding	:	1px 1px	1px 1px; 
	margin	:	0px 0px 0px 0px;
}
tr.liste{
	padding	:	1px 1px	1px 1px; 
	margin	:	0px 0px 0px 0px;
}
td.table_entete{
	background-color	:	#aaddff;
}
td.table_pied{
	background-color	:	#ff5500;
}

label { 
	width	: 15em;
	float	: left; 
 } 
 
 label.error { 
	float			: none;
	color			: red;	
	vertical-align	: top;
 }
 em{
	vertical-align 	: top;
 }
 
 
 .submit {
	margin-left		: 12em;
 }  

legend{
	border			:	none;
	color			: 	#000000;
	border-radius	:	0px;
}

/* bordure des fieldset */
fieldset#login{
	width			:	300px;
	border			:	none;
	border-radius	:	0px;
}
fieldset#header{
	position 		:	absolute;
	left			:	0px;
	width			:	1000px;
	margin			:	0 0;
	border			:	none;
	border-radius	:	0px;
}