/**
 * Feuille de style exclusive pour JeGereMesEcrans
 *
 */

* {
    margin: 0;
    padding: 0;
}

a img {
    border: 0;
}

.bold {
   font-weight: bold; 
}

input[type=text]:focus, input[type=password]:focus,
textarea:focus, select:focus, .ieFocus {
    box-shadow: 0 0 6px #DF71A5;
    -webkit-box-shadow: 0 0 6px #DF71A5;
    -moz-box-shadow: 0 0 6px #DF71A5;
}

button, img.button {
	cursor:pointer;
    vertical-align: middle;
    padding: 0 6px;
}

body {
    font: 12px Tahoma,Arial,sans-serif;
    background: url("images/commonBg.png") repeat-y scroll 50% 0 transparent;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

#wrapper {
    width: 1000px;
    margin: 0 auto;
    padding: 0 34px 0 34px;
}

body.accueil {
    background-image: none;
}

body.accueil #wrapper {
    width: 792px;
    font: 12px Arial, sans-serif;
    background: url("images/accueilBg.png") repeat-y 50% 0;
}

body.accueil #content {
    background: url("images/img_fond.jpg") no-repeat;
    width: 724px;
    margin: 0 auto;
    padding-top: 50px;
    position: relative;
}

#menu {
    height: 76px;
    position:relative;
}

#menuTop {
    height: 70px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration:none;
    background: url(images/menu.png) -15px 0 no-repeat;
    position: relative;
}

#menuTop table {
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
}

/* ==== Top menu ==== */
ul.menu {
    position: absolute;
    right: 0;
    bottom: 4px;
    list-style: none;
    text-align: right;
    margin: 0;
    padding: 0;
}

ul.menu li {
    float: right;
}

ul.menu li a {
    color: black;
    text-decoration: none;
    text-align: center;
    font-size: 10px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    cursor: pointer;
    display: block;
    width: 76px;
    height: 49px;
    border: 0px;
}

ul.menu li a:hover {
    background-color: #a10d59;
    color: white;
}

ul.menu li a img {
    vertical-align: middle;
    border: 0;
    max-height: 32px;
    max-width: 32px;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
    font-size: 10px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}

button:disabled {
    cursor: not-allowed;
}

/** Icons **/
.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: grey;
    margin: 2px;
    background-image: url("../images/fugue/sprite-sheet.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
}

.icon.edit   {background-position: -83px -135px}
.icon.delete {background-position: -83px -31px}
.icon.tick   {background-position: -31px -83px}

/*
.icon-magnifier {background-position: -5px -5px}
.icon-mail-open-document-text {background-position: -31px -5px}
.icon-mail {background-position: -5px -31px}
.icon-information-frame {background-position: -31px -31px}
.icon-hammer {background-position: -57px -5px}
.icon-exclamation {background-position: -57px -31px}
.icon-eye {background-position: -5px -57px}
.icon-gear {background-position: -31px -57px}
.icon-minus-circle-frame {background-position: -57px -57px}
.icon-minus-circle {background-position: -83px -5px}
.icon-trash16 {background-position: -83px -31px}
.icon-users {background-position: -83px -57px}
.icon-wrench {background-position: -5px -83px}
.icon-tick {background-position: -31px -83px}
.icon-target {background-position: -57px -83px}
.icon-mobile-phone {background-position: -83px -83px}
.icon-plus-circle {background-position: -109px -5px}
.icon-question-frame {background-position: -109px -31px}
.icon-door {background-position: -109px -57px}
.icon-door-open-out {background-position: -109px -83px}
.icon-database-export {background-position: -5px -109px}
.icon-database--pencil {background-position: -31px -109px}
.icon-database--plus {background-position: -57px -109px}
.icon-building {background-position: -83px -109px}
.icon-book-open-list {background-position: -109px -109px}
.icon-arrow-curve-180 {background-position: -135px -5px}
.icon-arrow-return-180 {background-position: -135px -31px}
.icon-balloon {background-position: -135px -57px}
.icon-database {background-position: -135px -83px}
.icon-disk-black {background-position: -135px -109px}
.icon-document {background-position: -5px -135px}
.icon-document-rename {background-position: -31px -135px}
.icon-document-zipper {background-position: -57px -135px}
.icon-document--pencil {background-position: -83px -135px}
.icon-document-excel {background-position: -109px -135px}
.icon-disk-blue {background-position: -135px -135px}
.icon-disk-marron {background-position: -161px -5px}
.icon-disk {background-position: -161px -31px}
.icon-arrow-090 {background-position: -161px -57px}
*/

/* ==== Couleurs ==== */
.new-form fieldset, fieldset.raccourcis {
    background: #F8D5E7;
}

.new-form legend {
    color: #000;
}

.new-form label {
    color: #555;
}

.new-form.h p {
    color: #555;
}

.new-form input[type="text"], .new-form input[type="password"], .new-form textarea {
    border-color: #CFA9C8;
    color: #000;
}

#divGlobalWait {
    background-position: 50% 0;
    padding-top: 70px;
}


/* ==== Boîtes de dialogue ==== */
.dialog-box {
    background-color: #fff;
    box-shadow: 0 2px 8px #999;
    /*min-height: 340px;*/
    overflow: auto;
    padding: 0 0 30px 0;
    position: fixed;
    z-index: 199;
    width: 400px;
    margin-top: auto;
}

.IE7 .dialog-box,
.IE8 .dialog-box {
    border: 1px solid #c0c0c0;
}

/**
 * Classe de transition pour distinguer les fenêtres utilisant FDI.Dialog
 * Devra être rattaché à .dialog-box
 */
.dialog-box.x {
    visibility: hidden;
    opacity: 0;
    
    transition-property: margin-top, opacity, visibility;
    transition-duration: 200ms;
    transition-timing-function: ease;
}

.dialog-box.visible {
    opacity: 1;
    visibility: visible;
}

.dialog-box .dialog-icon {
    float: left;
    height: 48px;
    margin: 10px 15px 0 15px;
    width: 48px;
    background: url("../images/dialog-icons-old.png") no-repeat 50% 0;
    display: none;
}

.dialog-box .dialog-title {
    height: 17px;
    padding: 2px 0 6px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #D63C8B;
    background-image: linear-gradient(to bottom, #F478BA, #D63C8B, #A92E6B);
    background-image: -webkit-linear-gradient(top, #F478BA, #D63C8B, #A92E6B);
    box-shadow: none;
}


.dialog-box .dialog-content {
    overflow-y: auto;
    padding: 10px 25px 10px 10px;
    max-height: 400px;
    min-height: 60px;
}

.dialog-box .buttons-container {
    background: #f0f0f0;
    border-top: 1px solid #e0e0e0;
    bottom: 0;
    left: 0;
    padding: 4px 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.dialog-box.thin-frame .dialog-content {
    padding: 0;
}

.dialog-box.medium {
    width: 600px;
}

.dialog-box.dialog-error    {border: 3px solid red;}
.dialog-box.dialog-warning  {border: 3px solid orange;}
.dialog-box.dialog-info     {border: 3px solid blue;}
.dialog-box.dialog-question {border: 3px solid blue;}

.dialog-box.dialog-error    .dialog-icon { display: block; background-position: 0 -48px  }
.dialog-box.dialog-warning  .dialog-icon { display: block; background-position: 0 -96px  }
.dialog-box.dialog-info     .dialog-icon { display: block; background-position: 0 -144px }
.dialog-box.dialog-question .dialog-icon { display: block; background-position: 0 -192px }
.dialog-box.dialog-robot    .dialog-icon { display: block; background-position: 0 -240px }
.dialog-box.dialog-ok       .dialog-icon { display: block; background-position: 0 -288px }


.modal-background {
    position: fixed;
    opacity: 0.7;
    background-color: #fff;
    z-index: 90;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.IE7 .modal-background,
.IE8 .modal-background {
    filter: alpha(opacity=70);
}

/* ==== Réglages spécifiques ==== */
#fdi-dg {
    font-weight: bold;
    font-size: 10pt;
}

#fdi-dg .buttons-container {
    background: none;
    border: none;
}

#fdi-dg .buttons-container button {
    min-width: 60px;
}

/* ==== To Sort ==== */
#dialogFrame {
    border: none;
    width: 100%;
    height: 100%;
}

#divShowOverlay {
    min-height: 340px;
}

#divShowOverlay .dialog-content {
    padding: 0;
}

.buttons-container {
    padding-bottom : 10px;
    /* text-align: center; */
}

.messageWaitOverlay {
	position:fixed;
	margin-left:-200px;
	left:50%;
	width:400px;
}