BODY {
        margin: 0;
        font-family: Verdana, Geneva, sans-serif;
        ofont-family: Impact, Charcoal, sans-serif;
        ofont-family: "Times New Roman", Times, serif;
        ofont-family: "Courier New", Courier, monospace;
        ofont-size: 0.8em;
        color: #4d4d4d;
        color: var(--text-baseColor);
        background-color: var(--background-color);
    }
	BUTTON {
		oborder: 4px dashed red !important;
	}
	BUTTON.ekiosque-button, BUTTON.ekiosque-label, BUTTON.ekiosque-radio, BUTTON.ekiosque-checkbox {
        border: 0px none transparent !important;
        border-radius: 4px;
        border-radius: 12px;
        padding-top: 4px; padding-bottom: 4px;
        padding-left: 8px; padding-right: 8px;
        font-family: Verdana, Geneva, sans-serif;
        ofont-family: Impact, Charcoal, sans-serif;
        ofont-family: "Times New Roman", Times, serif;
        cursor: pointer;
    }
	BUTTON.ekiosque-button {
        background-color: #b7b7b7;
        color: #4d4d4d;
	}
	BUTTON.ekiosque-label {
		background-color: #28a745;		/* green */
        background-color: #3d7acc;		/* figaro blue */
        color: #ffffff;
	}
	BUTTON.ekiosque-radio {
        background-color: #b7b7b7;
        color: #4d4d4d;
	}
	BUTTON.ekiosque-checkbox {
        background-color: #b7b7b7;
        color: #4d4d4d;
	}
	
    BUTTON.ekiosque-button:hover {
        background-color: #3d7acc;
        color: #ffffff;
        background-color: #d7d7d7;
        color: #4d4d4d;
    }
    BUTTON.ekiosque-radio:hover {
        background-color: #d7d7d7;
        color: #4d4d4d;
    }
    BUTTON.ekiosque-checkbox:hover {
        background-color: #d7d7d7;
        color: #4d4d4d;
    }
	
    BUTTON.ekiosque-button.active {
        background-color: #3d7acc;
        color: #ffffff;
    }
    BUTTON.ekiosque-radio.active {
        background-color: #3d7acc;
        color: #ffffff;
    }
    BUTTON.ekiosque-checkbox.active {
        background-color: #3d7acc;
        color: #ffffff;
    }
	button.ekiosque-button:focus {		/* override chrome strong black line chrome outline chrome button focus button active button */
		outline:none;
		outline: 1px dotted;
	}
    BUTTON.ekiosque-radio.active:hover {
        /*background-color: #3d7acc;
        color: #ffffff;*/
		cursor: default;
    }
	BUTTON.ekiosque-checkbox.active:hover {		/* si on clique alors cela passe en bleu mais si on reste au dessus alors c'est le hover qui s'applique et cela reste gris */
        background-color: #7198cd;
        color: #ffffff;
    }

/* like BUTTON.ekiosque-radio mais .ui-widget button */
BUTTON.group-button {
    cursor: pointer;
    display: inline-block;
	border-radius: 12px;

	font-size: 0.8rem !important;					/* .ui-widget button */
	font-family: Verdana, Geneva, sans-serif !important;
	border: 0px none transparent !important;

	background-color: #b7b7b7;
	color: #4d4d4d;
}
BUTTON.group-button:hover {
	background-color: #d7d7d7;
	color: #4d4d4d;
}

BUTTON.group-button-current {
	background-color: #3d7acc;
	color: #ffffff;
}
BUTTON.group-button-current:hover {
	background-color: #3d7acc;
	color: #ffffff;
	cursor: default;
}

BUTTON.button-facebook:disabled {
	opacity: .35;
}
.button-facebook-left {
	display: none;
}

.button-facebook-right {
	display: none;
}

BODY.display-left-page .button-facebook-left {
	display: inline;
}

BODY.display-right-page .button-facebook-right {
	display: inline;
}

    /*
	*/
    BUTTON.text {
        border: 0px none transparent;
        border-radius: 4px;
        border-radius: 12px;
        padding-top: 4px; padding-bottom: 4px;
        padding-left: 8px; padding-right: 8px;
        font-family: Verdana, Geneva, sans-serif;
        cursor: pointer;
        background-color: #b7b7b7;
        color: #4d4d4d;
    }
	FIELDSET:disabled BUTTON.text {
		cursor: not-allowed;
	}
	BUTTON.text:disabled {
		cursor: not-allowed;
	}
    BUTTON.text:hover {
        color: #ffffff;
    }
    BUTTON.text:disabled {
        color: #4d4d4d;
    }
    BUTTON.text.blue:hover {
        background-color: #3d7acc;
    }
    BUTTON.text.blue.active {
        background-color: #3d7acc;
        color: #ffffff;
    }
	BUTTON.text.blue:disabled {
		background-color: #b7b7b7;
	}
	BUTTON.btn-outline-dark:disabled {
		background-color: #b7b7b7;
	}
	BUTTON.icon {
        border: 0px none transparent;
    }
    BUTTON.icon:hover {
    }
    SELECT {
        font-family: Verdana, Geneva, sans-serif;
        ofont-family: Impact, Charcoal, sans-serif;
        ofont-family: "Times New Roman", Times, serif;
        ofont-family: "Courier New", Courier, monospace;
        border-radius: 4px;
        border: 0px none transparent;
        border: 1px solid #b7b7b7;
        obackground-color: #f0f0f0;
        padding-top: 3px; padding-bottom: 3px;
        padding-left: 10px; padding-right: 10px;
        color: #999999;
    }
    INPUT {
        font-family: Verdana, Geneva, sans-serif;
        ofont-family: Impact, Charcoal, sans-serif;
        ofont-family: "Times New Roman", Times, serif;
        ofont-family: "Courier New", Courier, monospace;
        border-radius: 4px;
        border: 0px none transparent;
        obackground-color: #f0f0f0;
        border: 1px solid #b7b7b7;
        padding-top: 4px; padding-bottom: 4px;
        padding-left: 10px; padding-right: 10px;
        color: #3d7acc;
    }

    TABLE {
        font-family: Verdana, Geneva, sans-serif;
        ofont-family: Impact, Charcoal, sans-serif;
        ofont-family: "Times New Roman", Times, serif;
        ofont-family: "Courier New", Courier, monospace;
        font-size: inherit;
    }

    .maxwidth {
        omax-width: 1560px;
    }

    .result-number {
        display: inline-block;
    }
    .example, INPUT[TYPE="text"]::placeholder {
        color: #999999;
    }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #999999;
    }
    ::-moz-placeholder { /* Firefox 19+ */
      color: #999999;
    }
    :-ms-input-placeholder { /* IE 10+ */
      color: #999999;
    }
    :-moz-placeholder { /* Firefox 18- */
      color: #999999;
    }

    .section-title {
        text-transform: uppercase;
        font-size: 1.2em;
        margin-bottom: 10px;
    }

    .publication-nofilter {
		max-width: 120px;
        white-space: nowrap;
        overflow: hidden;
		max-width: none;
    }
    .publication-filter {
		max-width: 120px;
        white-space: nowrap;
        overflow: hidden;
    }
    .publication-name {
        /*max-width: 140px;*/
		max-width: 120px;
        white-space: nowrap;
        overflow: hidden;
    }
	.result-publication .publication-name {
		omax-width: none;				/* les boutons débordent sur la home */
	}
	.result-publication {
		oborder : 3px dashed purple !important;
	}
    .publication-date {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        min-height: 30px;
		ofont-size: 0.9em;
    }
	.publication-date-sr {
		display: table-cell; text-align: center; vertical-align: middle; min-height: 30px;
		ofont-weight: bold;
		ocolor: orangered;
	}
	.publication-edition {
		font-size: 0.7rem; color: #444;
	}
    .parution-name { 
		max-width: 140px;
		white-space: nowrap;
		overflow: hidden;
	}

    BUTTON.icon {
        background-color: transparent;
        padding: 0;
    }

    HTML.no-download BUTTON.button-download {
        display: none;
    }
    HTML.no-print BUTTON.button-print {
        display: none;
    }
    HTML.no-print A.css-tab-print {
        display: none;
    }
	
	BUTTON.button-bookmark,
	DIV.button-bookmark {
		oborder: 1px dashed purple;
		border-radius: 0;
		width: 28px;
		height: 28px;
		obackground-color: white;
		background-position: center center;
		background-size: auto;
		background-repeat: no-repeat;
		background-origin: padding-box;
		background-clip: border-box;
		background-attachment: scroll;
		display: inline-block;
	}
	DIV.thumbPage[bookmarked="1"] DIV.button-bookmark {
		background-image: url("/player/icons/star-bookmarked.png");
	}
	BUTTON.button-bookmarked {
		background-image: url("/player/icons/star-bookmarked.png");
	}
	BUTTON.button-not-bookmarked {
		background-image: url("/player/icons/star-not-bookmarked.png");
	}
	BUTTON.button-bookmark-none {
		background-image: url("/player/icons/star-bookmark-none-75.png");
		cursor: not-allowed ;
	}
	BUTTON.button-bookmark-add {
		oborder: 1px dashed purple;
		border-radius: 0;
		width: 28px;
		height: 28px;
		background-color: white;
		background-position: center center;
		background-size: auto;
		background-repeat: no-repeat;
		background-origin: padding-box;
		background-clip: border-box;
		background-attachment: scroll;
		background-image: url("/player/icons/star-grey.png");
	}
/* liste des articles */
	DIV.article-item-0[bookmarked="1"] DIV.button-bookmark {
		background-image: url("/player/icons/star-bookmarked.png");
	}
/* un article */
	BUTTON.button-bookmark-article IMG {
		vertical-align: middle;
	}
.error {
		font-family: Arial,Helvetica,sans-serif;
				   
			  
			   
						   
									 
		font-size: 0.8em;
							   
		padding: 0.4em;
		border: 1px solid #f1a899;
		background: #fddfdf;
  
													
													 
  
						   
													 
  
							   
														 
  
							  
														   
					   
  
							 
							 
				   
			  
			   
		color: #5f3f3f;
									 
						
							   
								 
		border-radius: 3px;
		margin-bottom: 0.4em;
											   
	}

.empty-resultset {
	text-align: center;
}
.empty-resultset-1 {
	display: inline-block;
	padding: 0.5em; padding-left: 1em; padding-right: 1em;
	ofont-size: 0.8em;
	border: 1px solid #f1a899;

	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;

	background: #fddfdf;
	color: #5f3f3f;
}