@charset "utf-8";

/* CSS Document */

/************************************************************************************
froutout.
************************************************************************************/
.cache { display:none; }

.val_ok,
textarea.val_ok,
.val_ok option
{
	background-color:#8ABC3F;
	/*background-image : url("?req_style_img=fw_icones/checked_green.png");*/
	background-repeat:no-repeat;
	background-position : 100% 50%;
}

.val_ok option
{
	background-color:#8ABC3F;
	background-image:none;
	border:none;
}

.val_nok,
textarea.val_nok,
.val_nok option { background-color:#C33; /*border-color:#e4d6d6;*/
}

.grise,
td.grise,
tr.grise td { color:#777777; }

.options_affichage
{
	margin :10px;
	background-color:#ebf6e2;
	padding :10px;
	border :1px solid #AAAAAA;
}

input.date
{
	cursor:					pointer;
	font-size:				12px;
	height:16px;
	padding:				2px;
	text-align :right;
	padding-left:			15px;
	background-image:		url("?req_style_img=fw_icones/calendar.png");
	background-repeat:		no-repeat;
	background-position: 	2px 2px;
	/*extra*/
	border-radius:3px;
	-moz-border-radius:3px;
}

/************************************************************************************
bouton fonctionel standard
************************************************************************************/

button.editer,
input.editer
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/edit.png");
	background-repeat:		no-repeat;
	background-position:	center center;
	width:					18px;
	height:					18px;
	border:					none;
	padding:				0px;
	margin:					1px;
	vertical-align :middle;
}

button.supprimer,
input.supprimer
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/corbeille_off.png");
	background-repeat:		no-repeat;
	background-position:	-3px center;
	width:					18px;
	height:					18px;
	border:					none;
	padding:				0px;
	margin:					1px;
	vertical-align :middle;
}

button.supprimer:hover,
input.supprimer:hover { background-image:		url("?req_style_img=fw_icones/corbeille_on.png"); }


button.cs,
input.cs
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/cs_off.png");
	background-repeat:		no-repeat;
	background-position:	-3px center;
	width:					18px;
	height:					18px;
	border:					none;
	padding:				0px;
	margin:					1px;
	vertical-align :middle;
}

button.cs:hover,
input.cs:hover { background-image:		url("?req_style_img=fw_icones/cs_on.png"); }

button.cross,
input.cross
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/cross.png");
	background-repeat:		no-repeat;
	background-position:	center center;
	width:					18px;
	height:					18px;
	border:					none;
	padding:				0px;
	margin:					1px;
	vertical-align :middle;
}

button.cross:hover,
input.cross:hover { background-image:		url("?req_style_img=fw_icones/cross.png"); }

button.ajouter,
input.ajouter
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/plusvert.png");
	background-repeat:		no-repeat;
	background-position:	center center;
	width:					18px;
	height:					18px;
	border:					none;
	padding :1px 2px 1px 2px;
	margin:					1px;
	vertical-align :middle;
}

button.ajouter:hover,
input.ajouter:hover { background-image:		url("?req_style_img=fw_icones/plusvert-off.png"); }

button.ajouter_multi,
input.ajouter_multi
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/plus_multi.png");
	background-repeat:		no-repeat;
	background-position:	center center;
	width:					18px;
	height:					18px;
	border:					none;
	padding :1px 2px 1px 2px;
	margin:					1px;
	vertical-align :middle;
}

button.ajouter_multi:hover,
input.ajouter_multi:hover { background-image:		url("?req_style_img=fw_icones/plus_multi-off.png"); }

button.moins_rond,
input.moins_rond
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/moinsvert.png");
	background-repeat:		no-repeat;
	background-position:	center center;
	width:					18px;
	height:					18px;
	border:					none;
	padding :1px 2px 1px 2px;
	margin:					1px;
	vertical-align :middle;
}

button.moins_rond:hover,
input.moins_rond:hover { background-image:		url("?req_style_img=fw_icones/moinsvert-off.png"); }

button.selectionner,
input.selectionner
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/white-checkbox.png");
	background-repeat:		no-repeat;
	background-position:	center center;
	width:					18px;
	height:					18px;
	border:					none;
	padding :1px 2px 1px 2px;
	margin:					1px;
	vertical-align :middle;
}

button.selectionner:hover,
input.selectionner:hover { background-image:		url("?req_style_img=fw_icones/white-checkbox-active.png"); }

button.selectionner_action,
button.selectionner_action:hover,
input.selectionner_action,
input.selectionner_action:hover { background-image:		url("?req_style_img=fw_icones/white-checkbox-checked.png"); }

button.rechercher_droite,
input.rechercher_droite
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/fleche_recherche.png");
	background-repeat:		no-repeat;
	background-position:	-24px 1px;
	width:					24px;
	height:					24px;
	border:					none;
	padding :0px;
	margin:					0px;
	vertical-align :middle;
}

button.rechercher_droite:hover,
input.rechercher_droite:hover { background-position:	-24px -23px; }

input.envoi_mail,
button.envoi_mail
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/mails_envoyes_off.png");
	background-repeat:		no-repeat;
	background-position:	center center;
	width:					24px;
	height:					19px;
	border:					none;
	padding :1px 2px 1px 2px;
	margin:					1px;
	vertical-align :middle;
}

input.envoi_mail:hover,
button.envoi_mail:hover
{
	background-image:		url("?req_style_img=fw_icones/mails_envoyes_on.png");
	background-position:	center center;
}

input.bouton,
button.bouton
{
	border-bottom-color :#666666;
	border-top-color :#AAAAAA;
	border-right-color :#666666;
	border-left-color :#AAAAAA;
	padding :2px 10px 2px 10px;
	font-weight :bold;
	background-image : url("?req_style_img=fw_images/fond_bouton.png");
	background-repeat :repeat-x;
	background-position : top;
}

input.bouton:hover,
button.bouton:hover { background-color:#AAAAAA; }

input.bouton_editer,
button.bouton_editer
{
	border-bottom-color : #666666;
	border-top-color : #AAAAAA;
	border-right-color : #666666;
	border-left-color : #AAAAAA;
	padding : 2px 10px 2px 25px;
	font-weight : bold;
	background-image : url("?req_style_img=fw_icones/edit.png");
	background-repeat : no-repeat;
	background-position : 2px;
}

input.bouton_editer:hover,
button.bouton_editer:hover { background-color:#CCCCCC; }

button.comment_on,
input.comment_on
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/btn_comment_on.png");
	background-repeat:		no-repeat;
	background-position:            0px center;
	width:					18px;
	height:					18px;
	border:					none;
	padding:				0px;
	margin:					1px;
	vertical-align :middle;
}

button.comment_off,
input.comment_off
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/btn_comment_off.png");
	background-repeat:		no-repeat;
	background-position:                0px center;
	width:					18px;
	height:					18px;
	border:					none;
	padding:				0px;
	margin:					1px;
	vertical-align :middle;
}

/************************************************************************************
affichage des champs de formulaire.
************************************************************************************/

textarea.champ_texte
{
	width :99%;
	height :100px;
	border :1px solid #CCCCCC;
}

input.champ_texte { width :99%; }

input.champ_recherche
{
	font-weight :bold;
	background : url("?req_style_img=fw_icones/search.png");
	background-repeat:no-repeat;
	background-position : 99% 50%;
}

input.champ_selection
{
	font-weight :bold;
	background : url("?req_style_img=fw_icones/petite_fleche_noire_bas.gif");
	background-repeat:no-repeat;
	background-position : 99% 50%;
	padding-right:15px;
}

textarea.champ_texte:focus,
input.champ_texte:focus,
input.champ_recherche:focus
{
/*
	border-color:#888888;
	background-color:#e9eee4;
*/	
	border:1px solid #0055a9;
	background:#f2f7fb;

}

input.fichier_piece_jointe { background-color:#FFFFFF; }

/************************************************************************************
affichage des tableaux
************************************************************************************/

table.liste
{
	border : 1px solid #d2b7ac;
	border-bottom : none;
	margin-top : 2px;
	margin-bottom : 2px;
}

table.liste td
{
	padding : 4px;
	border-bottom : 1px dashed #CCCCCC;
}

table.liste tr { color :#333333; }

table.liste tr:hover
{
	background-color : #ebf6e2;
	color : #000000;
}

table.liste tr:hover td { border-bottom : 1px solid #AAAAAA; }

table.liste tr.titre_liste,
table.liste tr.titre_liste a
{
	background-color : #82cc95;
	text-transform : uppercase;
	color : #0055a9;
	font-weight : bold;
	text-align: center;
}

table.liste tr.titre_liste td { border-bottom : 0px solid #CCCCCC; }

table.liste tr.titre_liste { color : #000000; }

/********************************************/

table.table_form
{
	border : 1px solid #ff9900;
	background-color : #EEEEEE;
}

tr.diviseur td.l_titre
{
	height : 40px;
	font-weight : bold;
}

td.l_titre
{
	background-color :#EEEEEE;
	color :#0055a9;
	text-align :right;
	padding :2px;
	padding-right :10px;
	font-size :inherit;
	text-transform :uppercase;
}

table.selection { }

table.selection td
{
	padding :2px;
	border-top :1px dashed #CCCCCC;
}

table.selection td a
{
	display:block;
	outline:none;
}

table.selection tr { }

table.selection tr:hover
{
	background-color :#ebf6e2;
	color :#111111;
}

/************************************************************************************
pagination
************************************************************************************/

.pagination { height:20px; }

.pagination_data
{
	margin-top :5px;
	margin-bottom :5px;
	padding :2px;
	height :20px;
	border :1px solid #CCCCCC;
	display :block;
	float :left;
}

div.pagination_data a,
div.pagination_data .a
{
	margin :1px 2px 0 0;
	width :30px;
	line-height :18px;
	background :#EBEBEB;
	text-align :center;
	display :block;
	float :left;
	color :#555555;
}

.pagination_data .a { color:#CCCCCC; }

div.pagination_data .selected
{
	color :#000;
	font-weight :bold;
	background :#71c138;
}

div.pagination_data a:hover { background :#abc19c; }

/************************************************************************************
gestion module
************************************************************************************/

.module_edite
{
	border-top :1px solid #CCCCCC;
	border-right :1px solid #CCCCCC;
	border-bottom :1px solid #DDDDDD;
	border-left :1px solid #DDDDDD;
	background-color :#F0F0F0;
	margin-top :3px;
	margin-bottom :5px;
	padding :0px;
	text-transform :none;
	font-size :10px;
	text-align :center;
}

.module_edite .soustitre
{
	display :block;
	text-align :left;
	margin-bottom :0px;
	padding-left :5px;
	color :#999999;
}

.module_edite:hover,
.module_edite:hover h1 { background-color :#E0EAD7; }

.module_edite h1
{
	font-size :13px;
	margin :0px;
	margin-bottom :5px;
	padding :3px;
	padding-bottom :5px;
	padding-left :10px;
	display :block;
	line-height :inherit;
	text-align :left;
	font-family :"Courier New", Courier, monospace;
}

.module_edite h1 .nom_module
{
	width :50%;
	float :right;
	text-align :right;
	color :#0055a9;
	text-transform :uppercase;
	font-size :10px;
}

.module_edite h1 .nom_module input { width:75%; }

.module_edite input,
.module_edite select
{
	background-color :#FFFFFF;
	border :1px solid #CCCCCC;
	padding :1px;
	font-size :inherit;
}

.module_edite td.l_titre
{
	padding :0px;
	padding-right :3px;
	background :none;
}

#module_liste li.tv_developpe
{
	border :1px #AAAAAA solid;
	list-style-image:		url("?req_style_img=fw_icones/fw_minus.png");
	list-style-position:	inside;
	background-color:		#D0D0D0;
	color:					#111111;
	padding:				3px;
	font-weight:			bold;
}

#module_liste li.tv_replie
{
	list-style-image:		url("?req_style_img=fw_icones/fw_plus.png");
	list-style-position:	inside;
	background-color:		#D0D0D0;
	color:					#0055a9;
	border :1px #AAAAAA solid;
	margin-bottom :2px;
	font-weight:			bold;
	padding:				3px;
}

#module_liste li.tv_replie:hover,
#module_liste li.tv_developpe:hover { background-color:#82cc95; }

#module_liste li,
#module_liste ul
{
	list-style:		none;
	padding:		1px;
	text-transform:	uppercase;
}

#module_liste ul ul
{
	padding-left :10px;
	padding-bottom : 5px;
	margin-bottom : 5px;
	border-left : 1px dashed #999999;
	border-bottom : 1px dashed #999999;
	background-image : url("?req_style_img=fw_icones/fg20.png");
}

.green_valide,
div.green_valide { border:1px solid #00CC33; }

/************************************************************************************
gestion des groupes
************************************************************************************/

input.ajout_groupe_bouton
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/plusvert-off.png");
	background-repeat:		no-repeat;
	width:					20px;
	height:					20px;
	border:					none;
	padding:				0px;
	margin:					0px;
}

input.ajout_groupe_bouton:hover { background-image:		url("?req_style_img=fw_icones/plusvert.png"); }

input.sup_groupe_bouton
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/corbeille_off.png");
	background-repeat:		no-repeat;
	background-position: 	-1px 0px;
	width:					20px;
	height:					20px;
	border:					none;
	padding:				0px;
	margin:					0px;
}

input.sup_groupe_bouton:hover { background-image: url("?req_style_img=fw_icones/corbeille_on.png"); }

/************************************************************************************
gestion droit
************************************************************************************/

button.droits,
input.droits
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/icone-droit.gif");
	background-repeat:		no-repeat;
	background-position:	center center;
	width:					18px;
	height:					18px;
	border:					none;
	padding:				0px;
	margin:					1px;
	vertical-align :middle;
}

button.droits:hover,
input.droits:hover { background-image:		url("?req_style_img=fw_icones/icone-droit.gif"); }

input.date_droit
{
	cursor:					pointer;
	font-size:				10px;
	padding:				1px;
	padding-left:			16px;
	background-image:		url("?req_style_img=fw_icones/calendar.png");
	background-repeat:		no-repeat;
	background-position: 	-1px -1px;
}

input.droit,
select.droit
{
	font-size:	10px;
	padding:	1px;
	width:		95%;
}

input.sup_droit_bouton
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/corbeille_off.png");
	background-repeat:		no-repeat;
	background-position: 	-1px 0px;
	width:					20px;
	border:					none;
	padding:				0px;
	margin:					0px;
}

input.ajout_droit_bouton
{
	cursor:					pointer;
	background:				none;
	background-image:		url("?req_style_img=fw_icones/plusvert-off.png");
	background-repeat:		no-repeat;
	width:					20px;
	height:					20px;
	border:					none;
	padding:				0px;
	margin:					0px;
}

input.ajout_droit_bouton:hover { background-image:url("?req_style_img=fw_icones/plusvert.png"); }

input.sup_droit_bouton:hover { background-image:url("?req_style_img=fw_icones/corbeille_on.png"); }

select.heure_minute,
select.heure_minute option { font-size:10px; }

.droit_liste
{
	margin-top:		5px;
	border-top:		1px solid #DDDDDD;
	border-right:	1px solid #DDDDDD;
	border-bottom:	1px solid #DDDDDD;
	border-left:	1px solid #DDDDDD;
}

table.droit td
{
	border-top: 	1px solid #EFEFEF;
	border-right: 	1px solid #EFEFEF;
	border-left: 	1px solid #DDDDDD;
	padding-top:	4px;
	padding-bottom:	4px;
	padding-left:	2px;
	padding-right:	2px;
	font-size:		10px;
}

table.droit tr
{
	background-color:	#ebf6e2;
	color:				#333333;
}

/************************************************************************************
GUI - pour les styles des elements voir : jxtheme.css
************************************************************************************/
.fw_box_cont
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.tab_conteneur
{
	border : 1px solid #888888;
	border-top : 0px;
	padding : 2px;
	padding-top : 10px;
}

.jxDialogContent
{
	background-color : #FFF;
	background-image : url("?req_style_img=fw_images/fond_box.png");
	background-repeat : repeat-x;
	background-position : top;
	text-align : center;
	padding : 10px;/*font-size:14px;*/
}

.jxDialogModal
{
	opacity: .5;
	-ms-filter: "Alpha(opacity=50)";
}

.jxMenuContainerFixed { position:fixed; }

.jxDialogContentContainer { font-size:12px; }