@charset
"iso-8859-13"
;
/* css document */

body {
    font-family:       verdana, arial, helvetica, sans-serif;
    font-size:         12px;
    color:             black;
    margin-top:        0px;
    margin-right:      0px;
    margin-bottom:     0px;
    margin-left:       0px;
    background-color:  #e4f4f8;
    background-image:  url(../pictures/bandeau.jpg);
    background-repeat: repeat-x;
}

#container {
    width:  790px;
    margin: auto;
}

#header {
    height:             130px;
    margin:             0;
    background:         url(../pictures/header.jpg) no-repeat center;
}

#header a:link {
    font-family:        verdana, arial, helvetica, sans-serif;
    font-size:          12px;
    color:              #ff6600;
    text-decoration:    none;
}

#header a:visited {
    font-family:        verdana, arial, helvetica, sans-serif;
    font-size:          12px;
    color:              #ff6600;
    text-decoration:    none;
}
#inheader {
    width:              790px;
}
#headerlogo {
    width:              430px;
    padding:            0;
    margin:             0;
    float:              left;
}
.headerleft {
    width:              300px;
    float:              right;
    padding:            0;
    margin:             0;
}
#headerlists {
    height:             70px;
    border:             thin dashed #4da3d2;
    margin-top:         10px;
    padding:            10px 0 0 10px;
}
#createlist {
    margin-top:         10px;
}
#listName {
    font-size:          18px;
    font-weight:        bold;
    color:              #003366;
    margin-top:         15px;
    text-align:         center;
}
#headerlogout {
    margin-top:         15px;
    text-align:         right;
}

dl, dt, dd, ul {
    margin:          0;
    padding:         0;
    list-style-type: none;
}

#gauche ul {
    margin:             auto;
    padding-left:       35px;
    list-style-type:    disc;
}
div#menu {
    position: absolute;
    top:      130px;
    height:   30px;
    z-index:  100;
    width:    790px; /* precision pour opera*/
}

div#menu div {
    float:      left;
    width:      130px;
    cursor:     pointer;
    text-align: center;
    color:      #003366;
    height:     30px;
}

div#menu a, div#menu .title {
    font-weight:     bold;
    color:           #003366;
    text-decoration: none;
    display:         block;
    height:          20px;
    border:          none;
    padding-top:     5px;
    padding-bottom:  5px;
    margin:          0px;
}

div#menu a:hover {
    background-color: #ffcc66;
}

div#menu ul.submenu {
    display:             none;
    border-left-width:   6px;
    border-top-style:    none;
    border-right-style:  none;
    border-bottom-style: none;
    border-left-style:   solid;
    border-left-color:   #99c5e0;
    background-repeat:   repeat-x;
    background-position: bottom;
    background-image:    url(../images/menu-droit/content_bottom.jpg);
    background-color:    #ffffff;
}

div#menu2 ul.submenu {
    width: 180px;
}

div#menu3 ul.submenu {
    width: 200px;
}

div#menu4 ul.submenu {
    width: 150px;
}
div#menu5 ul.submenu {
    width: 150px;
}

div#menu5 ul.submenu {
    width: 140px;
}

div#menu ul.submenu li {
    text-align:     left;
    margin-left:    5px;
    font-size:      12px;
    padding-bottom: 5px;
}

div#menu ul.submenu a {
    font-weight: normal;
}

div#menu ul.submenu li:hover {
    background-color: #ffcc66;
}

#contenu {
    background-image:  url(../pictures/fond-contenu.jpg);
    background-repeat: repeat-y;
    padding-right:     10px;
    padding-left:      10px;
    position:          relative;
    top:               27px;
    width:             790px;
}

#gauche {
    width: 770px;
    float: left;
}

/* ------------------- onglets ------------------------- */

#tabbed_box_1 {
    margin: 0px auto 0px auto;
    width:  185px;
}

.tabbed_area {
    padding-top:       5px;
    padding-right:     5px;
    padding-bottom:    5px;
    padding-left:      5px;
    background-image:  url(../pictures/fond-menu-gauche.jpg);
    background-repeat: repeat-x;
}

ul.tabs, ul.tabsfiche, ul.tabsmail {
    margin:        0px;
    padding:       0px;
    margin-top:    5px;
    margin-bottom: 6px;
}

ul.tabs li, ul.tabsfiche li, ul.tabsmail li {
    list-style: none;
    display:    inline;
}

ul.tabs li a, ul.tabsfiche li a, ul.tabsmail li a {
    background-color:    #798388;
    color:               #e8f0f5;
    padding:             8px 14px 8px 14px;
    text-decoration:     none;
    font-size:           9px;
    font-family:         verdana, arial, helvetica, sans-serif;
    font-weight:         bold;
    text-transform:      uppercase;
    background-repeat:   repeat-x;
    background-position: bottom;
    border-top-width:    0px;
    border-right-width:  0px;
    border-left-width:   0px;
    border-top-style:    solid;
    border-right-style:  solid;
    border-bottom-style: none;
    border-left-style:   solid;
    border-top-color:    #006599;
    border-right-color:  #006599;
    border-left-color:   #006599;
}

ul.tabs li a:hover, ul.tabsfiche li a:hover, ul.tabsmail li a:hover {
    background-color: #99c5e0;
    border-color:     #0996ce;
}

ul.tabs li a.active, ul.tabsfiche li a.active, ul.tabsmail li a.active {
    background-color:    #ffffff;
    color:               #282e32;
    border:              2px solid #99c5e0;
    border-bottom:       0px solid #ffffff;
    background-image:    url(../images/menu-droit/tab_on.jpg);
    background-repeat:   repeat-x;
    background-position: top;
    font-size:10px;
}

#content_2, #content_3, #fiche_2, #fiche_3, #fiche_4, #fiche_5, #fichem_2 {
    display: none;
}

/* ------------------- menudroit ------------------------- */
#droit {
    background-color: #f5f5f5;
    clear:            right;
    float:            right;
    margin-right:     -170px;
    margin-top:       0px;
    width:            180px;
}

.content {
    background-color:    #ffffff;
    padding:             10px;
    border:              1px solid #99c5e0;
    font-family:         arial, helvetica, sans-serif;
    background-image:    url(../images/menu-droit/content_bottom.jpg);
    background-repeat:   repeat-x;
    background-position: bottom;
}

.content ul {
    margin:         0px;
    padding-top:    0px;
    padding-right:  5px;
    padding-bottom: 0px;
    padding-left:   5px;
}

.content ul li {
    list-style:     none;
    border-bottom:  1px solid #d6dde0;
    padding-top:    15px;
    padding-bottom: 15px;
    font-size:      13px;
}

.content ul li:last-child {
    border-bottom: none;
}

.content ul li a {
    text-decoration: none;
    color:           #3e4346;
}

.content ul li a small {
    color:       #006699;
    font-size:   10px;
    font-family: verdana, arial, helvetica, sans-serif;
    position:    relative;
    top:         0px;
}

.content ul li a:hover {
    color: #a59c83;
}

.content ul li a:hover small {
    color: #baae8e;
}

.content ul li.important {
    background-color: #e4f4f8;
}

/* ---- bas --- */

#bas {
    position:          relative;
    padding-top:       10px;
    color:             #0069a2;
    width:             790px;
    top:               25px;
    height:            10px;
    background-image:  url(../pictures/bas.jpg);
    background-repeat: no-repeat;
}

#footer {
    background-color: #e4f4f8;
    padding-top:      50px;
    color:            #0069a2;
    margin-bottom:    20px;
    margin:           auto;
}

.clearfloat {
    clear:       both;
    height:      0;
    font-size:   1px;
    line-height: 0px;
}

/* ------------------- fiches ------------------------- */

ul.tabsfiche {
    margin-left: 7px;
}

ul.tabsfiche li a.active {
    background-color: #e4f4f8;
}

/* ------------------- styles ------------------------- */
p {
    margin-top:    0px;
    margin-bottom: 0px;
}

h1 {
    font-size:           17px;
    color:               #0066cc;
    font-weight:         bold;
    border-left:         10px solid #99c5e0;
    margin:              0 0 15px 5px;
    padding:             5px 0 5px 15px;
    font-variant:        small-caps;
    text-transform:      capitalize;
    border-bottom:       1px dotted #99c5e0;
    width:               720px;
}

h1 img {
    vertical-align:         middle;
    margin-right:           10px;
}

h2 {
    font-size:      14px;
    color:          #006699;
    padding-top:    0px;
    padding-bottom: 0px;
    padding-left:   23px;
    font-weight:    bold;
}

h3 {
    font-size:      12px;
    color:          #006699;
    padding-top:    0px;
    padding-bottom: 0px;
    padding-left:   23px;
    font-weight:    bold;
}

fieldset {
    background-color: #e5f4f7;
    padding:          10px;
    border:           1px solid #a7c4e4;
    width:            735px;
    margin:           5px 5px 2px 7px;
}

fieldset fieldset {
    background-color: #ffffff;
    width:            60%;
    margin-right:     20%;
    margin-left:      20%;
}

.pbleuclair {
    color: #cdecfa;
}

.pheader12 {
    font-size: 12px
}

/* ------------------- tableau ------------------------- */

.titretab {
    font-size:   13px;
    font-weight: bold;
    color:       #003366;
}

.soustitretab {
    font-size:   12px;
    font-style:  normal;
    font-weight: normal;
    color:       #003366;
}

.tabstat {
    border-right-width:  1px;
    border-bottom-width: 1px;
    border-left-width:   1px;
    border-right-style:  solid;
    border-bottom-style: solid;
    border-left-style:   solid;
    border-right-color:  #cccccc;
    border-bottom-color: #cccccc;
    border-left-color:   #cccccc;
}

.solidefin, .solidefinblanc {
    border:           1px solid #9dc8d8;
    margin-left:      7px;
    padding:          5px;
    background-color: #e4f4f8;
}

.solidefinblanc {
    background-color:    #ffffff;
    background-image:    url(../images/menu-droit/content_bottom.jpg);
    background-repeat:   repeat-x;
    background-position: bottom;
}

table.listfoot {
    margin-left: 5%;
    width:       90%
}

table.listfoot td.next {
    font-size:  11px;
    text-align: right
}

table.list {
    width: 730px;
}
table.index {
    width: 770px;
}

table.list td.center {
    font-size:  11px;
    text-align: center
}

table.list td.right {
    font-size:  11px;
    text-align: right
}

table.list th {
    font-weight:    bold;
    color:          #333333;
    border-bottom:  white 1px solid;
    text-align:     left;
    font-size:      11px;
    padding-bottom: 7px;
}

table.list tr.even {
    font-size: 11px;
    color:     black;
    background-color: #BAD0FF;
}

table.list tr.uneven {
    font-size:        11px;
    color:            #333333;
    background-color: #ffffff;
}

table.listfoot td.prev {
    font-size:  11px;
    text-align: left
}

table.list .img {
    margin-left: 10px;
    text-align:  right
}

table.list a {
    color:           black;
    text-decoration: none
}

table.list th.a {
    text-decoration: none
}

table.fiche {
    border:              thin;
    background-position: center top;
    width:               100%;
}

table.fiche td.label {
    font-weight: bolder;
    font-size:   small;
    width:       170px;
    vertical-align:top;
}

.buttons {
    text-align: center
}

table.fiche td.title {
    font-size:      14px;
    color:          #006699;
    padding-top:    0px;
    padding-bottom: 15px;
    padding-left:   0px;
    font-weight:    bold;
}

table.fiche td.value {
    font-size: small;
    color:     black;
    width:     200px;
}

table.list a:hover {
    color:            black;
    background-color: #ffcd71;
    text-decoration:  underline;
    font-size:        11px;
}

table.list tr.hover {
    font-size:        11px;
    background-color: #ffcd71
}

#tabstat {
    padding-right: 10px;
    padding-left:  10px;
    margin-left:   10%;
    width:         80%
}

.stat {
    border:        medium none;
    width:         15px;
}

.stat td.label {
    padding-left:  10px;
    font-weight:   bolder;
    font-size:     small;
    border-bottom: blue thin
}

.stat td.value {
    font-size:     small;
    color:         black;
    border-bottom: blue thin
}

.stat td.title {
    padding:       0 10px 0 10px;
    font-weight:   bolder;
    font-size:     small;
    color:         navy;
    border-bottom: blue thin solid;
    text-align:    left
}

#statbottom {
    margin-top: 10px;
    width:      100%
}

#stattop1 {
    margin-top: 20px;
    width:      100%
}

#stattop2 {
    margin-top: 20px;
    width:      100%
}

.erreur {
    font-weight: bolder;
    color:       red;
    text-align:  center
}

.succes {
    font-weight: bolder;
    color:       green;
    text-align:  center
}

table.list input.readonly {
    border-right:     medium none;
    border-top:       medium none;
    border-left:      medium none;
    color:            green;
    border-bottom:    medium none;
    background-color: transparent
}

table.list input.total {
    border-right:     medium none;
    border-top:       medium none;
    font-weight:      bolder;
    border-left:      medium none;
    border-bottom:    medium none;
    background-color: transparent
}

table.minifiche {
    padding:             8px 10px 8px 10px;
    margin-bottom:       10px;
    border:              none;
}

table.minifiche td.label {
    border:              none;
    font-weight:         bolder;
    font-size:           small;
    margin-right:        10px;
}

table.minifiche td.value {
    border:              none;
    font-size:           small;
    color:               black;
}

table.minifiche td.buttons {
    padding-top:         10px;
    text-align:          center;
}

table.list tr.total {
    color:       #000000;
    font-weight: bold;
    font-size: 11px;
}

table.list th.center {
    font-weight:   bolder;
    color:         black;
    border-bottom: white 1px groove;
    text-align:    center
}

table.fiche div.white {
    border-right:     thin;
    padding-right:    5px;
    border-top:       thin;
    padding-left:     5px;
    padding-bottom:   5px;
    margin:           5px 100px;
    border-left:      thin;
    padding-top:      5px;
    border-bottom:    thin;
    background-color: white
}

table.fiche td.notes {
    color:            blue;
    background-color: white
}

.notes {
    border:           1px inset;
    padding:          0 10px 0 10px;
    margin:           10px;
    overflow:         auto;
    background-color: #e0ffff;
    text-align:       justify
}

.notes ol {
    list-style-type: none
}

.notes .example {
    padding-left: 10px;
    text-indent:  10px;
    font-style:   italic
}

.notes h2 {
    font-weight: lighter;
    font-size:   large;
    color:       black;
    text-align:  center
}

.red {
    color: red
}

#header .small {
    font-size: smaller
}

table.fiche .customfields {
    overflow: auto;
    height:   450px
}

.versionpaiement,
.form_fiche {
    background-color: #f5f5dc;
    padding:          10px;
    border:           1px solid #a7c4e4;
}
.versionpaiement {
    margin:             10px;
    width:              700px;
}

.versionpaiement .paiementlabel {
    width:              500px;
}

.form_fiche {
    margin:             10px 0 10px 0;
}
.block_attribute {
    padding-bottom:     10px;
}
.block_attribute label {
    font-family:        verdana, arial, helvetica, sans-serif;
    font-size:          12px;
    color:              #0066CC;
    font-weight:        bold;
    width:              200px;
    display:            block;
    float:              left;
    text-align:         right;
    margin-right:       10px;
}

.block_attribute input {
    width:              300px;
    margin-right:       10px;
    font-size:          11px;
}
.block_attribute input.error_mandatory {
    border:             1px solid red;
}
.block_attribute label.error_mandatory {
    color:             red;
}

.block_attribute .mandatory_message {
    color:              red;
    font-size:          11px;
    margin-left:        210px;
    visibility:         hidden;
}
input.button_valid {
    font-size:          12px;
    font-weight:        bold;
    color:              #fff;
    background:         url(../pictures/bg_ok.png) repeat-x;
    border:             2px solid #addcae;
    width:              100px;
    height:             25px;
    padding-bottom:     5px;
}

/*************************************************************************
            Page index
**************************************************************************/
.statistics {
    height:             50px;
    line-height:        50px;
    padding:            0 0 0 55px;
    margin:             0;
    font-size:          20px;
    font-weight:        normal;
    color:              #0055FF;
    background:         url(../pictures/icons/stats/stats_48.png) no-repeat;
}
.statistics a {
    font-size:          12px;
    font-weight:        normal;
    float:              right;
    margin-right:       10px;
    background:         url(../pictures/icons/undo-redo/rotate-cw_32.png) no-repeat;
    text-indent:        -9999px;
    width:              32px;
    height:             32px;
    margin-top:         8px;
}
.statistics a.rewind {
    background:         url(../pictures/icons/undo-redo/rotate-ccw_32.png) no-repeat;
}

.bloc_stats {
    float:              left;
    width:              160px;
    padding:            0 15px 0 15px;
    margin:             0 0 5px 0;
}
.bloc_stats_today a {
    color:              black;
    text-decoration:    none;
}
.bloc_stats_today a:hover {
    text-decoration:    underline;
}
.bloc_stats img {
    margin:             0 0 5px 60px;
}
.bloc_stats h4 {
    font-size:          13px;
    color:              #0055FF;
    font-weight:        bold;
    margin:             0 0 5px 0;
    padding:            0;
    text-align:         center;
}
.bloc_stats .stat_number {
    font-size:          20px;
}
.bloc_stats dl {
    font-size:          10px;
    display:            block;
}
.bloc_stats dl.stats_today {
    height:             75px;
    overflow-y:         auto;
}
.bloc_stats dt {
    clear:              both;
    float:              left;
    width:              90px;
    text-align:         right;
    margin:             0 5px 0 0 ;
    padding:            0;
    line-height:        15px;
    overflow:           hidden;
    height:             15px;
}
.bloc_stats dd {
    font-size:          12px;
    font-weight:        bold;
    margin:             0;
    padding:            0;
    line-height:        15px;
}

.content_top {
    height:                 5px;
    overflow:               hidden;
    width:                  100%;
    margin:                 10px 0 0;
}

.content_top_left {
    background:             url(../pictures/backgrounds/content_top_left.png) no-repeat top left;
    height:                 5px;
    width:                  1%;
    float:                  left;
}

.content_top_center {
    background:             url(../pictures/backgrounds/content_top_center.png) repeat-x top;
    height:                 5px;
    float:                  left;
    width:                  98%;
}

.content_top_right {
    background:             url(../pictures/backgrounds/content_top_right.png) no-repeat top right;
    height:                 5px;
    width:                  1%;
    float:                  left;
}

.content_main {
    border-left:            1px solid #bbbbbb;
    border-right:           1px solid #bbbbbb;
    background:             #fff;
    padding:                0;
}

.content_main .title {
    margin:                 0;
    padding:                0;
    background-color:       #191E20;
    border-left:            1px solid #bbbbbb;
    border-right:           1px solid #bbbbbb;
}
.content_main .title h3 {
    color:                  white;
    padding:                5px 0 5px 23px;
    text-transform:         uppercase;
}
.content_bottom {
    height:                 5px;
}

.content_bottom_left {
    background:             url(../pictures/backgrounds/content_bottom_left.png) no-repeat top left;
    height:                 5px;
    width:                  1%;
    float:                  left;
}

.content_bottom_center {
    background:             url(../pictures/backgrounds/content_bottom_center.png) repeat-x top;
    height:                 5px;
    float:                  left;
    width:                  98%
}

.content_bottom_right {
    background:             url(../pictures/backgrounds/content_bottom_right.png) no-repeat top right;
    height:                 5px;
    width:                  1%;
    float:                  left;
}
.bargraph,
.bargraph li {
    height:             15px;
    float:              left;
    list-style:         none;
    margin:             0;
    padding:            0;
    text-align:         center;
    vertical-align:     middle;
    font-size:          11px;
}
#bargraph_confirm {
    width:              755px;
    margin:             5px 5px 5px 7px;
    font-weight:        bold;
}

.bargraph #red {
    background-color:   red;
}
.bargraph #green {
    background-color:   green;
    color:              white;
}
.bargraph #light_green {
    background-color:   #90ee90;
}
.bargraph #yellow {
    background-color:   yellow;
}
.bargraph #light_blue {
    background-color:   #add8e6;
}
.bargraph #blue {
    background-color:   blue;
    color:              white;
}
.bargraph #orange {
    background-color:   orange;
}
.bargraph #black {
    background-color:   #000000;
    color:              white;
}
#detail {
    margin-top:         20px;
}
/*************************************************************************
            bloc de droite
**************************************************************************/
#droit img {
    vertical-align:     top;
    border:             none;
}
#tab_right_bloc {
    margin-bottom:      3px;
}

/*************************************************************************
            menu
**************************************************************************/
#menu img {
    vertical-align:     top;
    border:             none;
}


.replace_textarea,
#SrcHtml {
    border:             1px solid black;
    padding:            20px;
    background-color:   white;
    overflow:           auto;
}

#SrcHtml {
    display:            none;
}

/*************************************************************************
            Upgrade account
**************************************************************************/

.texte p {
    margin-top:        10px;
    margin-bottom:     10px;
}

.texte fieldset {
    padding-bottom:     20px;
}

.upgrade_account .payment_cyber_pro {
    text-align:         center;
}

.instructions {
padding: 10px;
line-height: 12px;
background-color: #FAFAF4;
border: 1px dotted rgba(53, 50, 60, 0.38);
}

div.top{
margin-bottom: 10px;
}

div.bottom{
margin-top: 10px;
}


.instructions p {margin-bottom: 10px;}

.instructions p span.cap {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:10px;}

.minisep{
height: 0px;
border-bottom: 1px dotted grey;
margin: 10px 30px 10px 30px;
}

.input_help{
color:grey; font-size:80%;
}
.indexresultats{color:grey; font-size:80%;
text-align:right;
margin-right: 20px;

}

div.tabfiche fieldset{
width:674px;
background-color: #F3F6F7;
border: 1px solid rgba(0, 0, 0, 0.09);
}

div.tabfiche fieldset label{
font-weight: normal;
font-size: small;
width: 170px;
}


legend {
color: #000000;
font-style:italic;
font-weight: bold;

}

legend span.pro{
color: black;
}

.web_dialog_overlay
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .35;
   filter: alpha(opacity=35);
   -moz-opacity: .35;
   z-index: 101;
   display: none;
}
.web_dialog
{
   display: none;
   position: fixed;
   width: 10px;
   height: 10px;
   top: 20%;
   left: auto;
   margin-left: -300px;
   margin-top: -100px;
  /* background-color: #ffffff;
   border: 2px solid #336699;
  */ padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
}
.web_dialog_title
{
   border-bottom: solid 2px #606F7E;
   background-color: #B54F11;
   padding: 4px;
   color: White;
   font-weight:bold;
   width : 690px
}
.web_dialog_title a
{
   color: White;
   text-decoration: none;
}
.align_right
{
   text-align: right;
}
div.web_dialog fieldset {
margin : 0px;
}

.textarea_like_input{
border-bottom-color: #EEE;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: inset;
border-bottom-width: 2px;
border-collapse: separate;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: #EEE;
border-left-style: inset;
border-left-width: 2px;
border-right-color: #EEE;
border-right-style: inset;
border-right-width: 2px;
border-top-color: #EEE;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: inset;
border-top-width: 2px;
}

.vpro{
color:darkblue; font-weight:bold;
}

.solde{
    font-size:      14px;
    color:          #006699;
    padding-top:    0px;
    padding-bottom: 15px;
    padding-right:   50px;
    font-weight:    bold;
    text-align:right;
}
#cancel_button{

width: 200px;
margin: auto;
margin-bottom: 10px;
color: #E6E6C4;
background-color: #6D1111;
border: 1px solid #C7C79B;
padding: 5px;
display: block;
text-align: center;
font-weight: bold;
text-decoration: none;

}

div.success {
margin: 7px;
width: 94%;
padding: 7px;
text-align: center;
border: 1px solid #C6D5C6;
background-color: #BDE7C7;
}

div.warning {
margin: 7px;
width: 94%;
padding: 7px;
text-align: center;
border: 1px solid #FFA500;
background-color: #EEC361;
}
div.error {
margin: 7px;
width: 94%;
padding: 7px;
text-align: center;
border: 1px solid #707455;
background-color: #FF5C5C;
}
td.erreurs{
background-color: #FFE6AE;
border: 3px dotted #831A0C;
padding: 7px;

}
td.erreurs ul{
line-height: 20px;
list-style-image: url(../pictures/icons/cross/refuse.png);
margin-left:20px;
font-size:14px;
}
td.erreurs li{
margin-bottom:5px;
}
div.list_active{
background-image:url(../pictures/icons/circles/open.png);
background-repeat: no-repeat;
padding-left:20px;
}
div.list_paused{
background-image:url(../pictures/icons/circles/closed.png);
background-repeat: no-repeat;
padding-left:20px;
}
div.list_warning{
background-image:url(../pictures/icons/warnings/warning_16.png);
background-repeat: no-repeat;
}

.warn{
background-color:#FFFFFF;
border:2px solid #FF5C5C;
border-style: inset;
}
div.bouton_pub a{
background-color: black;
color: #F4FBFC;
font-size: 11px;
font-weight: bold;
width: 180px;
top: -25px;
position: absolute;
left: 786px;
padding: 5px;
border: 0px solid #F3F8E7;
border-radius: 2px;
}
div.bouton_pub a:hover{
color: #92EC4B;
}
div.textexpand{
background-color:#FFFFFF;
padding:5px;
margin:5px;
font-size:14px;
}
h2.text{
padding-left:0px;
font-size:16px;
}
.rightlimit{
border-right:white 1px groove;
}
.leftlimit{
border-left:white 1px groove;
}
.toplimit{
border-top:white 1px groove;
}
.spamreport{
color: #A51C1C;
display: block;
}
.notspam{
color: #074E07;
display: block;
}
.tip{
margin-top: 15px;
font-size: 90%;
padding: 5px;
padding-left: 40px;
border: 3px groove white;
width: 800px;
background-image: url(./pictures/icons/infos/info_32.png);
background-repeat: no-repeat;
background-position-x: 2px;
background-position-y: 5px;
background-color: #E2EAF3;
}

#visualization {
width: 730px; height: 240px;'
margin: 5px 5px 2px 7px;
z-index:99;
}

.detailmessagerie{
background-color:#4D4D55;
color:#EAECFA;
padding:2px;
margin: 5px 5px 5px 0px;
}
.detailmessagerie a{
color:#DBE2E2;
margin-left:15px;
padding-left:5px;
padding-right:5px;
font-weight:bold;
}

.detailmessagerie a:hover{
background-color:#000000
}

.detailmessagerie .selected{
background-color:#076685;
font-weight:normal;
}

.header{
background-color:#EFF1F2;
}

a.graph_select {
color:#AFB6A1;
}
a:hover.graph_select{
background-color:#000000;
}
a.selected{ 
background-color:#120881;
padding: 1px 3px 2px 3px;
}

.headline{
position:absolute;
top:0px;
width:100%;
background-color:black;
padding:1px 1px 1px 1px;
}
.headline-text{
font-size:10pt;
color:#ABC0C0;
text-align:center;
margin-right:100px;
}
span.sep {
color:#B500EE;
}

.stats-explain {
background-color: white;
padding: 15px;
border: 10px solid black;
width:500px;
position:absolute;
top:30px;
Z-index:1000;
}
#note_globale {
border-right:#806C6C solid 1px;
width:200px;
}
#fields {
padding: 20px;
}