/* 
    Document   : npnIndexStyles
    Created on : 26 févr. 2010, 15:37:35
    Author     : Kyb-Dev
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

            body {
                margin:0px;
                padding-top:10px;
                font-family:Verdana, Arial, Helvetica, sans-serif;
                margin:0px;
                margin-top:10px;
                margin-left:0px;
                padding:0px;
                height:540px;
                background: #ffffff;
                text-align:center;

            }
            #maincontainer {
                background: transparent;
                position:relative;
                width:795px;
                height:538px;
                margin-left:auto;
                margin-right:auto;
                margin-top:35px;
                /* border:1px solid blue;*/

            }
            #container {
                position:absolute;
                left:0px;
                top:0px;
                width:792px;
                height:534px;
                /* border:1px solid red;*/

            }
            #fondvert {
                background-color: #D4D700;
                position:absolute;
                width:770px;/*870 */
                height:525px;/*625 */
                z-index:1;
                left:10px;/*80 */
                top: 16px;
                margin-left:auto;
                margin-right:auto;
            }
            #fondcorps {
                background-color:#FFFFFF;
                position:absolute;
                width:635px;/*735 */
                height:400px;/*501 */
                z-index:1;
                top: 60px;
                left: 63px;/*63 */
                margin-left:auto;
                margin-right:auto;
            }

            #logo {
                background-image:url(${CntxPath}/images/acc/greylogo1.png);
                background-repeat:no-repeat;
                position:absolute;
                width:102px;
                height:45px;
                z-index:2;
                left:20px;
                top:545px;
                margin-left:auto;
                margin-right:auto;
            }
            #espace {
                background-image:url(${CntxPath}/images/acc/espace.png);
                background-repeat:no-repeat;
                position:absolute;
                width:380px;/*406 */
                height:27px;
                z-index:3;
                left:63px;/*25 */
                top:22px;/* 15*/
                /*
                margin-left:auto;
                margin-right:auto;
                */
            }
            #goute {
                background-image:url(${CntxPath}/images/acc/goute.png);
                background-repeat:no-repeat;
                position:absolute;
                width:350px;/*683*/
                height:128px;/*253 */
                z-index:2;
                left:150px;/*24 */
                top:125px;/*112 */
                cursor:pointer;
                visibility:hidden;
            }
            #nepen {
                background-image:url(${CntxPath}/images/acc/nepen1.png);
                background-repeat:no-repeat;
                position:absolute;
                width:300px;/*349 */
                height:68px;/*83 */
                z-index:3;
                left: 220px;/*220*/
                top: 310px;/*377*/
            }
            #slogan {
                background-image:url(${CntxPath}/images/acc/soyernepen1.png);
                background-repeat:no-repeat;
                position:absolute;
                width:282px;/*200 61 */
                height:86px;
                z-index:4;
                left:350px;/*414 */
                top:64px;/*69 */
            }
            #premier {
                background-image:url(${CntxPath}/images/acc/premier.png);
                background-repeat:no-repeat;
                position:absolute;
                width:300px;/*437 */
                height:16px;/*24 */
                z-index:5;
                left:280px;/* 280*/
                top:2px;/*2 */
            }
            #vague {
                background-image:url(${CntxPath}/images/acc/vague.png);
                background-repeat:no-repeat;
                position:absolute;
                width:276px;
                height:66px;
                z-index:6;
                left: 0px;
                top: -1px;
            }
            #ligne {
                position:absolute;
                width:872px;
                height:3px;
                z-index:4;
                left: 79px;
                top: 656px;
                /*border-top:1px solid #87888A;*/
            }


            #pharmaciBtnDiv{
                position:absolute;
                cursor:pointer;
                width:118px;
                height:24px;
                z-index:1;
                left: 246px;
                top: 1px;
            }