#flexitModalOverlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background:#000; z-index: 10000;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
#flexitModal { position: fixed; left: 50%; top: 50%; margin: -130px 0 0 -200px; width: 400px; height: auto; background: #fff; z-index: 10001; padding-bottom: 40px; color: #333333; }
#flexitModal h4 { border-bottom: 1px solid #d2d1d1; font-size: 1.8em; line-height: 1.2em; margin: 0 0 12px; padding: 0 0 12px; }
.flexitModalContent { padding: 20px 20px 40px; min-height: 120px; position: relative; }
/* Descritption */
.flexitModalDesc { padding: 0; }
.boite_msg #flexitModal .flexitModalContent { min-height: 0; }
.flexitModalDesc .ftemplate .groupe_check label {  display: inline-block; }
.flexitModalFooter { position: absolute; left: 0; right: 0; bottom: 0; padding: 5px 10px; font-size: 0.9em; text-align: right; border-top: 1px solid #d2d1d1; }

/* Boutons */
#flexitModal .flexitModalBtns { position: absolute; left: 20px; right: 20px; bottom: 0; }

.btnLeft { float: left; margin: 0 5px 0 0; }
.btnRight { float: right; margin: 0 0 0 5px; }

.btnNormal {
    margin: 0 5px 0 0;
    color: #656669; text-decoration: none; border: 1px solid #d2d1d1; padding: 5px 10px; cursor: pointer;
    /* box-shadow & border-radius & gradient */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px 0 #fff inset;
    -moz-box-shadow: 0 0 1px 0 #fff inset;
    box-shadow: 0 0 1px 0 #fff inset;
    background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#f9f9f9), color-stop(100%,#e1e2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(center top, #f9f9f9 0%, #e1e2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* FF3.6+ */
    background: -ms-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* IE10+ */
    background: -o-linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #f9f9f9 30%, #e1e2e2 100%); /* W3C */
    /* FIX IE CSS3 */
    -pie-background: linear-gradient(center top, #f9f9f9 30%, #e1e2e2 100%);
    behavior: url(http://www.chateaudeslumieres.com/js/PIE.htc);
    position: relative !important;
}
.btnNormal:focus,
.btnNormal:hover { color: #272730; text-decoration: none; }

.btnImportant {
    margin: 0 5px 0 0;
    color: #fff; font-weight: bold; text-decoration: none; border: 1px solid transparent; padding: 5px 10px; cursor: pointer;
    /* box-shadow & border-radius & gradient */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px 0 #4e8100 inset;
    -moz-box-shadow: 0 0 1px 0 #4e8100 inset;
    box-shadow: 0 0 1px 0 #4e8100 inset;
    background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#a2d14e), color-stop(100%,#5fac00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(center top, #a2d14e 0%, #5fac00 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* FF3.6+ */
    background: -ms-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* IE10+ */
    background: -o-linear-gradient(center top, #a2d14e 30%, #5fac00 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #a2d14e 30%, #5fac00 100%); /* W3C */
    /* FIX IE CSS3 */
    -pie-background: linear-gradient(center top, #a2d14e 30%, #5fac00 100%);
    behavior: url(http://www.chateaudeslumieres.com/js/PIE.htc);
    position: relative !important;
}

.btnImportant:hover {
    /* gradient */
    background: -moz-linear-gradient(center top , #81c718 30%, #5fac00 100%);
    background: -webkit-gradient(linear, center top, center bottom, color-stop(30%,#81c718), color-stop(100%,#5fac00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(center top, #81c718 0%, #5fac00 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(center top, #81c718 30%, #5fac00 100%); /* FF3.6+ */
    background: -ms-linear-gradient(center top, #81c718 30%, #5fac00 100%); /* IE10+ */
    background: -o-linear-gradient(center top, #81c718 30%, #5fac00 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #81c718 30%, #5fac00 100%); /* W3C */
    /* FIX IE CSS3 */
    -pie-background: linear-gradient(center top, #81c718 30%, #5fac00 100%);
    behavior: url(http://www.chateaudeslumieres.com/js/PIE.htc);
}
.btnImportant:focus,
.btnImportant:hover { color: #fff; text-decoration: none; }

/* Version simple sans titre ou version sans footer */
#flexitModal.flexitModalSimple, #flexitModal.flexitModalNoFooter { padding-bottom: 20px; }
#flexitModal.flexitModalSimple .flexitModalContent { min-height: 0; }

/* Landscape phones and down */
@media (max-width: 480px) {
    /* Popup Ajout panier */
    #flexitModal h4 { font-size: 1.5em; font-weight: normal; }
    #flexitModal { width: 240px; margin-left: -120px; padding-bottom: 12px; margin-top: -150px; }
    .flexitModalContent { padding-bottom: 120px; }
    .flexitModalDesc { margin: 0 0 0 4px; }
    #flexitModal .btnLeft,
    #flexitModal .btnRight { display: block; float: none; text-align: center; margin-bottom: 6px; }
    .flexitModalFooter { display: none; }
}