/* Parsed CSS */

/* Constantes Menus Deoulants

$text_color_enable = '#000';

$menu_color_lev1_unsel_enable = '#3194d6';
$menu_color_lev2_unsel_enable = '#84bdef';
$menu_color_lev3_unsel_enable = '#bddef7';

$menu_color_lev1_sel_enable = '#ff9900';
$menu_color_lev2_sel_enable = '#ffc569';
$menu_color_lev3_sel_enable = '#ffe1b3';

*/

/* CSS classique */

body        {background-image:      url('../Images/Datalibris/filigrane.jpg');
             background-attachment: fixed;
             background-position:   center;
             background-repeat:     no-repeat;}

table.login {background-image:      url('../Images/Datalibris/bkg_login.gif');
             background-attachment: scroll;
             background-position:   center top;
             background-repeat:     no-repeat;}

table.tabref {background-image:     url('../Images/Datalibris/bkg_table.gif');
             background-attachment: scroll;
             background-position:   center top;
             background-repeat:     no-repeat;}

table.large {background-image:     url('../Images/Datalibris/bkg_large.gif');
             background-attachment: scroll;
             background-position:   center top;
             background-repeat:     no-repeat;}

div         {font-family:        Arial;
             color:              #3B4E77;
             font-size:          8.0pt}

td          {font-family:        Arial;
             color:              #3B4E77;
             font-size:          8.0pt;
             break-word:		 word-wrap;}

td.foo      {vertical-align:     middle;
            }

td.menuoff  {font-family:        Arial;
             color:              #00ff00;
             font-size:          8.0pt;
             background-color:   #00ff00}


select      {font-family:        Arial;
             color:              #3B4E77;
             font-size:          7.0pt;
             height:             15px;
             line-height:        75%}

input       {font-family:        Arial;
             color:              #3B4E77;
             height:             10px;
             padding-top:         4px;
             padding-bottom:      4px;
             line-height:        75%;
             font-size:          7.0pt}

input[disabled] {font-family:     Arial;
             color:              blue;
             height:             10px;
             padding-top:         4px;
             line-height:        75%;
             font-size:          7.0pt}

input.bouton {font-family:        Arial;
             color:              #3B4E77;
             height:             20px;
             line-height:        75%;
             font-size:          7.0pt}

input.img   {font-family:        Arial;
             height:             15px;
             line-height:        75%;
             font-size:          10.0pt}

textarea    {font-family:        Arial;
             color:              #3B4E77;
             line-height:        100%;
             font-size:          7.0pt}

#super      {font-family:        Arial;
             font-size:          8.0pt;
             font-style:         normal;
             color:              #3B4E77;
             font-weight:        bold}

a:link      {font-family:        Arial;
             font-size:          8.0pt;
             text-decoration:    none;
             color:              #3B4E77;
             background:         #ffffff}

a:linkvisib {font-family:        Arial;
             font-size:          8.0pt;
             text-decoration:    underline;
             color:              blue;
             background:         #ffffff}

a:visited   {font-family:        Arial;
             font-size:          8.0pt;
             text-decoration:    none;
             color:              #3B4E77;
             background:         #ffffff}

a:active    {font-family:        Arial;
             font-size:          8.0pt;
             text-decoration:    none;
             color:              red;
             background:         #ffffff}

#logo       {font-family:        bimini;
             font-style:         italic;
             font-size:          64.0pt;
             color:              #3B4E77;
             line-height:        100%}

#souslogo   {font-family:        Tahoma;
             font-style:         italic;
             font-size:          14.0pt;
             color:              #3B4E77;
             line-height:        100%}

#pied       {font-family:        Arial;
             font-style:         normal;
             color:              #3B4E77;
             font-size:          7.0pt}

#titre      {font-family:        Arial;
             font-style:         normal;
             font-weight:        normal;
             color:              #ff7713;
             font-size:          16.0pt}

#tabtitre   {font-family:        Arial;
             font-style:         normal;
             font-weight:        bold;
             color:              #3194b6;
             font-size:          12.0pt}

#soustitre  {font-family:        Arial;
             font-style:         normal;
             font-weight:        normal;
             color:              #ff7713;
             font-size:          13.0pt}

#minititre  {font-family:        Arial;
             font-style:         normal;
             font-weight:        bold;
             color:              #ff7713;
             font-size:          10.0pt}

#microtitre  {font-family:        Arial;
             font-style:         normal;
             font-weight:        bold;
             color:              #3194b6;
             font-size:          8.0pt}

#ligtitre   {font-family:        Arial;
             font-style:         normal;
             font-weight:        bold;
             color:              #ff7713;
             font-size:          8.0pt}

#lourd      {font-family:        Arial;
             font-style:         normal;
             font-weight:        bold;
             color:              #111111;
             font-size:          9.0pt}

#ahoranet   {font-family:        Arial;
             font-style:         normal;
             font-weight:        bold;
             color:              #ff7713;
             font-size:          9.0pt}

#bord       {border-right:       thin solid blue}

#minilink   {font-family:        Arial;
             text-decoration:    underline;
             font-size:          7.0pt}

#marlett    {font-family:        marlett;
             font-size:          10.0pt}

#dizz       {color:              #ffffff;}

/**********************************************/
/*               MENUS DEROULANTS             */
/**********************************************/

/* style the outer div to give it width */

.menu
     {
     width:                700px;
     font-size:                0.85em;
     padding-bottom:        1px;
     font:                12px verdana, sans-serif;
     }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul
     {
     padding:                0;
     margin:                0;
     list-style-type:        none;
     }

.menu ul ul
     {
     width:                140px;
     }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li
     {
     float:                left;
     width:                140px;
     position:                relative;
     }

/* style the links for the top level */
.menu a, .menu a:visited
     {
     display:                block;
     font-size:                11px;
     text-decoration:        none;
     color:                $text_color_enable;
     width:                129px;
     height:                20px;
     border:                1px solid #fff;
     border-width:        1px 1px 0 0;
     background:        $menu_color_lev1_unsel_enable;
     padding-left:        10px;
     line-height:        19px;
     }

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited
     {
     width:                140px;
     w\idth:                129px;
     }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited
     {
     background:        $menu_color_lev2_unsel_enable;
     }

/* style the second level hover */
.menu ul ul a.drop:hover
     {
     background:        $menu_color_lev2_sel_enable;
     }

.menu ul ul :hover > a.drop
     {
     background:        $menu_color_lev2_sel_enable;
     }

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited
     {
     background:        $menu_color_lev3_unsel_enable;
     }

/* style the third level hover */
.menu ul ul ul a:hover
     {
     background:        $menu_color_lev3_sel_enable;
     }

.menu ul ul ul :hover > a
     {
     background:        $menu_color_lev3_sel_enable;
     }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul
     {
     visibility:        hidden;
     position:                absolute;
     height:                0;
     top:                21px;
     left:                0;
     width:                140px;
     }

/* another hack for IE5.5 */
* html .menu ul ul
     {
     top:                20px;
     t\op:                21px;
     }

/* position the third level flyout menu */
.menu ul ul ul
     {
     left:                140px;
     top:                0;
     width:                140px;
     }

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left
     {
     left:-                140px;
     }

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table
     {
     position:                absolute;
     top:                0;
     left:                0;
     }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited
     {
     background:        $menu_color_lev2_unsel_enable;
     color:                $text_color_enable;
     height:                auto;
     line-height:        1em;
     padding:                5px 10px;
     width:                119px
     }

/* yet another hack for IE5.5 */
* html .menu ul ul a
     {
     width:                140px;
     w\idth:                119px;
     }

/* style the top level hover */
.menu a:hover
     {
     color:                $text_color_enable;
     background:        $menu_color_lev1_sel_enable;
     }

.menu ul ul a:hover
     {
     color:                $text_color_enable;
     background:        $menu_color_lev2_sel_enable;
     }

.menu :hover > a
     {
     color:                $text_color_enable;
     background:        $menu_color_lev1_sel_enable;
     }

.menu ul ul :hover > a
     {
     color:                $text_color_enable;
     background:        $menu_color_lev2_sel_enable;
     }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul
     {
     visibility:        visible;
     }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul
     {
     visibility:        hidden;
     }

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul
     {
     visibility:        hidden;
     }

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul
     {
     visibility:        visible;
     }

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul
     {
     visibility:        visible;
     }

/**********************************************/
/*               DIALOG BOXES                 */
/**********************************************/

#content        {
                padding:       20px;
                }

#dialog         {
                position:      absolute;
                width:         425px;
                padding:       10px;
                z-index:       200;
                background:    #fff;
                }

#dialog-header  {
                display:       block;
                position:      relative;
                width:         411px;
                padding:       3px 6px 7px;
                height:        14px;
                font-size:     14px;
                font-weight:   bold;
                }

#dialog-title   {
                float:         center;
                }

#dialog-close   {
                float:         right;
                cursor:        pointer;
                margin:        3px 3px 0 0;
                height:        11px;
                width:         11px;
                background:    url('../Images/Dialog/dialog_close.gif') no-repeat;
                }

#dialog-content {
                display:       block;
                height:        80px;
                padding:       6px;
                color:         #666666;
                font-size:     13px;
                }

#dialog-mask    {
                position:      absolute;
                top:           0;
                left:          0;
                min-height:    100%;
                width:         100%;
                background:    #FFF;
                opacity:       75;
                filter:        alpha(opacity:75);
                z-index:       100;
                }

.error          {
                background:    #fff url('../Images/Dialog/error_bg.jpg') bottom right no-repeat;
                border:        1px solid #924949;
                border-top:    none;
                }

.errorheader    {
                background:    url('../Images/Dialog/error_header.gif') repeat-x;
                color:         #6f2c2c;
                border:        1px solid #924949;
                border-bottom: none;
                }

.warning        {
                background:    #fff url('../Images/Dialog/warning_bg.jpg') bottom right no-repeat;
                border:        1px solid #c5a524;
                border-top:    none;
                }

.warningheader  {
                background:    url('../Images/Dialog/warning_header.gif') repeat-x;
                color:         #957c17;
                border:        1px solid #c5a524;
                border-bottom: none;
                }

.success        {
                background:    #fff url('../images/success_bg.jpg') bottom right no-repeat;
                border:        1px solid #60a174;
                border-top:    none;
                }

.successheader  {
                background:    url('../Images/Dialog/success_header.gif') repeat-x;
                color:         #3c7f51;
                border:        1px solid #60a174;
                border-bottom: none;
                }

.prompt         {
                background:    #fff url('../Images/Dialog/prompt_bg.jpg') bottom right no-repeat;
                border:        1px solid #4f6d81;
                border-top:    none;
                }

.promptheader   {
                background:    url('../Images/Dialog/prompt_header.gif') repeat-x;
                color:         #355468;
                border:        1px solid #4f6d81;
                border-bottom: none;
                }