body { width: 100%; height: 100%; margin: 0; padding: 0; }
#outerpopin { text-align:center; width: 100%; height: 100%;display:none; position: absolute; z-index: 10000; top: 0; left: 0;}
#popinframe {text-align:left; display:none;position: absolute;width: 780px; border: 0; z-index:99; top : 70px; left: 200px; margin: 0 auto; border: 0px solid #ffffff;}
#blackout { display:none; height:100%; position:fixed; width:100%; overflow:hidden; background:#000000 none repeat scroll 0 0; z-index: 20; top: 0; left: 0;z-index:9999}
/*form, input, select { z-index: 1; }*/
* html form, * html input, * html select { z-index: -1; }
* html #blackout { position: absolute;  }

.yui-panel { text-align: left; background-color:white;}
#eptica DIV IFRAME {
    filter:none;
}
#eptica_c { z-index:9010;}

.yui-panel .container-close {
    display: block;
/*
    font-size: 8px;
    left: 605px; */

    font-size: 9px;
    left:400px;
    position: relative;
    text-decoration: none;
    text-indent: 1em;
    top: 3px;
    width: 60px;
    color: grey;
    background: url("/fileadmin/data/images/loginbox/fermer.gif") no-repeat left center transparent;
    padding:5px 0 6px 20px;
    font-size:16px;
    font-weight:bold;
}

.yui-panel .container-close span {
    font-size: 10px;
}
.yui-panel .bd {
    background: none repeat scroll 0 0 #F1F5FB;
    border: 5px solid white;
    color: #214899;
    margin-top: 0px;
}

.inputsubmit {
 height: 33px;
    line-height: 33px;
    margin-left: 567px;
    text-align: center;
    vertical-align: middle;
    width: 120px;
    background: url("/fileadmin/data/images/loginbox/fond_btn.gif") repeat scroll 0 0 transparent;
    border: medium none;
    color: white;
    font-size: 12px;
}

.yui-panel-container {
    overflow: hidden;
/*    width: 690px; */
    z-index: 9010;
    position: absolute;
}
.mask  {
    background-color: #000000;
    position: absolute;
    left:0;
    z-index: 1000;
    opacity: 0.45;
    filter: alpha(opacity = 45);
}


/** remind form **/

.yui-panel .remindform { padding: 15px 20px; }

.yui-panel h2,
.yui-panel p,
.yui-panel a,
.yui-panel input,
.yui-panel label,
 {
   color: #214899;
}

.yui-panel h2 {
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

.yui-panel p {
    margin: 8px 0 5px;
    padding: 0;
  font-size: 11px;
}

.yui-panel .textinput {
    background: none repeat scroll 0 0 white;
    border: 1px solid #DEDEDE;
    height: 30px;
    width: 265px;
}


.yui-panel input {
    display: block;
}

.yui-panel .loginbtn {
    background: url("../images/fond_btn.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: white;
    display: block;
    font-size: 12px;
    font-weight: normal;
    height: 34px;
    line-height: 34px;
    margin: 15px 0 10px 160px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 120px;
    cursor:pointer;
}

#epticabox_mask {position:absolute;background-color:black;opacity:0.5;filter:alpha(opacity=50);z-index:10 !important;}
#epticabox_c {left:160px;width:720px;height:450px;z-index:11 !important;}
#epticabox {background-color:white;}
#epticabox_c iframe {width:736px;height:450px;border:0px;}
.container-close {position:absolute;top:0px;right:0px;z-index:100;}

#epticaiframe {width:720px;height:450px;border:0px;  z-index: 10}
#epticaiframe {height:470px\9;}
#eptica {height:434px;}
#eptica {height:474px\9;}

#eptica .container-close {
    position:absolute;
    right:20px;
    left:auto;
}

/** popin send to a friend **/
.popinsendtoafriend .od_col1 {   width: 169px; }

.offre.popinsendtoafriend  .titre h2 { padding-left: 5px; }
.popinsendtoafriend td { vertical-align: middle; padding-left: 5px;  }

.offre .offreemail .od_colonne { height: 56px; }

.offreemail .headoffre {
   display: block;
    height: 105px;
    overflow: hidden;
}

.offreemail .bodyoffre {
    clear: both;
    display: block;
}


.popinsendtoafriend tr { padding: 10px 0; height: 33px; }
.td1 { width: 100px; }
.td2_3 { width: 380px; }
.td3 { width: 180px; }


.td3 .inputsubmit {   margin-left: 100px; margin-top: 10px; }

.clear { clear: both; }