/* ======================================================================== */
/* = Mise en forme globale                                                = */
/* ======================================================================== */
#central {
    height: 400px;
/* color: rgb(30, 30, 30);*/
}

html>body #central {
    height: auto;
    min-height: 400px;
}

a img {
    border: none;
}

h2 {
    font-size: 13px;
}

#errors li{
    list-style: none;
    color: #CCC;
    border: 2px solid red;
    padding: 7px;
    margin: 10px;
    background-color: #222;
    font-weight: bold;
    text-align: center;
}

#infos li{
    list-style: none;
    color: #CCC;
    border: 2px solid green;
    padding: 7px;
    margin: 10px;
    background-color: #222;
    font-weight: bold;
    text-align: center;
}


/* ======================================================================== */
/* = Système js de notification des erreurs                               = */
/* ======================================================================== */
.notice-item {
	text-align: center;
}

.notice-item.error {
    color: red;
    border: 2px solid red;
    background-color: white;
    font-weight: bold;
}

.two_columns p > label {
    width: 20em;
    float: left;
    text-align: right;
    margin-right: 1em;
}

.two_columns p > label.error {
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
}

.two_columns p {
    clear: both;
}

.two_columns em {
    font-weight: bold;
    padding: 0 1em 0 .5em;
    vertical-align: top;
}

.two_columns fieldset {
    margin-bottom: 1em;
}

.two_columns legend {
    font-weight: bold;
}

.two_columns p input {
    width: 200px;
}
/* ======================================================================== */
/* = Page d'upload des fichiers                                           = */
/* ======================================================================== */
.BlockUpload{
    min-height:60px;
/*	overflow: auto;*/
}

.BlockUpload #images {
    list-style: none;
    margin: 0;
    padding: 0;
}

.BlockUpload #images .image {
    float: left;
    margin: 1em;
/*	border: 1px solid black;*/
}

.BlockUpload #images .thumbnail {
    width: 150px;
    height: 100px;
    margin-bottom: 0.5em;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
/*	background-color: #C9C9C9;*/
}

.BlockUpload #images .queued .thumbnail {
    background-image: url(file.png);
}

.BlockUpload #images .error .thumbnail {
    background-image: url(file_error.png);
}

.BlockUpload #images .in_progress .thumbnail {
    background-image: url(ajax-loader.gif);
}

.BlockUpload #images .name {
    width: 150px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.BlockUpload #images .thumbnail img {
    background-color: white;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 5px;
}

.ui-widget-content {
    background-image: none;
    background-color:#999999;
}

.ui-progressbar-value {
    background-image: url(images/pbar-ani.gif);
}

.BlockNotice {
    margin: 6px 0 6px 0px;
    padding: 10px 30px 10px 30px;
    border: 1px solid #666;
    color: #AAA;
    font-size: 12px;
    text-align: center;
	background-color:#222;
}

.BlockNotice a, .BlockNotice a:active, .BlockNotice a:visited {
    color: white;
    text-decoration: underline;
}

.BlockNotice a:hover {
    color: black;
    text-decoration: underline;
}

/* ======================================================================== */
/* = Page de configuration des tirages                                    = */
/* ======================================================================== */
.tirage {
    padding-bottom: 5px;
	margin-bottom: 20px;
	background-color: #000;
	border: 1px solid #303030;
}

.preview {
    margin: 3px auto;
}

.preview img {
    border-width: 1px;
    border-style: solid;
}

.calculette_preview {
    border:  1px solid white;
    background-color: #ccc;
}

.tirage .supports {
    width: 95%;
}

.BlockLivraison {
    height: auto;
}
.BlockPaiement {
    height: auto;
}

.tirage .finitions {
	float:left;
}

.groupe_finitions {	
/*width: 100%;*/
}

#popup-add-tirage{
	display:block;
	margin:5px 0 5px 0;
	padding:10px;
	background:url(../images/bg_content_body2.png) top center no-repeat #000000;
	overflow:auto;
	max-height:300px;
	_height:300px;
}

.popup-add-tirage{
	margin:5px;
	padding:0 0 5px 0;
	_display:table; /* IE6 */
}

.popup-add-tirage li{
	display:inline;
	_display:table-cell; /* IE6 */
	float:left;
	width:50%;
	_width:200px; /* IE6 */
	*width:200px; /* IE7 */
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
	input.selector_order{background:white; }
	input.selector_order[disabled="disabled"]{background:#6F6F6F; }
}

/* ======================================================================== */
/* = Bloc de configuration d'une promotion                                = */
/* ======================================================================== */
#promo_config ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#promo_config li {
    color: black;
    font-size: 10px;
}

#promo_config table {
    width: 100%;
    table-layout: fixed;
}

#promo_config td {
    padding: 0 10px;
    vertical-align: top;
}

#promo_config table select {
    width: 100%;
}

#promo_config input {
    background: white;
    border: 1px solid #252525;
    text-align: center;
}

#promo_config_dimensions {
    text-align: right;
/*width: 245px;*/
}

#promo_config_formats ul {
    float: left;
    width: 100px;
}

#promo_config_save_box {
    clear: both;
    background-color: #333;
    padding:5px;
    font-weight: bolder;
    color:#FFF;
}

#promo_config label {
    margin-right: 20px;
}

#promo_config input {
    text-align: left;
}

label.error {
    padding-left: 0;
}

/* ======================================================================== */
/* = Page des preferences                                                 = */
/* ======================================================================== */
.preferences {
    font-weight: bold;
    list-style: none;
    padding: 0;
    margin: 0;
}

.preferences li {
    margin: 0 0 1.5em 0;
}

.preferences_prestations {
    list-style: none;
    padding: 0;
    margin: 0 0 0 2em;
}

.preferences_prestations li {
    margin: 0.2em 0;
}

.preferences a {
    text-decoration: none;
    color: black;
}

/* ======================================================================== */
/* = Redéfinition des styles de jQuery UI                                 = */
/* ======================================================================== */

.createorlogin_popup {
	width:491px;
	height:387px;
	background: #A6A6A6 url(images/identification_bg.jpg) no-repeat center center;
	border: transparent none;
}

.ui-widget-content{
	background:#ffffff;
	background-image:-o-linear-gradient(#fefefe,#a7a7a7);
	background:-moz-linear-gradient(top,#fefefe,#a7a7a7);
	background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#a7a7a7));
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#fefefe,endColorstr=#a7a7a7,GradientType=0); zoom: 1;
}

.ui-datepicker {
	z-index: 10;
}

.createorlogin_popup .ui-widget {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:transparent none;
}

.ui-widget-header, .createorlogin_popup .ui-widget-header {
	border:1px solid transparent;
	background:transparent none;
}

#progressbar .ui-widget-header {
	background: #F6A828 url(images/pbar-ani.gif) 50% 50% repeat-x;
}

.createorlogin_popup .ui-state-hover,
.createorlogin_popup .ui-widget-content .ui-state-hover,
.createorlogin_popup .ui-state-focus,
.createorlogin_popup .ui-widget-content .ui-state-focus {
	color: #333333;
	border: transparent none;
}

.dialog_loading {
	text-align: center;
	background: #A6A6A6 url(images/loading_bg.jpg) no-repeat center center;
	border: none;
	width: 491px;
	height: 356px;
}

.dialog_loading table {
	border-collapse: collapse;
	width: 100%;
	height: 290px;
}

.dialog_loading .ui-widget-header {
	visibility: hidden;
}

#loading_msg_server { display: block; }
#loading_msg_progress { display: none; }

.loading_progress #loading_msg_server { display: none; }
.loading_progress #loading_msg_progress { display: block; }