.popUpContainer{
    position:fixed;
    left:25vw;
    width:50vw;
    top:15vh;
    height:70vh;
    background-color: #F4EFDF;
    border:1px solid black;
    box-shadow: 0px 0px 49px -3px black;

    display:none;
}

.popUpContainer.shown{
    display:block;
}

.popUpContainer header{
    position:absolute;
    width:100%;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 0;
    line-height: 14px;
    height: 35px;
    border-bottom: 1px solid #000000;
    background-color: #616161;
    white-space: nowrap;
}

.popUpContainer header .pad{
    padding:10px;
}

/* --------------------- */
.popUpContainer main {
    margin: 46px 0 0 0;
}





.popUpContainer footer {
    position:absolute;
    width:100%;
    bottom:0;
    height: 35px;
    background-color: #D9CFB3;
    border-top: 1px solid #000000;
    text-align:right;
}
.popUpContainer footer button{
    font-weight: normal;
    color:white;
    border: 1px outset grey;
    background-color: #45753E;
    cursor:pointer;
}
.popUpContainer footer button:hover {
    background-color: #508747;
}
.popUpContainer footer button.orange {
    background-color: #DE5F00;
}
.popUpContainer footer button.orange:hover {
    background-color: #F96900;
}
.popUpContainer footer button.rouge {
    background-color: #BD2108;
}
.popUpContainer footer button.rouge:hover {
    background-color: #DC290A;
}

.popUpContainer footer .pad{
    padding:6px;
}



/* ----------------------------------------------------------------------------------------------------- */
/* ----------------------- provient de xboard.edit.css qui était appliqué sur une iframe --------------- */
/* ----------------------------------------------------------------------------------------------------- */


.popUpContainer #title {
    width:100% !important;
}
.popUpContainer #title td {
    width:100%;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    padding:10px 7px !important;
    margin-bottom:0;
    line-height:14px;
    height:14px;
    border-bottom:1px solid #000000;
    background-color:#616161;
    white-space:nowrap !important;
}
.popUpContainer .buttons {
    position:absolute;
    bottom:0px;
    right:0px;
    left:0px;
    padding:5px;
    text-align:right;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    background-color:#B9B9B9;
    white-space:nowrap;
}
.popUpContainer .buttons a {
    margin-left:2px !important;
}
.popUpContainer #patience {
    display:none;
}
.popUpContainer fieldset {
}

.popUpContainer form {
    padding:0;
    padding-bottom:30px;
    position:absolute;
    top:35px;
    bottom:30px;
    overflow:auto;
    width:100%;
}

.popUpContainer #help {
    padding:2px 5px;
    margin-bottom:7px;
    background-color:#DED9C9;
    border-bottom:1px solid #C0C0B3;
    text-align:right;
}
.popUpContainer #help+form {
    top:55px !important;
}
.popUpContainer #help input {
    margin-left:7px;
    vertical-align:-3px;
}
.popUpContainer #help>a {
    position:relative;
    display:block;
    float:left;
    width:20px;
    height:13px;
    margin-right:3px;
    color:#666655;
}
.popUpContainer #help>a.active {
}
.popUpContainer #help>a>b {
    display:none;
}
.popUpContainer #help>a.active>b {
    font-size:13px;
    position:absolute;
    display:block;
    bottom:-10px;
    left:4px;
}

.popUpContainer #formDest {
    width:1px;
    height:1px;
    visibility:hidden;
}

/* -##########################################- */
/* -###- Table de saisies pour formulaire -###- */
.popUpContainer table.form {
    border-width:0;
    border-spacing:0;
    border-collapse:collapse;
    width:100%;
    height:100%;
}
.popUpContainer table.form tr .focus {
    background-color:#DED9C9;
}
.popUpContainer table.form tr.focus input:focus {
    background-color:#FAFAF8 !important;
}
.popUpContainer table.form tr.error {
    background-color:rgba(255,0,0,0.1) !important;
}
.popUpContainer table.form tr.error input:focus {
    background-color:#FBF0F0 !important;
}
.popUpContainer table.form td,
.popUpContainer table.form th {
    position:relative;
    white-space:nowrap;
    vertical-align:middle;
}
.popUpContainer table.form td {
    position:relative;
    padding:2px 0 2px 4px;
}
.popUpContainer table.form th {
    padding:2px 4px 2px 12px;
    font-weight:normal;
    text-align:right;
    vertical-align:top;
    padding-top:4px;
}
.popUpContainer table.form th>label.trl {
    display:inline-block;
    float:right;
    padding-right:25px;
    background-image:url(../images/flag_fr.gif);
    background-position:right center;
    background-repeat:no-repeat;
}
.popUpContainer table.form .listLabel {
    line-height:normal;
    vertical-align:top;
    padding-top:3px;
    border-right:1px solid #CCCCCC;
}
.popUpContainer table.form .memoLabel {
    vertical-align:top !important;
}
.popUpContainer table.form .richTextLabel {
    vertical-align:top !important;
    padding-top:35px;
}
.popUpContainer table.form .ImgTxtLabel {
    vertical-align:top;
    text-align:center !important;
    padding:5px;
    border:1px solid #000000;
}
.popUpContainer table.form .ImgTxtLabel img {
    margin-right:7px;
}
.popUpContainer table.form .attachedMedia {
}
.popUpContainer table.form .attachedMedia div {
    float:left;
    position:relative;
    text-align:center;
    height:40px;
}
.popUpContainer table.form .attachedMedia select {
    position:absolute;
    left:0;
    right:0;
}

.popUpContainer table.form input[type="file"] {
    background-color:#FFFFFF;
}
.popUpContainer table.form input[readonly="readonly"] {
    background-color:#F2F2F2;
}
.popUpContainer table.form input[type="text"],
.popUpContainer table.form input[type="file"],
.popUpContainer table.form input[type="password"],
.popUpContainer table.form textarea,
.popUpContainer table.form select  {
    width:230px;
    padding:1px 3px;
    border-left:2px solid #A0A0A0;
}
.popUpContainer table.form textarea{
    width:90%;
}
.popUpContainer table.form select optgroup {
    background-color:rgba(0,0,0,0.1) ;
    font-style:normal;
    padding:1px 5px;
    margin-top:7px;
    border-top:1px solid rgba(0,0,0,0.4);
}
.popUpContainer table.form .required  {
    border-left:2px solid #C13A00 !important;
}
.popUpContainer table.form select  {
    min-width:236px;
    padding:0 !important;
}

.popUpContainer table.form input.yesno.on {
    outline:1px solid #70DF00;
}

.popUpContainer table.form input[type="radio"] {
    vertical-align:-3px;
}
.popUpContainer table.form input[type="radio"] + label {
    padding-right:10px;
}
.popUpContainer table.form .nbLong {
    text-align:right;
    width:80px !important;
}
.popUpContainer table.form .nbShort {
    text-align:right;
    width:40px !important;
}
.popUpContainer table.form .date {
    text-align:right;
    width:70px !important;
}
.popUpContainer table.form .dateTime {
    text-align:right;
    width:115px !important;
}
.popUpContainer table.form .phone {
    text-align:right;
    width:100px !important;
}
.popUpContainer table.form td.help {
    padding-left:0 !important;
    padding-right:7px !important;
    vertical-align:top;
    padding-top:4px;
}
.popUpContainer table.form td.help a {
    display:block;
    width:12px;
    height:12px;
    text-align:center;
    line-height:12px;
    color:#000000;
    border:1px solid #295774;
    background-color:#FFFFFF;
    cursor:help;
}
.popUpContainer table.form tr.final {
    height:100%;
}
.popUpContainer table.form tr.empty td {
    height:15px;
}
.popUpContainer table.form tr.separator th, table.form tr.separator td {
    color:#616161;
    font-weight:bold;
    font-style:italic;
    font-size:12px;
    padding-bottom:6px;
    padding-right:5px;
}
.popUpContainer table.form tr.separator td>p {
    font-size:1px;
    border-top:1px solid #C0C0B3;
}
.popUpContainer table.form td tt {
    vertical-align:top;
    display:inline-block;
    padding-left:5px;
}
.popUpContainer table.form div.bkgimage {
    position:relative;
    background-size:101% auto;
    background-repeat:no-repeat;
}
.popUpContainer table.form div.bkgimage input[type='range'] {
    position:absolute;
    top:0;
    right:-5px;
    width: 8px;
    height: 100%;
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* WebKit */
}

.popUpContainer table.form input.hexcolor {
    width:40px;
    border-right:25px solid #f2f2f2;
}

/* -###########################- */
/* -###- Laguages utilisés -###- */
.popUpContainer .trl {
    position:relative;
}
.popUpContainer label.trl {
    background-image:url(../images/flag_fr.gif);
}
.popUpContainer #help a.fr,
.popUpContainer label.trl.fr	{
    background-image:url(../images/flag_fr.gif);
}
.popUpContainer #help a.de,
.popUpContainer label.trl.de	{
    background-image:url(../images/flag_de.gif);
}
.popUpContainer #help a.en, #help a.gb,
.popUpContainer label.trl.en, label.trl.gb	{
    background-image:url(../images/flag_en.gif) !important;
}
.popUpContainer #help a.es,
.popUpContainer label.trl.es	{
    background-image:url(../images/flag_es.gif) !important;
}
.popUpContainer #help a.it,
.popUpContainer label.trl.it	{
    background-image:url(../images/flag_it.gif) !important;
}
.popUpContainer #help a.pt,
.popUpContainer label.trl.pt	{
    background-image:url(../images/flag_pt.gif) !important;
}
.popUpContainer #help a.br,
.popUpContainer label.trl.br	{
    background-image:url(../images/flag_br.gif) !important;
}
.popUpContainer #help a.qc,
.popUpContainer label.trl.qc	{
    background-image:url(../images/flag_qc.gif) !important;
}
.popUpContainer #help a.ru,
.popUpContainer label.trl.ru	{
    background-image:url(../images/flag_ru.gif) !important;
}
.popUpContainer #help a.tr,
.popUpContainer label.trl.tr	{
    background-image:url(../images/flag_tr.gif) !important;
}
.popUpContainer #help a.us,
.popUpContainer label.trl.us	{
    background-image:url(../images/flag_us.gif) !important;
}
.popUpContainer #help a.se,
.popUpContainer label.trl.se	{
    background-image:url(../images/flag_se.gif) !important;
}
.popUpContainer #help a.om,
.popUpContainer label.trl.om	{
    background-image:url(../images/flag_om.gif) !important;
}
.popUpContainer #help a.at,
.popUpContainer label.trl.at	{
    background-image:url(../images/flag_at.gif) !important;
}
.popUpContainer #help a.nz,
.popUpContainer label.trl.nz	{
    background-image:url(../images/flag_nz.gif) !important;
}
.popUpContainer #help a.eu,
.popUpContainer label.trl.eu	{
    background-image:url(../images/flag_eu.gif) !important;
}
.popUpContainer #help a.ch,
.popUpContainer label.trl.ch	{
    background-image:url(../images/flag_ch.gif) !important;
}





.popUpContainer table.editPlanning {
    border-width:1px;
    border-spacing:1px;
    border-collapse:separate !important;
    margin-top:3px;
}
.popUpContainer table.editPlanning th {
    background-color:#7A775C;
    color:#FFFFFF;
    text-align:center;
    padding:0px 0px !important;
    font-weight:bold;
    border-right:1px solid #F4EFDF !important;
}
.popUpContainer table.editPlanning td.m0 {
    background-color:#FFFFFF;
}
.popUpContainer table.editPlanning td.m1 {
    background-color:#F0EAD5;
}
.popUpContainer table.editPlanning td.n0 {
    padding:2px 1px 0 4px !important;
}
.popUpContainer table.editPlanning td.n1 {
    padding:2px 4px 0 1px !important;
    border-right:1px solid #7A775C !important;
}