/******************************************************************
************************** GENERALE *******************************
******************************************************************/

#backoffice {
	background-color: #fffcf5; 
	min-height: 699px;
	width: 898px;	
}

#backoffice h3 {
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	margin-top:10px;
	font-size: 16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; 
	font-weight:bold;
	font-style:normal;
	color: #000000;	
	/*text-decoration:underline;*/
}

#backoffice h4 {
	padding:0px;
	margin:0px;
	margin-bottom: 10px;
	margin-top:10px;
}

#backoffice h5 {
	font-size:12px;
	color:#616161;
	padding:0px 5px 0px 5px;
	font-weight:bold;
	background: url('/alyweb/css/images/input-hover-background.png') bottom left repeat-x;
	border-bottom:1px solid #d0d0d0;
}

#backoffice p {
	padding:0px;
	margin:0px;
	margin-bottom: 7px;
	margin-top: 7px;
}

#backoffice label.not-required {
	padding-left: 15px;
}

#backoffice input[type=text] {
	width:200px;
	border:1px solid #999999;
	padding:1px;
	margin-bottom:2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background: url('/alyweb/css/images/input-background.png') top left repeat-x; 
}

#backoffice input[type=submit], input[type=button] {
	font-size:11px;
	font-weight:bold;
	color:#333333;
	border:1px solid #999999;
	padding: 1px 10px 1px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url('/alyweb/css/images/input-background.png') top left repeat-x; 
}

#backoffice input[type=submit]:hover, input[type=button]:hover{
	background-color:#FFFFFF;
	border:1px solid #999999;
	background: url('/alyweb/css/images/input-hover-background.png') bottom left repeat-x; 
}

#backoffice input[type=text]:hover, input[type=button]:hover{
	background-color:#FFFFFF;
	border:1px solid #999999;
	background: url('/alyweb/css/images/input-hover-background.png') bottom left repeat-x; 
}

/*
 *input dans les traces des news, events, etc... 
 */
#backoffice #form-one-date input[type=text]{
	background-color:#FFFFFF;
	border:1px solid #999999;
	background: url('/alyweb/css/images/input-hover-background.png') bottom left repeat-x; 
	width:130px;
}

#backoffice select {
	background:#ffffff;
	border:1px solid #999999;
	padding: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:13px;	
	width:204px;
	background: url('/alyweb/css/images/input-background.png') top left repeat-x; 
}

#backoffice .inputEmpty {
	color:#c0c0c0;
	width:200px;
	border:1px solid #7e7e7e;
	padding:1px;
	margin-bottom:2px;
}

#backoffice .inputStandard {
	width:200px;
	border:1px solid #7e7e7e;
	padding:1px;
	margin-bottom:2px;
}

#backoffice input[type=password] {
	width:200px;
	border:1px solid #999999;
	padding:1px;
	margin-bottom:2px;
	background: url('/alyweb/css/images/input-background.png') top left repeat-x; 
}

#backoffice textarea {
	width:202px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:12px;
	border:1px solid #999999;
	padding:1px;
	margin-bottom:2px;
}

#backoffice .imgTitlePage {
	float:right;
	padding:0px;
	margin:0px;
	padding-left:10px;
}

#backoffice .info {
	background:#dddddd;
	border:1px solid #333333;
	padding:5px;
	margin:0px;
	text-align:center;
}

#backoffice #result-request {
	margin:10px;
}

#backoffice .action-menu {
	/*font-size:10px;
	color:#616161;
	font-weight: bold;
	vertical-align:text-top;*/
	font-size:12px;
	color:#616161;
	font-weight:bold;
	padding:0px;
	margin:0px;	
	padding-left:0px;
}

#backoffice .action-menu-disabled {
	font-size:12px;
	color:#616161;
	font-weight:bold;
	padding:0px;
	margin:0px;	
	padding-left:0px;
	text-decoration: line-through;
}

#backoffice .disableText {
	color:#c0c0c0;
}

.toDelete:hover {
    color:#c10b0b;
	text-decoration:line-through;
	font-weight:bold;
	padding-left:18px;
	background:url('/alyweb/css/images/delete.png') left center no-repeat;

}

.toAdd:hover {
	color:#1b7dc7;
	font-weight:bold;
	padding-left:18px;
	background:url('/alyweb/css/images/add.png') left center no-repeat;
}

#backoffice .comment {
	font-size:11px;
	color:#616161;
	font-style:italic;
}

#backoffice #loader {
	display:none;
}

/******************************************************************
********************** NAVIGATION DES MENUS ***********************
******************************************************************/
#backoffice #browser-navigation, #backoffice #browser-navigation-menu {
	color:#7d7d7d;
	font-size:12px;
}

#backoffice #browser-navigation a, #backoffice #browser-navigation-menu a {
	color:#7d7d7d;
}

#backoffice #browser-navigation a:hover, #backoffice #browser-navigation-menu a:hover {
	color:#444444;
}

#backoffice #browser-navigation table, #backoffice #browser-navigation-menu table {
	border-spacing:0px;
	border:1px solid #d0d0d0;
}

#backoffice #browser-navigation th, #backoffice #browser-navigation th a, #backoffice #browser-navigation-menu th, #backoffice #browser-navigation-menu th a {
	color:#616161;
	padding:0px 5px 0px 5px;
	font-weight:bold;
	background: url('/alyweb/css/images/input-hover-background.png') bottom left repeat-x;
	border-bottom:1px solid #d0d0d0;
}

#backoffice #browser-navigation td, #backoffice #browser-navigation-menu td {
	padding-left: 5px;
	padding-right: 2px;
	background:#f2f2f2;
}

#backoffice #browser-navigation td.td-separator, #backoffice #browser-navigation-menu td.td-separator {
	padding-left: 5px;
	padding-right: 2px;
	/*border-left:1px solid #d0d0d0;*/
	border-right:1px solid #d0d0d0;
}

#backoffice #browser-navigation .browser-navigation-files, #backoffice #browser-navigation-menu .browser-navigation-files {
	margin-top:15px;
}

#backoffice .item-page-browser {
	font-style:italic;
	padding-left: 20px;
	background: url('/alyweb/css/images/browser-page-item.png') center left no-repeat;
	border-bottom:1px dotted #d0d0d0;
}

#backoffice .item-url-browser {
	font-style:italic;
	padding-left: 20px;
	background: url('/alyweb/css/images/browser-url-item.png') center left no-repeat;
	border-bottom:1px dotted #d0d0d0;
}

#backoffice .item-file-browser {
	font-style:italic;
	padding-left: 20px;
	background: url('/alyweb/css/images/browser-file-item.png') center left no-repeat;
	border-bottom:1px dotted #d0d0d0;
}

#backoffice .item-js-browser {
	font-style:italic;
	padding-left: 20px;
	background: url('/alyweb/css/images/browser-js-item.png') center left no-repeat;
	border-bottom:1px dotted #d0d0d0;
}

#backoffice .item-module-browser {
	font-style:italic;
	padding-left: 20px;
	background: url('/alyweb/css/images/browser-module-item.png') center left no-repeat;
	border-bottom:1px dotted #d0d0d0;
}

#backoffice .menu-error {
	color:#bb0000;
	font-size:9px;
	font-weight:normal;
}


/******************************************************************
************************** LES TABLEAUX ***************************
******************************************************************/
#backoffice table {
	border:none;
}

#backoffice tr {
	
}

#backoffice td {
	vertical-align:top;
	padding: 1px 1px 1px 1px;
}

/******************************************************************
************************ CATEGORIE MODULES ************************
******************************************************************/

#backoffice .category-modules {
	
}

#backoffice .category {
	width:100%;
	border-bottom:1px dashed #cacaca;
	margin:10px 0px 10px 0px;
	padding-left:0px;
	padding-bottom:3px;
	font-weight:bold;
	color:#616161;
}

#backoffice .module-icons {
	width:134px;
	margin:0px 4px 0px 0px;
	text-align:center;
	padding:3px;
	height:200px;
	border:1px #cacaca solid;
}

#backoffice .module-icons-name {
	font-size:12px;
	color:#ffffff;
	background-color:#616161;
}

#backoffice .module-icons-picture {
	padding-top:5px;
}

#backoffice .module-icons-picture img {
	border:none;
}

#backoffice .module-icons-description {
	font-size:10px;
	color:#616161;
	padding:3px;
}

/******************************************************************
**************** BLOCK DE MODIFICATION DES MENUS ******************
******************************************************************/

#backoffice #menu-block-left {
	float:left;
	width:350px;
}

#backoffice #menu-block-right {
	border:1px #cacaca solid;
	padding:0px 10px 10px 10px;
	width:300px;
	display:none;
	text-align:left;
}

#backoffice .table-sitemap {
	width:100%;
}

#backoffice .table-sitemap td {
	margin:0px;
	padding:0px;
}

#backoffice #sitemap {
	width:400px;
}

#backoffice #get-info-item-menu {
	border:1px solid #d0d0d0;
	margin-top:10px;
	background:#f2f2f2;
}

#backoffice #get-info-item-menu table {
	border-spacing:0px;
}

#backoffice #get-info-item-menu td {
	padding: 0px 5px 0px 5px;
}

/******************************************************************
************** GESTION FILTRES SUR LES TABLEAUX********************
******************************************************************/

#backoffice thead th {
	font-weight:bold;
	font-size:14px;
	border: 1px solid #999999;
    background: #d8d8d8;
	padding: 0px 2px 0px 2px;
	text-align:center;
}

#backoffice thead input[type=text] {
	font-size:12px;
	width:160px;
	border:1px solid #999999;
	padding:0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background: url('/alyweb/css/images/input-background.png') top left repeat-x; 
}

#backoffice .member-info {
	width:300px;
}
/******************************************************************
************ GESTION CHAMPS D'EDITION DE TEXTE*********************
******************************************************************/
#backoffice .edit-text {

}

#backoffice .edit-text input {
	border:1px solid #999999;
	padding:1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background: url('/alyweb/css/images/input-background.png') top left repeat-x; 
}

#backoffice .edit-text select {
	background:#ffffff;
	border:1px solid #999999;
	padding: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:12px;	
	width:40px;
	background: url('/alyweb/css/images/input-background.png') top left repeat-x; 
}

/******************************************************************
********************** MENU CONTEXTUEL*****************************
******************************************************************/
#backoffice .contextMenu {
	position: absolute;
	width: 150px;
	z-index: 99999;
	border: solid 1px #999999;
	background: #f4f4f4;
	padding: 0px;
	margin: 0px;
	display: none;
	font-size:11px;
}

#backoffice .contextMenu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#backoffice .contextMenu a {
	/*color: #333;*/
	text-decoration: none;
	display: block;
	line-height: 25px;
	height: 22px;
	background-position: 3px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 0px;
	padding-left: 22px;
}

#backoffice .contextMenu li.hover a {
	color: #f4f4f4;
	background-color: #616161;
}

#backoffice .contextMenu li.disabled a {
	color: #AAA;
	cursor: default;
}

#backoffice .contextMenu li.hover.disabled a {
	background-color: transparent;
}

#backoffice .contextMenu li.separator {
	border-top: solid 1px #CCC;
}

/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

#backoffice .contextMenu li.contextAdd a {
	background-image: url(/alyweb/css/images/add.png);
}

#backoffice .contextMenu li.contextPut a {
	background-image: url(/alyweb/css/images/put.png);
}

#backoffice .contextMenu li.contextDelete a {
	background-image: url(/alyweb/css/images/delete.png);
}

#backoffice .contextMenu li.contextEdit a {
	background-image: url(/alyweb/css/images/edit.png);
}

#backoffice .contextMenu li.contextMove a {
	background-image: url(/alyweb/css/images/edit.png);
}

#backoffice .contextMenu li.contextClose a {
	background-image: url(/alyweb/css/images/close.png);
}

#backoffice .contextMenu li.contextSelectAll a {
	background-image: url(/alyweb/css/images/checkAll.png);
}


/******************************************************************
****************** Affichage des galeries *************************
******************************************************************/
#backoffice .contentGalleryView {
	background: #F2F2F2 none repeat scroll 0 0;
	border : 1px solid #CACACA;
	padding:12px;
}

#backoffice .galleryView {
	background: #F2F2F2 none repeat scroll 0 0;
	width:100%;
	font-size:12px;
}

#backoffice .galleryView tr td{
	text-align:center;
	max-width:25%;
	font-size:10px;
	vertical-align:baseline;
}

#backoffice .galleryView tr td p {
	padding:0px;
	margin:0px;
	text-align:inherit;
}

#backoffice .infoThumbnail table {
	padding:0px;
	margin:0px;
	margin-bottom:0px;
	border:none;
}

#backoffice #browser-navigation .infoThumbnail table {
	padding:0px;
	margin:0px;
	margin-bottom:0px;
	border:none;
}

#backoffice .galleryView tr td .thumbnailImg {
	border:1px solid #CACACA;
	background:#ffffff;
	padding:7px;
	margin:7px;
}

#backoffice .galleryView tr td .thumbnailImg:hover {
	border:1px solid black;
}

#backoffice .listFilesView {
	width:100%;
	font-size:12px;
}

#backoffice .listFilesView tr td {
	font-size:10px;
}

/**
 * Largeur des images dans le gestion de fichiers MAX : 180
 */
img.thumbnailImg {
	max-width:180px;
}

/******************************************************************
**************************** Popup ********************************
******************************************************************/
#backoffice .bkgPopup{  
	display:none;  
	position:fixed;  
	/*_position:absolute;*/ /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #cecece;  
	z-index:1;  
}  

#backoffice .popupLittle{  
	display:none;  
	position:fixed;  
	/*_position:absolute;*/ /* hack for internet explorer 6*/  
	height:100px;  
	width:400px;  
	background:#FFFFFF;  
	border:2px solid #cecece;  
	z-index:2;
	padding:12px;
	/*font-size:13px;*/
} 

#backoffice .popupMiddle{  
	display:none;  
	position:fixed;  
	/*_position:absolute;*/ /* hack for internet explorer 6*/  
	height:200px;  
	width:300px;  
	background:#FFFFFF;  
	border:2px solid #cecece;  
	z-index:2;
	padding:12px;
	/*font-size:13px;*/
} 

#backoffice .popupBig{  
	display:none;  
	position:fixed;  
	/*_position:absolute;*/ /* hack for internet explorer 6*/  
	height:300px;  
	width:600px;  
	background:#FFFFFF;  
	border:2px solid #cecece;  
	z-index:2;
	padding:12px;
	/*font-size:13px;*/
} 

#backoffice .popupVbig{  
	display:none;  
	position:fixed;  
	/*_position:absolute;*/ /* hack for internet explorer 6*/  
	height:520px;  
	width:1000px;  
	background:#FFFFFF;  
	border:2px solid #cecece;  
	z-index:2;
	padding:12px;
	/*font-size:13px;*/
	overflow:auto;
}

#backoffice .popupClose{  
	right:2px;  
	top:0px;
	position:absolute;  
	display:block; 
}  

#backoffice .btnPopup{  
 
}


/******************************************************************
********************** TABLEAU ALTERNATE **************************
******************************************************************/

#backoffice .odd {
	background-color:#f8f8f8;
}
	
#backoffice .even {
	background-color:#f4f4f4;;
}
	
#backoffice .off {
	background-color:red;
}
	
#backoffice .on {
	background-color:blue;
}
	
#backoffice .hover {
	background-color:#F0F0F0;;
	color:#333333;
}
	
#backoffice .selected {
	background-color:#E0E7ED;
	color:#333333;
}



/*******************************************************************
**************************** HISTORY *******************************
*******************************************************************/

#backoffice .itemDeleted {
	color:#AAAAAA;
	text-decoration:line-through;
}

#backoffice .itemTranslation {
	width:100%;
}

#backoffice .itemTranslation td {
	width:50%;
}

#backoffice .historyItemTranslation td {
	width:30px;
}

#backoffice #filter-table-history {
	width:100%;
}

#backoffice #filter-table-history input {
	width:100%;
}

#backoffice #filter-table-recycled {
	width:100%;
}


/******************************************************************
****************** CONTROLE DE FORMULAIRES*************************
******************************************************************/
#backoffice .dataForm {

}

#backoffice .l-required {
    padding-left: 15px;
    background: url('/alyweb/css/images/required.png') top left no-repeat;
}

#backoffice input.field-error {
    border: 1px solid #CC0000;
	background:none;
	background-color:#F7CBCA;
}

#backoffice select.field-error {
    border: 1px solid #CC0000;
	background:none;
	background-color:#F7CBCA;
}

#backoffice textarea.field-error {
    border: 1px solid #CC0000;
	background:none;
	background-color:#F7CBCA;
}

#backoffice input.psw-not-confirmed {
	color:#CC0000;
	border: 1px solid #CC0000;
	background:none;
	background-color:#F7CBCA;
}

#backoffice .label-error {
    color: #a50021;
    font-weight: bold;
}

#backoffice .requiredMsg {
    font-size: 11px;
	padding-left: 15px;
    background: url('/alyweb/css/images/required.png') top left no-repeat;
}

#backoffice #error-form {
    display: none;
    margin: 10px 20px;
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    border:1px solid #CC0000;
    background-color: #F7CBCA;
    color:#CC0000;
}



/******************************************************************
**************************** HELP *********************************
*******************************************************************/
#backoffice #help-meebo {
	padding:10px 0px 10px 0px;
}

#backoffice #help-meebo td {
	text-align:center;
}

/******************************************************************
*********************** TOOLBAR HTACCESS ***************************
*******************************************************************/
#backoffice .toolbarHtaccess li{
	display:inline;
}

/******************************************************************
**************************** SHOP *********************************
*******************************************************************/

#backoffice .table-backoffice {
	border-spacing:0px;
	border:1px solid #d0d0d0;
}

#backoffice .table-backoffice th, #backoffice .table-backoffice th a {
	color:#616161;
	padding:0px 5px 0px 5px;
	font-weight:bold;
	background: url('/alyweb/css/images/input-hover-background.png') bottom left repeat-x;
	border-bottom:1px solid #d0d0d0;
}

#backoffice .table-backoffice td {
	padding-left: 5px;
	padding-right: 2px;
	background:#f2f2f2;
}

#backoffice .table-backoffice td.td-separator {
	padding-left: 5px;
	padding-right: 2px;
	/*border-left:1px solid #d0d0d0;*/
	border-right:1px solid #d0d0d0;
}