/*
------------------------------------------------------------------------------
--Debut des nouveaux styles pour l ensemble de l application -----------------
------------------------------------------------------------------------------
*/

/* Styles pour le template principal */

.structure {
	width: 100%;
	text-align: left;
	vertical-align: top;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}
.structure2 {
	width: 100%;
	text-align: left;
	vertical-align: top;
	border-spacing: 0px;
	padding: 12px;
	margin: 0px;
}

.logo {	
	width: 220px;
	text-align: center;
	vertical-align: middle;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}


.main{
	width: 1250px;
	border: 0px;
	padding: 0px;
	margin: 0px;	
}

/* Style pour la colonne du menu contextuel */
.main_tr1{
	/*width: 1%;*/
}

/* Style pour la colonne du contenu */
.main_tr2{
	width: 100%;
	padding-left: 30px;
}

/* Styles pour le panel principal present dans toutes les pages */
.panelMainPage{
	width: 100%;
	border: none;
}

.panelMainPage_body{
	/*Bleu tres clair*/
	background-color:#FFFFFF; 
	/*padding: 5px;*/
}

.panelMainPage_header{
	background-color: #FFFFFF;
	background-image: none;
	color: #2CA4D9;
	border: none;
	border-bottom: 1px solid #B5B4B4;
	height: 19px;
	vertical-align: middle;
	padding-top: 5px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12pt; 
}

a.panelMainPage_header:Link {
	color: #605d5c;
}

.togglePanel{
	width: 99,5%;
	border: 1px solid;
	border-color: transparent;
	margin: 5px;
}

.togglePanel_body{
	/*Bleu tres clair*/
	background-color:#FFFFFF;
	color: #605d5c;
	overflow: visible;
}

.togglePanel_body_synthese {
	background-color: #FFFFFF;
	padding: 2px;
}

.togglePanel_header{
	/*Bleu gris clair*/
	background-color: #FFFFFF;
	background-image: none;
	color: #2CA4D9;
	border: none;
	border-bottom: 1px solid #B5B4B4;
	height: 19px;
	vertical-align: middle;
	padding-top: 5px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12pt; 
}

.subTogglePanel_header {
	background-color: #FFFFFF;
	background-image: none;
	color: #2CA4D9;
	border: none;
	border-bottom: 1px solid #B5B4B4;
	height: 19px;
	vertical-align: middle;
	padding-top: 5px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10pt;
}

.tabPanel{
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: none;
}

.tabPanel_active{
	color: #FFFFFF;
	height: 26px;		
	vertical-align: middle;
	font-weight: bold;
	font-family: arial, verdana, helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url("../img/degrades/tabPanelGray.png");
	border: none;
	font-size: 10pt;
	white-space: nowrap;
}

.tabPanel_inactive{
	color: #FFFFFF;
	height: 26px;
	vertical-align: middle;
	font-weight: bold;
	font-family: arial, verdana, helvetica, sans-serif;
	cursor: pointer;
	border: none;
	background-color: #FFFFFF;
	background-image: url("../img/degrades/tabPanelBlue.png");
	font-size: 10pt;
	white-space: nowrap;
}

.tabPanel_content{
	/*Bleu tres clair*/
	background-color:#FFFFFF;
	color: #605d5c;
	border: 1px solid;
	border-collapse: collapse;
	border-color: #E1E1E1;
	padding: 3px;
	font-size: 10pt;
}

.tabPanel_header{
	border: none;
}

.dataTable{
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.dataTable_border0{
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.extendedDataTable{
	background-color: #FFFFFF;
	/*
	width: 1070px;
	height: 600px;
	vertical-align: middle;
	text-align: center;
	*/
}

.extendedDataTable_header{
	background-color: #78C5EA;
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 3px;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
}

.extendedDataTable_row1{
	/*Bleu tres clair*/
	background-color: #EFEFEF;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 1px;
	padding: 1px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
	cursor: pointer;
	
}

.extendedDataTable_row1:HOVER {
	/*Bleu tres clair*/
	background-color:#A5CBFF;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 1px;
	padding: 1px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
}

.extendedDataTable_row2 {
	/*Blanc*/
	background-color:#FFFFFF;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 1px;
	padding: 1px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
}

.extendedDataTable_row2:HOVER {
	/*Blanc*/
	background-color:#A5CBFF;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 1px;
	padding: 1px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
}

.extendedDataTable_caption {
	border: 1px solid white;
}

.dataTable2{
	border: 1px outset;
	border-collapse: collapse;
	border-color:#D6D8DA;	
	vertical-align: middle;
}
.dataTable3{
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	width: 100%;
	vertical-align: middle;
	text-align:left;
}

.creerCompte{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	color: #0064A7;
	margin-bottom: 5px;
	
}

.loginGroup{
	vertical-align: middle;
	text-align: left;
	
}
.dataTable_column_center_descrition {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	vertical-align: center;	
	width: 5px;
}
.dataTable_header{
	background-color: #78C5EA;
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 3px;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
}

.dataTable_header_border0{
	background-color: #78C5EA;
	border: 0px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 3px;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
}
.dataTable_header_left{
	/*background-image: url("../img/grisDegrade.png");*/
	background-color: #78C5EA;
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 3px;
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: left;
}
.dataTable_header2{
	background-image: url("../img/grisDegrade.png");
	background-color: #95ADC9;
	border: 1px outset;
	border-collapse: collapse;
	border-color:#D6D8DA;
	margin: 0px;
	padding: 3px;
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	border-spacing: 0px;
	vertical-align: top;
	color: #FFFFFF;
	text-align: center;
}

.dataTable_footer{
	background-color: #78C5EA;
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 3px;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: right;
	font-weight: bold;
}
.dataTable_footer_border0{
	background-color: #78C5EA;
	border: 0px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 3px;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: right;
	font-weight: bold;
}
.dataTable_footer1{
	background-color: #E5E4E4;
	border: 1px outset;
	border-collapse: collapse;
	border-color:#D6D8DA;
	margin: 0px;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #5B5B5B;
	border-spacing: 0px;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
}

.dataTable_column{
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;	
	font-family: arial, verdana, helvetica, sans-serif;
	white-space: normal;
	vertical-align: middle;
}

.dataTable_column_border0{
	border: 0 px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;	
	font-family: arial, verdana, helvetica, sans-serif;
	white-space: normal;
	vertical-align: middle;
}

.dataTable_column1{
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;		
	font-family: arial, verdana, helvetica, sans-serif;
	white-space: normal;
	vertical-align: middle;
}

.dataTable_column_20{
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 20px;
	vertical-align: middle;
	text-align: center;
}
.dataTable_column_right_20{
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: right;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 20px;
	vertical-align: middle;
}
.dataTable_column_right_25{
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: right;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 25px;
	vertical-align: middle;
}

.dataTable_column_10{
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 10px;
	white-space: nowrap;
	vertical-align: middle;
}

.dataTable_column_40{
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 40px;
	white-space: nowrap;
	vertical-align: middle;
}

.dataTable_column_60{
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 60px;
	white-space: nowrap;
	vertical-align: middle;
}

.dataTable_column_action{
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 40px;
	vertical-align: middle;
	text-align: center;
}

.dataTable_column_left{
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: left;
	font-family: arial, verdana, helvetica, sans-serif;
	white-space: normal;
	vertical-align: middle;
}

.dataTable_column_right {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: right;
	font-family: arial, verdana, helvetica, sans-serif;
	white-space: normal;
	vertical-align: middle;
}
.dataTable_column_right111 {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
	vertical-align: middle;
	font-family: arial, verdana, helvetica, sans-serif;
	white-space: normal;
	height: 20px;
}

.dataTable_column_center111 {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	vertical-align: middle;
	font-family: arial, verdana, helvetica, sans-serif;
	white-space: normal;
}

.dataTable_column_right_345 {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: right;
	vertical-align: middle;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 345px;
	white-space: normal;
}

.dataTable_column_center {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: center;
	vertical-align: middle;	
	font-family: arial, verdana, helvetica, sans-serif;
	white-space: normal;
}
.dataTable_column_center_descrition {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: center;
	vertical-align: middle;
	width: 20px;
	white-space: normal;
}

.dataTable_row1{
	/*Bleu tres clair*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color: #EFEFEF;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 1px;
	padding: 1px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
}

.dataTable_row1:HOVER {
	/*Bleu tres clair*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color:#A5CBFF;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 1px;
	padding: 1px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
}

.dataTable_row2 {
	/*Blanc*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color:#FFFFFF;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 1px;
	padding: 1px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
}

.dataTable_row2:HOVER {
	/*Blanc*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color:#A5CBFF;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 1px;
	padding: 1px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
}
.dataTable_row3 {
	/*violet clair*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color:#F7EBFF;
	font-size: 9pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
}
.dataTable_row38 {	
	background-color:#EFEFEF;	
}
.dataTable_row39 {	
	background-color:#FFFFFF;	
}
.dataTable_row31 {
	/*Blanc*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color:#FFFFFF;
	font-size: 9pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 1px;
	padding: 1px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left:5px;
	margin-right:5px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
}
.dataTable_row33 {
	/*Blanc*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	
	height: 20px;
}

.dataTable_row5{
	/*Bleu tres clair*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color:#DDE2E5;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 1px;
	padding: 1px;
	vertical-align: middle;	
	height: 20px;
}
.dataTable_row4{
	/*Bleu tres clair*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color:#EBECED;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 1px;
	padding: 1px;
	vertical-align: middle;	
	height: 20px;
}
.dataTable_row41{
	/*Bleu tres clair*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color:#EBECED;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 1px;
	padding: 1px;
	padding-left: 5px;
	padding-right: 5px;	
	vertical-align: middle;	
	height: 20px;
}

.easyPlanner_column_15 {
	width: 15px;
	min-width: 15px;
	max-width: 15px;
}
.easyPlanner_column_20 {
	width: 17px;
	min-width: 17px;
	max-width: 17px;
}
.easyPlanner_column_40 {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	height: 20px;
}
.easyPlanner_column_50 {
	width: 50px;
	min-width: 50px;
	max-width: 50px;
}
.easyPlanner_column_60 {
	width: 60px;
	min-width: 60px;
	max-width: 60px;
}
.easyPlanner_column_70 {
	width: 70px;
	min-width: 70px;
	max-width: 70px;
}
.easyPlanner_column_140 {
	width: 140px;
	min-width: 140px;
	max-width: 140px;
}
.easyPlanner_column_150 {
	width: 156px;
	min-width: 156px;
	max-width: 156px;
}
.easyPlanner_column_160 {
	width: 160px;
	min-width: 160px;
	max-width: 160px;
}
.easyPlanner_column_260 {
	width: 272px;
	min-width: 272px;
	max-width: 272px;
}

.easyPlanner_column_342Min {
	min-width: 342px;
}

.easyPlanner_headerComparateur{
	margin-right: 20px;
}

.easyPlanner_comparateur{
	border: 1px;
	border-style: solid;
	border-color: #B5B4B0;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.easyPlanner_stpHeader {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

.easyPlanner_simpleTogglePanel{
	margin: 0px;
	padding: 0px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

.easyPlanner_simpleTogglePanel_body{
	margin: 0px;
	padding: 0px;
	overflow-x: hidden; 
}

.easyPlanner_move {
	cursor: move;
}

.easyPlanner_togglePanel_header{
	/*Bleu blanc*/
	background-color: #FFFFFF;
	background-image: url("../img/degrades/background_easyPlanner_togglePanel_header.png");
	color: #6476B3;
	height: 19px;
	border: none;
	border-bottom: 1px;
	border-color: #6476B3;
	font-family: arial, verdana, helvetica, sans-serif;
}

.easyPlanner_togglePanel_tauxOccupation{
	font-weight: normal;
	font-family: arial, verdana, helvetica, sans-serif;
}

.easyPlanner_verticalTop{
	vertical-align: top;
}

.easyPlanner_verticalMiddle{
	vertical-align: middle;
}

.easyPlanner_treeHeader_active {
	background-color: #FFFFFF;
	color: #6476B3;
}

.easyPlanner_treeHeader_inactive {
	color: #FFFFFF;
}

.togglePanelContextMenu {
	width: 100%;
	border: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.contextMenu{
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin: 0px;
	padding: 0px;
	width: 211px;
}

.contextMenu_header{
	text-align: center;
}

.contextMenu_body{
	background-color:#F5F4F4;
	float: left;
	border: none;
}

/* Styles pour les panels imbriques dans le panelMainPage */
.panelBody {
	border: 1px outset;
	border-collapse: collapse;
	border-color:#D6D8DA;
	background-color:#FFFFFF;
	width: 99,5%;
}
.panelBody_header {
	/*Bleu gris clair*/
	background-image: url("../img/grisDegrade.png");
	border: 1px outset;
	border-collapse: collapse;
	border-color:#D6D8DA;
	margin: 0px;
	padding: 3px;
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #5B5B5B;
	border-spacing: 0px;
	vertical-align: top;
}
.panelBody_body {
}

.panelGridTitleBloc {
	width: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

.panelGridTitleBloc_column {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.panelGridTitleBloc_row {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.panelGridTips_global {
	width: 100%;
	border: 1px;
	border-style: solid;
	border-color: #d1d1d1;
	background-color: #FFFFFF;
}

/*Styles pour la mise en page des colonnes de la page d accueil*/
.panelGridAccueil_column1 {
	width:100%;
}

.panelGridAccueil_column2 {
	width:202px;
}

.panelGridForSimpleTogglePanel {
	width:100%;
	
}

.panelGridNoStyle {
	border-spacing: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.panelGridListStyle {
	border-spacing: 0px;
	border: 0px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	
}

.panelGridForColumn_right {
	width:100%;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: right;	
}

.panelGridForColumn_left {
	width:100%;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
}

.panelGridForColumn_center {
	width:100%;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.panelGridForColumn_center_modal {
	width:100%;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: center;	
	
	
}
.panelGridImgRadioColumns {
	padding-right: 9px;
}

.panelGrid2Columns{
	width: 525px;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;	
}
.panelGrid2SmallColumns{
	width: 300px;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;	
}

.panelGrid3Columns{
	width: 350px;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
		
}
.panelGrid2ColumnsForModal{
	width: 180px;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;	
}
.panelGridForColumn_separator{
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	width: 0px;
	padding-right: 15px;
}
.panelGridForColumn_separator_forModal{
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	width: 1px;
	padding-right: 5px;
}

.panelGridForColumn_325{
	width: 325px;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;	
}

.panelGridForColumn_350{
	width: 350px;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;	
}

.columnWidth60percent{
	width: 650px; /* width should be 60 percent of total width */
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;	
}

.columnWidth40percent{
	width: 400px; /* width should be 40 percent of total width */
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;	
}


.imgButton {
	border: 0px;
	background: none;	
}

.saisie_warning {
	color: #ff9c01;
	font-weight: bold;
}

.saisie_error {
	color: red;
	font-weight: bold;
}

.saisie_empty {
	color: #c6c6c6;
	border-color: #c6c6c6;
}

.jour_ferie {
	background-color: #f7f7f7;
	color: #c0c0c0;
}

.saisie_normal {
	color: #266DB5;
}

.comboboxWithRichCalendarSize {
	width: 153px;
}

.panelGridForColumn_right_up {
	width:100%;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: right;	
	vertical-align: text-top;
	padding-top: 2px;
	padding-right: 2px;
}

.togglePanel_action {
	width: 207px;
	border: 1px solid #F5F4F4;
	background-color: #F5F4F4;
	background-image: none;
}

.togglePanel_action_body {
	background-color: #F5F4F4;
	margin: 0px;
	padding: 0px;
	border: none;
}

.togglePanel_action_header{
	background-image: none;
	background-color: #F5F4F4;
	border: none;
	border-top: 1px solid #FFFFFF;
	padding-left: 4px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	text-align: left;
}

.togglePanel_action_header_first{
	margin-top: 5px;
	border: none;
}

.panelGridForContextMenuText {
	margin: 0px;
	padding: 0px;
	margin-left: 49px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.contextMenuLink, a.contextMenuLink:link, a.contextMenuLink:active, a.contextMenuLink:visited, a.contextMenuLink:hover {   
	color: #828180;     
	text-decoration:none;  
	font-size: 9pt;
	cursor: pointer;
}

a.accessPathLink:link, a.accessPathLink:active, a.accessPathLink:visited, a.accessPathLink:hover {     
	color: #6476B3;     
	text-decoration:none;  
}

.panelGridDefault {
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%; 	
}

.header_title {
	font-size: 14pt;
	font-weight: bold;
	font-family: arial, verdana, helvetica, sans-serif;	
}

.title_1 {
	font-size: 12pt;
	font-weight: bold;
	font-family: arial, verdana, helvetica, sans-serif;
}

.title_2 {
	font-size: 10pt;
	font-weight: bold;
	font-family: arial, verdana, helvetica, sans-serif;	
}

.link_1 {
	font-size: 12pt;
	text-decoration: underline;
	font-family: arial, verdana, helvetica, sans-serif;	
	font-weight: normal;
	color:#0064A7;
}

.link_2 {
	font-size: 12pt;
	text-decoration: underline;
	font-family: arial, verdana, helvetica, sans-serif;	
	font-weight: normal;
	color:#D1D1D1;
}

.link_blue {
	color: #0D5798;
	border: none;
	cursor: pointer;
}

.text_blue {
	font-size: 12pt;
	font-family: arial, verdana, helvetica, sans-serif;	
	font-weight: normal;
	color:#0064A7;
}

.blue {
	color:#0064A7;
}

.panelGrid_column_50 {
	text-align: right;
	width: 50%;
	border: none;
}

.panelGrid_column_25 {
	text-align: right;
	width: 25%;
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
}

.panelGrid_column {
	height: 20px;
	
}

.panelGrid_column_16 {
	text-align: right;
	width: 16%;
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
}

.dataTable_row_board{
	border: none;
	margin: 10px;
	padding: 10px;
}

.dataTable_column_right_50_board {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: right;
	vertical-align: middle;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 50%
}

.dataTable_column_right_25_board {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: right;
	vertical-align: middle;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 25%
}

.dataTable_column_right_16_board {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: right;
	vertical-align: middle;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 16%
}

.row_header{
	background-color: #C0CFDC;
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	height: 20px;
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	padding-top: 2px;
}

.panelGrid_row1{
	/*Bleu tres clair*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color: #EFEFEF;
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 0px;
	padding-top: 3px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
}

.panelGrid_row1:HOVER {
	/*Bleu tres clair*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color:#A5CBFF;
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 0px;
	padding-top: 3px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
}

.panelGrid_row2 {
	/*Blanc*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color:#FFFFFF;
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 0px;
	padding-top: 3px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
}

.panelGrid_row2:HOVER {
	/*Blanc*/
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color:#A5CBFF;
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #605D5C;
	margin: 0px;
	padding-top: 3px;
	vertical-align: middle;
	horizontal-align : center;
	height: 20px;
}

a.syntheseLink:link, a.syntheseLink:active, a.syntheseLink:visited, a.syntheseLink:hover {       
	text-decoration:none;
}

.tabPanel_onglet_synthese {
	width: 150px;
}

/* --------------  Fin styles de la page synth�se --------------- */

 
/*
------------------------------------------------------------------------------
--Fin des nouveaux styles pour l ensemble de l application -------------------
------------------------------------------------------------------------------
*/

/*pour les couleurs des menus*/
.ThemeGrayMenu,.ThemeGraySubMenuTable {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	color: #3e5153;
	background-color: #e8e8e8;
	cursor: default;
	cursor: hand !important;
	white-space: nowrap;
}

a:active,a:link,a:visited {
	color: #0D5798;
	border: none;
}

a:hover {
	color: #8CAFCD;
	border: none;
}

.linkReport a:active,a:link,a:visited {
	color: #266DB5;
	border: none;
	text-decoration: none;
}

.linkReport a:hover {
	color: #8CAFCD;
	border: none;
	text-decoration: none;
}

img {
	border: none;
}

input,textarea {
	border: 1px;
	border-style: solid;
	border-color: #BBBBBB;
	background: #FFFFFF;
	color: black;
	text-align: left;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	margin: 0px;
}


/*selectBooleanChec..., selectOne...*/
.select {
	border: 0px;
	background: none;
	text-align: left;
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	margin: 0px;
}

.select input {
	border: 0px;
	background: none;
	font-size: 8pt;
	margin: 0px;
}

.selectOneMenu {
	font-size: 8pt;
	margin: 0px;
}

.borrar{
	background-image: url("../img/application_retourn.png");
	text-align: right;
	background-repeat: no-repeat;
	}
/* popup*/
.popup {
	scrollbar:no;
	background-color: #ffffff;
	font-width: 100%;
	border-style: outset;
	border-width: 1px;
	align: left;
	display:none;
}

.popupHeader {
	background-color: #ffffff;
	color: black;
	font-weight: bold;
	font-family: italic;
	text-align: left;
	font-size: 8pt;
}

.tableControl {
	text-align: left;
}

.footer {
	text-align: center;
	font-size: 8pt;
	color: #FFFFFF;
}
.footer-fact {
	text-align:right;
	font-size: 10px;
	color: #B6BCCC;
}
.content {
	position:absolute;
	left:50%;
	right:50%;
	width:400px;
	margin-top:50px;
	margin-left:-266px;
	padding:15px;
	border:1px dashed #333;
	background-color:#eee;
	}

.rich-table {
	width: 100%;
}

.rich-table-cell {
	font-size: 10pt;
}

h1 {
	font-family: Arial, sans-serif;
	color: #578BB8;
	font-size: 1.6em;
	margin-top: 0;
}

body {
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #000000;
	width: 1250px;
	margin: 0px;
}

.activeTab{
	background: #FDB98B;
	background-image: url("../img/tabHeader.png");

}

a.columnHeader {
	color: #FFFFFF;
}

.columnHeader:hover {
	color: #5B5B5B;
}

.gras{
	font-weight: bold;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10pt;
	color: #605d5c;
}

.column_subtitle {
	font-weight: bold;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10pt;
	color: #bebebe;
}

.normal{
	font-weight: normal;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10pt;
	color: #605d5c
}

.message {
	border: 1px solid #FFCC00;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #F0F8FF;
	font-size: 12px;
}

.alerteMessage {
	border: 1px solid #FFCC00;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	font-size: 12px;
	width: 100%;
}

.messages {
	border: 1px solid #FFCC00;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #F0F8FF;
	font-size: 12px;
	color: #FF0000;
}

.name {
	vertical-align: top;
	font-weight: bold;
	width: 115px;
	float: left;
	padding: 5px;
	padding-bottom: 10px;
	clear: left;
	color: #605d5c;
	font-size: 10pt;
	font-family: arial;
	margin: 0px;
	margin-right: 4px;
	white-space: normal;
}

.nameDisplay {
	vertical-align: top;
	font-weight: bold;
	width: 115px;
	float: left;
	padding: 5px;
	padding-bottom: 10px;
	clear: left;
	color: #605d5c;
	font-size: 10pt;
	font-family: arial;
	margin: 0px;
	margin-right: 4px;
	white-space: normal;
}

.nameDisplayNoBackground {
	vertical-align: top;
	font-weight: bold;
	width: 115px;
	float: left;
	padding: 5px;
	padding-bottom: 10px;
	clear: left;
	color: #605d5c;
	font-size: 10pt;
	font-family: arial;
	margin: 0px;
	margin-right: 4px;
	white-space: normal;
}

.nameDisplay2 {
	text-align: right;
	font-weight: bold;	
	color: #605d5c;
	font-size: 10pt;
	font-family: arial;
	padding: 5px;
	padding-bottom: 10px;
	margin: 0px;
	margin-right: 4px;
	white-space: normal;
}

.nameDisplayShort {
	vertical-align: top;
	font-weight: bold;
	width: 80px;
	float: left;
	padding: 5px;
	padding-bottom: 10px;
	clear: left;
	color: #605d5c;
	font-size: 10pt;
	font-family: arial;
	margin: 0px;
	margin-right: 4px;
	white-space: normal;
}
.nameDisplayAvShort {
	vertical-align: top;
	font-weight: bold;
	width: 65px;
	float: left;
	padding: 5px;
	padding-bottom: 10px;
	clear: left;
	color: #605d5c;
	font-size: 10pt;
	font-family: arial;
	margin: 0px;
	margin-right: 4px;
	white-space: normal;
}
.valeur{
	color: #605d5c;
	text-align: center;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10pt;
	padding: 5px;
}

.value {
	vertical-align: top;
	color: #605d5c;
	text-align: left;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
}

.valueRight {
	color: #605d5c;
	text-align: right;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	float: right;
	width: 120px;
	padding: 0px;
	margin: 0px;
	padding-top: 3px;
}

.valueDisplay {
	margin: 0px;
	color: #605d5c;
	text-align: left;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
}

.valueDisplay2 {
	color: #605d5c;
	text-align: left;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
}

.valueDisplayRight {
	color: #605d5c;
	text-align: right;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	float: left;
	width: 125px;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
}

.valueDisplayRightShort {
	color: #605d5c;
	text-align: right;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	float: left;
	padding: 0px;
	width: 125px;
	margin: 0px;
	padding-top: 5px;
}

.error {
	margin-left: 20px;
	margin-top: 3px;
	float: left;
	padding: 5px;
	border: 1px solid red;
}

.errors {
	color: red;
}

.errors input {
	border: 1px solid red;
}

.errors textarea {
	border: 1px solid red;
}

.required {
	color: red;
	padding-left: 2px;	
}
.label {
	color: #666666;
	padding-left: 2px;	
}

/* date picker style */
div.seam-date {
	margin-top: 5px;
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
	color: #505050;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table.seam-date td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.seam-date-monthNames {
	width: 70px;
	border: 1px solid #dddddd;
	border-right: 3px solid #444444;
	border-bottom: 3px solid #444444;
	background-color: #ffffff;
	font-size: 12px;
	cursor: pointer;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a.seam-date-monthNameLink,a.seam-date-monthNameLink:visited {
	text-align: center;
	display: block;
	color: #555555;
}

a.seam-date-monthNameLink:hover {
	background-color: #CCCCCC;
	color: red;
}

.seam-date-years {
	height: 10em;
	overflow: auto;
	width: 60px;
	border: 1px solid #dddddd;
	border-right: 3px solid #444444;
	border-bottom: 3px solid #444444;
	background-color: #ffffff;
	font-size: 12px;
	cursor: pointer;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a.seam-date-yearLink,a.seam-date-yearLink:visited {
	text-align: center;
	display: block;
	color: #555555;
}

a.seam-date-yearLink:hover {
	background-color: #CCCCCC;
	color: red;
}

tr.seam-date- {
	padding: 2px 0px 2px 0px;
}

td.seam-date-header {
	padding: 0px 8px 0px 8px;
	text-align: center;
	color: gray;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

td.seam-date-header-prevMonth {
	background-image: url("../img/cal-prev.png");
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px 2px 0px 2px;
	width: 17px;
	height: 16px;
	margin-left: 2px;
}

td.seam-date-header-nextMonth {
	background-image: url("../img/cal-next.png");
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px 2px 0px 2px;
	width: 17px;
	height: 16px;
	margin-right: 2px;
}

tr.seam-date-headerDays {
	color: white;
	font-weight: normal;
}

tr.seam-date-headerDays>td {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	text-align: center;
	width: 26px;
}

tr.seam-date-footer {
	background-color: white;
	color: #505050;
	font-weight: bold;
}

tr.seam-date-footer>td {
	text-align: center;
}

td.seam-date-inMonth {
	background-color: white;
	color: black;
	font-weight: normal;
	cursor: pointer;
	border: 1px solid #ece9d8;
}

td.seam-date-outMonth {
	background-color: white;
	color: #999999;
	font-weight: normal;
	cursor: pointer;
	border: 1px solid #ece9d8;
}

td.seam-date-selected {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: black;
	font-weight: normal;
}

td.seam-date-dayOff-inMonth {
	background-color: #efefef;
	color: black;
	font-weight: normal;
	cursor: pointer;
	border: 1px solid #ece9d8;
}

td.seam-date-dayOff-outMonth {
	background-color: #efefef;
	color: #999999;
	font-weight: normal;
	cursor: pointer;
	border: 1px solid #ece9d8;
}

td.seam-date-hover {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	cursor: pointer;
	color: red;
}

/*********************/ /* tables */
table {
	vertical-align: top;
}

th {
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	vertical-align: top;
}

td {
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	vertical-align: top;
}

.table_m {
	font-family: arial, helvetica, sans-serif;
	border: 1px outset;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
.borrar1{
	background-color: #F6F8F5;
}
.tabBackgroundColor {
	background: #b5c8cf;
}

.th_m {
	font-size: 8pt;
	font-family: arial, helvetica, sans-serif;
	color: #ffffff;
	text-align: left;
	border: 1px outset;
	border-collapse: collapse;
	border-color:#262993;
	margin: 0px;
	padding: 3px;
	background-image: url("../img/header.png");
	/*background-image:url("");*/
	vertical-align: top;
}

.th_m_jscook {
	font-size: 11pt;
	font-family: arial, helvetica, sans-serif;
	color: #ffffff;
	text-align: left;
	border: 1px outset;
	border-collapse: collapse;
	margin: 0px;
	padding: 3px;
	/*background: #e38a26;*/
	background: #b5c8cf; /*#000064*/
	vertical-align: top;
}

.td_m {
	font-size: 8pt;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	text-align: left;
	border: 1px outset;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 5px;
	padding: 3px;
	background: #FFFFFF;
	vertical-align: top;
}

.table_s {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border-color: #6B6B68;
}

.table_s_col {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: center;
}


.table_l {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
}

.table_l_padding {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0 5px 0 2px;
	text-align: left;
	vertical-align: middle;
}

.table_r {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: right;
	vertical-align: middle;	
}

.table_r_padding {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0 8px;
	text-align: right;
	vertical-align: middle;	
}

.top_menu_r {
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	vertical-align: center;
}

.table_c {
	border: 1px solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: center;	
}

.headerColumn{
	border-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px outset;
	margin: 1px;
	padding: 3px;
	background: #ffffff;
	}

.th_s {
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #10579E;
	text-align: center;
	border: 1px outset;
	border-color: #6B6B68;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 1px;
	padding: 3px;
	background: #FFFFFF;
	background-image: url("../img/tabHeader.png");
	vertical-align: top;
}

.td1_s {
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #000000;
	/**text-align: center;**/
	border: 1px outset;
	border-collapse: collapse;
	border-spacing: 1px;
	margin: 1px;
	padding: 1px;
	background: #FFFFFF;
	vertical-align: center;
	horizontal-align : center;
	border-color: #6B6B68;
}

.td2_s {
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #000000;
	/**text-align: center;**/
	border: 1px outset;
	border-collapse: collapse;
	border-spacing: 1px;
	margin: 1px;
	padding: 3px;
	background: #F6F8F5;
	vertical-align: center;
	horizontal-align : center;
	border-color: #6B6B68;
}
/****************************Panel*******************/
panel {
	vertical-align: top;
}

.panel_s {
	border-bottom: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	background: #FFFFFF;
	background-color: #FFFFFF;
	border: 1px;
	border-color: #DADBDD;
}
	
.panel_body {
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
	border-spacing: 0px;
	border:1px;
	border-color: #E1E1E1;
	background: #DDDDDD;
	padding: 0px;
	margin: 0px;
	color: #000000;
	background-color: #DDDDDD
}

.panel_menu_s {
	margin: 0px;
	padding: 0px;
}
	
.panel_menu_body {
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
	border-spacing: 0px;
	border:1px;
	border-color: #E1E1E1;
	padding: 0px;
	margin: 0px;
	color: #000000;
	/*background-image: url("../img/fondmenu.png");*/
	
	
}

.panel_col33 {
	width: 33%;
}
.panel_col67 {
	width: 67%;	
}

/*** Default Rich Panel values ***/

.rich-panel {
	margin:0px;
	padding:0px;
}

.rich-panel-body {
	margin:0px;
	padding:0px;
}

/*** Default Rich separator values ***/

.rich-separator {
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #bebebe;
}
.rich-separator2 {
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #FFFFFF;
}

.bod {
	background-color: #e8e8e8;
	font-width: 100%;
	border-style: outset;
	border-width: 1px;
}

/* Pour le templateDemo et pour la page genererDemo */
.bod1 {
	background-color: #FFFFFF;
	font-width: 100%;
	border-style: outset;
	border-width: 0px;
	position:relative;
	left:10%;
}
/* Pour la page genererDemo */
.bod2 {
	background-color: #FFFFFF;
	font-width: 100%;
	border-style: outset;
	border-width: 0px;
	position:relative;
	left:15%;
}
div.nicetitle {
	position: absolute;
	padding: 4px;
	top: 0px;
	left: 0px;
	color: white;
	font-size: 13px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width: 25em;
	font-weight: bold;
	background: url(/img/ntbg.png);
	/* Mozilla proprietary */
	-moz-border-radius: 12px;
}

div.nicetitle p {
	margin: 0;
	padding: 0 3px;
}

div.nicetitle p.destination {
	font-size: 9px;
	text-align: left;
	padding-top: 3px;
}

/*background-color:#{richSkin.generalBackgroundColor};*/
.tooltip {
	background-color: #FFFFFF; 
	border-width: 1px;
	border-color: #BFC0C2;
	padding: 5px;
	text-align: left;
}

.tooltip-text {
	 width:250px;
	 height:65px;
	 cursor:arrow;
	 border-width:2px;
	 text-align:center;
}

.tooltipData {
	font-weight: bold;
}

.menuItem {
	color: #000000;
}

a.menuItemLink,a.menuItemLink:visited {
	color: #FFFFFF;
	border: none;
}

a.menuItemLink:hover {
	color: #0090FF;
	border: none;
}

a.lienBlanc,a.lienBlanc:visited,a.lienBlanc:active   {     
	color: #FFFFFF;     
	text-decoration:none;  
}     
	
a.lienBlanc:hover   {     
	color:#000000;     
	text-decoration:none;
	
}
.input[readonly] {
   background-color:red;
}
.input[disabled] {
   background-color:red;
}
input: disabled {
	background: #FF0000;
	background-color: #FF0000;
}

.errorZero {
	margin: 0px;
	float: left;
	padding: 0px;
	border: 1px solid red;
}

.valueZero {
	color: #000000;
	text-align: center;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	padding: 0px;
	vertical-align: middle;
}

.contentCentered {
	border: 0px;
	border-spacing: 0px;	
	margin: 0px;
	padding: 0px;
	text-align: center;	
}

.contentRight {
	border: 0px;
	border-spacing: 0px;	
	margin: 0px;
	padding: 0px;
	text-align: right;	
}

.clickable_image {
	cursor: pointer;
}

.reportNiveau1 {
	font-weight: bold;
	font-size: 10pt;
}

.reportNiveau2 {
	font-size: 9pt;	
}

.moduleName {
	height: 35px;
	vertical-align: middle;
	font-size: 16pt;
	color: #F48000;
	font-family: arial, verdana, helvetica, sans-serif;
	white-space: nowrap;
}

.moduelZone {
	float: left;
}

.popupBackground {
	background-color: #FFFFFF;
}
	
.superFitnetTips {
	background-color: #FFFFFF;
	border: none;
	width: 460px;
	height: 400px;
	margin: 20px;
	padding: 0px;
	vertical-align: top;
}

.missFitnetTips {
	background-color: #FFFFFF;
	border: none;
	margin: 20px;
	width: 230px;
	height: 400px;
}

.modulesComplementairesActifTips {
	background-image: url("../img/tips/VignetteEasyPlannerActif.png");
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-style: solid;
	padding-top: 40px;
	width: 250px;
	height: 383px;
	text-align: center;
	vertical-align: top;
}

.modulesComplementairesNonActifTips {
	background-image: url("../img/tips/VignetteEasyPlannerNonActif.png");
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-style: solid;
	padding-top: 40px;
	width: 250px;
	height: 383px;
	text-align: center;
	vertical-align: top;
}



.title_blue {
	font-size: 12pt;
	color: #1672B0;
	font-weight: bold;
}

.superFitnetTips_message {
	margin-left: 27px;
	margin-top: 40px;
	padding-top: 10px;
	width: 240px;
	height: 70px;
	text-align: center;
	border: none;
}

.superFitnetTips_news {
	vertical-align: top;
	margin-left: 27px;
	margin-top: 125px;
	height: 177px;
	width: 445px;
	border: none;
}

.superFitnetTips_news_textarea {
	margin-left: 5px;
	vertical-align: top;
	max-width: 600px;
	width: 600px;
	height: 450px;
	max-height: 450px;
	border: none;
	overflow-y: auto; 
}

.loggingMessage {
	color: #919191;
	font-size: 12pt;
	font-weight: bold;
}

.tipsText {
	color: #605d5c;
	text-align: left;
	font-size: 9pt;
	font-family: arial, verdana, helvetica, sans-serif;
	float: left;
}

.missFitnetTips_tip {
	border: 0px;
	border-style: solid;
	margin-left: 45px;
	margin-top: 115px;
	width: 220px;
	height: 285px; 
}

.superFitnetInfoMessagePopup {
	background-image: url("../img/SuperFitnet/SF-InformationMessage1.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	/*background-color: #FFFFFF;*/
}

.superFitnetInfoMessageText {
	width: 420px;
	height: 115px;
	margin-left: 40px;
	text-align: center;
	vertical-align: middle;
	font-size: 9pt;
	font-weight: bold;
	color: #1672B0;
}

.superFitnetInfoMessageButton {
	width: 250px;
	margin-left: 130px;
	text-align: center;
	bottom: 0px;
}

.missFitnetInfoMessagePopup {
	background-image: url("../img/MissFitnet/MF-InformationMessage1.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	/*background-color: #FFFFFF;*/
}

.missFitnetInfoMessageText {
	width: 420px;
	height: 115px;
	margin-left: 60px;
	text-align: center;
	vertical-align: middle;
	font-size: 9pt;
	font-weight: bold;
	color: #7F7E7D;
}

.missFitnetInfoMessageText2 {
	width: 500px;
	height: 115px;
	margin-left: 60px;
	text-align: center;
	vertical-align: middle;
	font-size: 9pt;
	font-weight: bold;
	color: #7F7E7D;
}

.missFitnetInfoMessageTextSansMarge {
	width: 420px;
	height: 115px;
	margin-left: 0px;
	text-align: center;
	vertical-align: middle;
	font-size: 9pt;
	font-weight: bold;
	color: #7F7E7D;
}
.missFitnetInfoMessageButton {
	width: 250px;
	margin-left: 130px;
	text-align: center;
	bottom: 0px;
}

.customTooltip {
	background-color: #FFF5B4;
	margin: 8px;
	padding: 0px;
	border: 1px solid;
	border-color: #F8943F;
}

.breadcrumb {
	color: #605d5c;
	font-family: arial, verdana, helvetica, sans-serif;
}

.orangeTitle {
	font-size: 12pt;
	color: #F8943F;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
}

.warningDoubleWeek {
	background-color: #BA82DE; 
	color: white;
}

.warningWeek2Month {
	background-color: #EAEAEA; 
	color: white;
}

textarea {
    resize: none;
}

.simpleColumn_right {
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: right;	
}

.lowercase {
	text-transform: lowercase;
}

.invisibleModalPanel .rich-mpnl-mask-div {
     /*background-color: transparent;*/
     filter : alpha(opacity=0);
     opacity: 0;
}

.formattedText {
	white-space: pre-wrap;
}

.inherit {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-decoration: inherit;
	color: inherit;
}

.rich-mpnl-body {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	background-color: #F5F4F4;
}

.column_middle {
	vertical-align: middle;
}

.popup_title {
	font-weight: bold;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	color: #605d5c;
	text-decoration: underline;
}

.inplaceInput {
	background-color: inherit;
	text-decoration: underline;
}

.nameLong {
	vertical-align: middle;
	font-weight: bold;
	width: 85px;
	float: left;
	padding: 5px;
	margin-top: 3px;
	clear: left;
	color: black;
	font-size: 10pt;
	font-family: arial;
}

.valueLong {
	color: #000000;
	text-align: left;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	float: left;
	padding: 5px;
	vertical-align: middle;
}

.toolTipText2{

	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	color: #95ADC9;
	vertical-align: middle;
	text-align: center;
	
}

.navigator {
	width: 211px;
	padding-top: 20px;
	text-align: left;
	overflow: hidden;
	overflow-x: scroll;
	border: none;
	border-top: 0px;
	border-bottom: 0px;
}

.navigateurActif {
	height: 24px;
	vertical-align: middle;
	border: 1px;
	border-color: #d1d1d1;
	width: 55px;
	text-align: center;
}

.navigateurInactif {
	background-image: url("../img/degrades/background_togglePanel_header.png");
	background-color: #d1d1d1;
	border: 1px;
	border-color: #d1d1d1;
	height: 24px;
	vertical-align: middle;
	color: #605d5c;
	padding-left: 6px;
	width: 100%;
}

.test2 {
	text-align: center;
}
/*.custopm-rich-toolbar{
	background-color:transparent;
	background-image: none;
	background-position:left top;
	background-repeat:repeat-x;
	
	border-bottom-color:transparent;
	border-bottom-style:none;
	border-bottom-width:0px;
	
	border-left-color:transparent;
	border-left-style-value:none;
	border-left-width-value:0px;
	
	border-right-color:transparent;
	border-right-style-value:none;
	border-right-width-value:0px;
	
	border-top-color:transparent;
	border-top-style:none;
	border-top-width:0px;
	
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
.rich-toolbar-item {
	color:#605D5C;
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	white-space:nowrap;
}*/

.prop {
	margin: 0px;
	white-space: nowrap;
}

.default_modalPanel_styleClass {
	background-color:#F5F4F4; 
	border-color: #F5F4F4;
	margin: 0px;
	padding: 0px;
}

.test3 {
	margin-top: 20px;
}

.panel_devis_header {
	background: url("../img/Icones2.jpg") -120px -450px no-repeat;
	width: 310px;
	height: 260px;
}

.dragAndDrodCursor {
	cursor: url("../img/arrow_right.gif");
}

.defaultInplaceInput {
	color: #6476B3;
	text-decoration: inherit;
	background-color: inherit;
	border: none;
	cursor: pointer;
}

.nowrap {
	white-space: nowrap;
}

.panelGrid25 {
	width: 25%;
}

.columnNoSort .extdt-header-sort-img {
	display: none;
}

.extdt-outerdiv { 
	overflow: visible !important; 
}

.width60 {
	max-width: 60px;
}

.width70 {
	max-width: 70px;
}

.width80 {
	max-width: 80px;
}

.width85 {
	max-width: 85px;
}

.width90 {
	max-width: 90px;
}

.topMenu {
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}

.sprite-menus {
   background: url("../img/template/sprite-menus.png") no-repeat top left;
   margin: 0px;
   padding: 0px;
}

.roundedTopMenuLeftTmp {
   background: url("../img/template/roundedTopMenuLeft.png") no-repeat top left;
   width: 10px;
   height: 40px;
   float: left;
}

.roundedTopMenuRightTmp {
   background: url("../img/template/roundedTopMenuRight.png") no-repeat top left;
   width: 10px;
   height: 40px;
   float: left;
}

.sprite-Achats{ background-position: 0 0; width: 45px; height: 45px; } 
.sprite-Activites{ background-position: 0 -46px; width: 45px; height: 45px; } 
.sprite-Analyser{ background-position: 0 -92px; width: 30px; height: 30px; float: left;} 
.sprite-Chantier{ background-position: 0 -123px; width: 45px; height: 45px; } 
.sprite-Configuration{ background-position: 0 -169px; width: 30px; height: 30px;  float: left;} 
.sprite-Creer{ background-position: 0 -200px; width: 30px; height: 30px;  float: left;} 
.sprite-Didacticiels{ background-position: 0 -231px; width: 45px; height: 45px; } 
.sprite-Documentation{ background-position: 0 -277px; width: 45px; height: 45px; } 
.sprite-DonneesRH{ background-position: 0 -323px; width: 45px; height: 45px; } 
.sprite-Facturation{ background-position: 0 -369px; width: 45px; height: 45px; } 
.sprite-Forum{ background-position: 0 -415px; width: 45px; height: 45px; } 
.sprite-Gerer{ background-position: 0 -461px; width: 30px; height: 30px;  float: left;} 
.sprite-Planning-2{ background-position: 0 -492px; width: 30px; height: 30px; } 
.sprite-Planning{ background-position: 0 -523px; width: 45px; height: 45px; } 
.sprite-Reporting{ background-position: 0 -569px; width: 45px; height: 45px; } 
.sprite-Saisir{ background-position: 0 -615px; width: 30px; height: 30px;  float: left;} 
.sprite-Settings{ background-position: 0 -646px; width: 30px; height: 30px; } 
.sprite-Support{ background-position: 0 -677px; width: 45px; height: 45px; } 
.sprite-contextMenuBottom{ background-position: 0 -723px; width: 211px; height: 13px; } 
.sprite-contextMenuLeftActif{ background-position: 0 -737px; width: 100px; height: 35px; float: left;} 
.sprite-contextMenuLeftInactif{ background-position: 0 -773px; width: 100px; height: 35px; float: left;} 
.sprite-contextMenuRightActif{ background-position: 0 -809px; width: 111px; height: 35px; float: left;} 
.sprite-contextMenuRightInactif{ background-position: 0 -845px; width: 111px; height: 35px; float: left;} 
.sprite-roundedTopMenuLeft{ background-position: 0 -881px; width: 16px; height: 47px; float: left;} 
.sprite-roundedTopMenuRight{ background-position: 0 -929px; width: 16px; height: 47px; float: left;} 


.roundedTopMenuCenter {
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	background-color: #F5F4F4;
	height: 40px;
	vertical-align: middle;
	float: left;
	color: #A6A5A4;
	width: 911px;
}

.roundedTopMenuRight {
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	background-color: #F5F4F4;
	height: 40px;
	vertical-align: middle;
	float: left;
	color: #A6A5A4;
	margin-left : 1px; 
}

.roundedTopMenuCenter a{
	color: #A6A5A4;
}

.topMenuEntry {
	height: 40px;
	vertical-align: middle;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	font-size: 10pt;
	cursor: pointer;
	border: none;
}

.topMenuEntry:hover {
	background-color: #EBEFF7;
	height: 28px;
	vertical-align: middle;
	color: #00ABDB;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	cursor: pointer;
	border: none;
}

.topMenuEntry_selected {
	height: 40px;
	vertical-align: middle;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 9px;
	font-size: 10pt;
	cursor: pointer;
	border: none;
	border-top: 3px solid #00ABDB;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

.topMenuEntry_selected:hover {
	background-color: #EBEFF7;
	height: 28px;
	vertical-align: middle;
	color: #00ABDB;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 9px;
	cursor: pointer;
	border: none;
	border-top: 3px solid #EBEFF7;
	border-left: 2px solid #EBEFF7;
	border-right: 2px solid #EBEFF7;
}

.topMenuEntryText {
	font-weight: normal;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}

.rich-stglpnl-marker {
	font-weight: normal;
	font-size: 10pt;
	color: #F8943F;
}

.orangeButton, a.orangeButton {
	font-size: 10pt;
	color: #F48000;
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
}

.blueButton, a.blueButton {
	font-size: 10pt;
	color: #00ABDB;
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
}

.dataTableOrangeButton, a.dataTableOrangeButton {
	color: #F8943F;
	cursor: pointer;
	white-space: nowrap;
}

.contextMenuTextBlue, a.contextMenuTextBlue{
	font-size: 10pt;
	color: #00ABDB;
	font-weight: bold;
	line-height: 38px;
	vertical-align: middle;
}

.contextMenuTextGray,  a.contextMenuTextGray{
	font-size: 10pt;
	color: #828180;
	font-weight: bold;
	line-height: 38px;
	vertical-align: middle;
}

.contextMenuRubriqueText {
	font-size: 10pt;
	color: #828180;
	margin-left: 28px;
	font-weight: normal;
}

.contextMenuRubriqueText_selected {
	font-size: 10pt;
	color: #00ABDB;
	margin-left: 28px;
	font-weight: normal;
}

.contextMenuMarker {
	color: #00ABDB;
}

.roundedFooterLeft {
	float: left;
}

.roundedFooterCenter {
	height: 77px;
	border: none;
	width: 100%;
	float: left;
}

.roundedFooterCenter1 {
	height: 37px;
	width: 100%;
	background-color: #F5F4F4;
	border: none;
	border-top: 1px solid #F7F7F7;
	text-align: center;
	line-height: 37px;
	vertical-align: middle;
}

.roundedFooterCenter2 {
	height: 37px;
	width: 100%;
	background-color: #00ABDB;
	border: none;
	border-top: 1px solid #98CFEC;
	border-bottom: 1px solid #98CFEC;
	text-align: center;
	vertical-align: middle;
	line-height: 37px;
}

.roundedFooterRight {
}

.topMenuPopupText, a.topMenuPopupText:link, a.topMenuPopupText:active, a.topMenuPopupText:visited, .topMenuPopupText:hover  {
	/*border: none;*/
	color: #7F7E7D;
	font-size: 10pt;
	margin: 0px;
	
}

.rich-menu-list-border {
	border-color: #EBEFF7;
}

.rich-menu-list-bg {
	background-image: none;
	background-color: #EBEFF7;
}

.extdt-cell {
	font-size: 10pt;
}

.modalPanel_header {
	background-color: #F5F4F4;
	background-image: none;
	color: #2CA4D9;
	border: none;
	height: 19px;
	vertical-align: middle;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12pt; 
}

.rich-mpnl-mask-div-opaque {
	background-color: #FFFFFF;
	opacity: 0.4;
}

.selectSociete {
	background-color: transparent;
	color: #605d5c;
}

.styleWeekEnd {
	border: 1px #FFFFFF solid;
	border-collapse: collapse;
	background-color: #EBECED;
	border-collapse: collapse;
}

.styleJoursFeries {
	/*border: 1px #FFFFFF solid;*/
	border-collapse: collapse;
	background-color: #EBECED;
	border-collapse: collapse;
}

.styleConge {
	border: none;
	border-top: 1px #FFFFFF solid;
	border-collapse: collapse;
	background-color: #FFB10F;
	border-collapse: collapse;
}

.styleFormation {
	border-top: 1px #FFFFFF solid;
	border-collapse: collapse;
	background-color: #8CBFE2;
	border-collapse: collapse;
}

.styleNonPresent {
	border-top: 1px #FFFFFF solid;
	border-collapse: collapse;
	background-color: #8A8A8A;
	border-collapse: collapse;
}

.stylePresent {
	/*border: 1px #FFFFFF solid;*/
	border-collapse: collapse;
}

.transparent {
	background: transparent;
}

.sortie{
	
	text-align: left;
}


/* Styles pour me ddmenu*/

.sprite-container-ddmenu {
   background: url("../img/icones_ddmenu_sprite.png") no-repeat top left;
}

.sprite-IconeBilanActivitesHoraires{ background-position: 0 0; width: 16px; height: 16px; } 
.sprite-IconeBilanCommerciaux{ background-position: 0 -66px; width: 16px; height: 16px; } 
.sprite-IconeBilanInfoPaye{ background-position: 0 -132px; width: 16px; height: 16px; } 
.sprite-IconeBilanReglementPrestata{ background-position: 0 -198px; width: 16px; height: 16px; } 
.sprite-IconeRequeteStructureOrga{ background-position: 0 -264px; width: 16px; height: 16px; } 
.sprite-add{ background-position: 0 -330px; width: 16px; height: 16px; } 
.sprite-application{ background-position: 0 -396px; width: 16px; height: 16px; } 
.sprite-application_form{ background-position: 0 -462px; width: 16px; height: 16px; } 
.sprite-application_view_tile{ background-position: 0 -528px; width: 16px; height: 16px; } 
.sprite-application_view_tile_black{ background-position: 0 -594px; width: 16px; height: 16px; } 
.sprite-basket{ background-position: 0 -660px; width: 16px; height: 16px; } 
.sprite-basket_edit{ background-position: 0 -726px; width: 16px; height: 16px; } 
.sprite-book_addresses{ background-position: 0 -792px; width: 16px; height: 16px; } 
.sprite-bricks{ background-position: 0 -858px; width: 16px; height: 16px; } 
.sprite-building{ background-position: 0 -924px; width: 16px; height: 16px; } 
.sprite-calculator{ background-position: 0 -990px; width: 16px; height: 16px; } 
.sprite-calculator_edit{ background-position: 0 -1056px; width: 16px; height: 16px; } 
.sprite-calendar{ background-position: 0 -1122px; width: 16px; height: 16px; } 
.sprite-calendar_view_day{ background-position: 0 -1188px; width: 16px; height: 16px; } 
.sprite-cart_edit{ background-position: 0 -1254px; width: 16px; height: 16px; } 
.sprite-chart_bar_add{ background-position: 0 -1320px; width: 16px; height: 16px; } 
.sprite-chart_bar_delete{ background-position: 0 -1386px; width: 16px; height: 16px; } 
.sprite-chart_curve{ background-position: 0 -1452px; width: 16px; height: 16px; } 
.sprite-chart_curveAndMoney{ background-position: 0 -1518px; width: 16px; height: 16px; } 
.sprite-clock_edit{ background-position: 0 -1584px; width: 16px; height: 16px; } 
.sprite-cog_edit{ background-position: 0 -1650px; width: 16px; height: 16px; } 
.sprite-color_swatch{ background-position: 0 -1716px; width: 16px; height: 16px; } 
.sprite-cursor{ background-position: 0 -1782px; width: 16px; height: 16px; } 
.sprite-cursus{ background-position: 0 -1848px; width: 16px; height: 16px; } 
.sprite-database_table{ background-position: 0 -1914px; width: 16px; height: 16px; } 
.sprite-date{ background-position: -66px 0; width: 16px; height: 16px; } 
.sprite-date_edit{ background-position: -66px -66px; width: 16px; height: 16px; } 
.sprite-date_magnify{ background-position: -66px -132px; width: 16px; height: 16px; } 
.sprite-date_next{ background-position: -66px -198px; width: 16px; height: 16px; } 
.sprite-date_previous{ background-position: -66px -264px; width: 16px; height: 16px; } 
.sprite-email{ background-position: -66px -330px; width: 16px; height: 16px; } 
.sprite-folder_calculator{ background-position: -66px -396px; width: 16px; height: 16px; } 
.sprite-folder_key{ background-position: -66px -462px; width: 16px; height: 16px; } 
.sprite-folder_page_white{ background-position: -66px -528px; width: 16px; height: 16px; } 
.sprite-folder_ruby_key{ background-position: -66px -594px; width: 16px; height: 16px; } 
.sprite-folder_table{ background-position: -66px -660px; width: 16px; height: 16px; } 
.sprite-folder_user{ background-position: -66px -726px; width: 16px; height: 16px; } 
.sprite-grille_tarifaire{ background-position: -66px -792px; width: 16px; height: 16px; } 
.sprite-grille_tarifaireMenu{ background-position: -66px -858px; width: 16px; height: 16px; } 
.sprite-group_edit{ background-position: -66px -924px; width: 16px; height: 16px; } 
.sprite-layout_header{ background-position: -66px -990px; width: 16px; height: 16px; } 
.sprite-package{ background-position: -66px -1056px; width: 16px; height: 16px; } 
.sprite-page{ background-position: -66px -1122px; width: 16px; height: 16px; } 
.sprite-pageCalendar{ background-position: -66px -1188px; width: 16px; height: 16px; } 
.sprite-page_edit{ background-position: -66px -1254px; width: 16px; height: 16px; } 
.sprite-page_go{ background-position: -66px -1320px; width: 16px; height: 16px; } 
.sprite-page_go_red{ background-position: -66px -1386px; width: 16px; height: 16px; } 
.sprite-page_red{ background-position: -66px -1452px; width: 16px; height: 16px; } 
.sprite-page_save{ background-position: -66px -1518px; width: 16px; height: 16px; } 
.sprite-page_white_key{ background-position: -66px -1584px; width: 16px; height: 16px; } 
.sprite-page_white_text{ background-position: -66px -1650px; width: 16px; height: 16px; } 
.sprite-table{ background-position: -66px -1716px; width: 16px; height: 16px; } 
.sprite-table_edit{ background-position: -66px -1782px; width: 16px; height: 16px; } 
.sprite-table_gear{ background-position: -66px -1848px; width: 16px; height: 16px; } 
.sprite-table_lightning{ background-position: -66px -1914px; width: 16px; height: 16px; } 
.sprite-user{ background-position: -132px 0; width: 16px; height: 16px; } 
.sprite-user_edit{ background-position: -132px -66px; width: 16px; height: 16px; } 
.sprite-user_green{ background-position: -132px -132px; width: 16px; height: 16px; } 
.sprite-user_red{ background-position: -132px -198px; width: 16px; height: 16px; } 
.sprite-vcard{ background-position: -132px -264px; width: 16px; height: 16px; } 
.sprite-weather_sun{ background-position: -132px -330px; width: 16px; height: 16px; } 

.rich-color-picker-input{
	  width: 0px;
	visibility: hidden;
}

.rich-color-picker-icon{
	
    border-top-style: solid;
    border-top-width: 1px;
    cursor: pointer;
    display: inline;
    height: 16px;
    vertical-align: middle;
    width: 48px;
}

.messageError {
	border: 1px solid #F0C36D;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #F9EDBE;
	font-size: 12px;
	color: black;
}

.SimpleTip{
    position:relative;
    color:blue;
}
.SimpleTip div{
    /* hide tool tip box */
    display: none;
}

.SimpleTipHover{
    position:relative;
    color:#069;
}
/* style the tool tip */
.SimpleTipHover div{
    /* you can change anything in the styling attributes below */
    font-size: 12px;
    font-weight: normal;
    width:250px;
    padding:4px;
    border:2px solid #FFC568;
    background-color:#FFF9E4;
    color:#555;
    /* DON'T CHANGE ANYTHING BEYOND THIS LINE */
    /* making round corners for Moziall Firefox and Safari. IE dosen't support */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position:absolute;
    display:block;
    left:0px; /* correct positioning*/
    top:auto; /* adjust positioning from top so that tool tip will come above the elemnt */
    text-align: left;
    /* make it visible above the all elment, z-index decide the order of elements we show on page. 5000 is much higher value and tool tip will always come above of all elements */
    z-index:5000;
}

.tooltip2 {
	/* you can change anything in the styling attributes below */
    font-size: 12px;
    font-weight: normal;
    padding:4px;
    border:2px solid #FFC568;
    background-color:#FFF9E4;
    color:#555;
    /* DON'T CHANGE ANYTHING BEYOND THIS LINE */
    /* making round corners for Moziall Firefox and Safari. IE dosen't support */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position:absolute;
    display:block;
    left:0px; /* correct positioning*/
    top:auto; /* adjust positioning from top so that tool tip will come above the elemnt */
    text-align: left;
    /* make it visible above the all elment, z-index decide the order of elements we show on page. 5000 is much higher value and tool tip will always come above of all elements */
    z-index:5000;
}