@import 'fancy.css';
@import 'form.css';

/* =Reset css
    ------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background:#DEE6F4/* url(images/interne/fond.gif) center top repeat-x*/;
  font-family:arial, Sans-serif;
  font-size:12px;
}
ol, ul {
  list-style: none;
}

#alert{
  display:none;
}

strong{
  font-weight:bold;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}
caption{
  display:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

img.logo{
  position:relative;
  left:250px;
}

a{
  color:#005699;
}

.left{
  float:left;
  margin:0 10px 5px 0;
}

p{
  line-height:1.2em;
}

#container p{
  margin:5px auto;
  position:relative;
  z-index:100;
}

.hr{
  display:none;
}

hr{
  display:none;

}

h1,h2{
  display:none;
}

#page{
  width:991px;
  margin:0 auto 0px auto;
}

.hrbas{
  display:block;
  height:63px;
  background:url(images/interne/baspage.jpg) center bottom no-repeat;
}

#wrapper{
  background:#DFE7E8;
  border-left:1px solid #8AA7A5;
  border-right:1px solid #8AA7A5;
}

/*CONTENT*/

  /*HEADER*/
  #header{
    background:url(images/interne/header.jpg) center top no-repeat;
    height:270px;
  }

  #header #abonnees{
    width:20%;
  }

  div.calendar{
    z-index: 10000;
  }

  /*END HEADER*/

  /*WRAPPER*/
    /*NAV*/
    #nav{
      background:#DFE7E8 url(images/interne/hautnav.jpg) left top no-repeat;
      width:250px;
      float:left;
      position:relative;
    }

    #nav #maps{
      position:absolute;
      top:-190px;
      left:68px;
      overflow:hidden;
    }
    
    #nav #maps a{
      display:block;
      background:url(images/interne/maps.gif) center top no-repeat;
      text-indent:-5000px;
      height:134px;
    }     

    #affiliation{
      display:none;
    }

    #nav .hr{
      display:block;
      height:11px;
      background:url(images/interne/basbloc.gif) center top no-repeat;
    }

    #nav .blocnav h3{
      display:block;
      background:url(images/interne/h3nav.gif) center bottom no-repeat;
      margin:0 auto;
      font-family:Trebuchet MS, arial, Sans-serif;
      line-height:1.2em;
      color:#000;
      text-decoration:underline;
      font-weight:bold;
    }  

    #nav p{
      color:#000;
    }

    #nav .blocnav{
      margin:10px 0 0 0;
      background:url(images/interne/fondblocnav.gif) center top repeat-y;
    }

    #nav #lots_confrere h3{
      padding:13px 0 24px 25px;
      text-decoration:none;
    }

    #nav #lots_confrere p{
      width:20%;
      margin:8px 0 5px 10px;
      float:left;
      color:#000;
      text-decoration:underline;
    }

    #nav #lots_confrere p.first{
      width:20%;
      margin:8px 0 5px 30px;
      float:left;
      color:#000;
      text-decoration:underline;
    }

    html* #nav #lots_confrere p.first{
      margin:8px 0 5px 15px;
    }

    #nav #lots_confrere p.ok{
      width:37px;
      margin:2px 0 0 5px;
      float:left;
    }

    #nav #lots_confrere p a{
      display:block;
      width:37px;
      margin:0;
      float:left;
    }

    #nav #messagerie h3{
      padding:13px 0 24px 25px;
      text-decoration:none;
    }

    #nav #messagerie p{
      width:20%;
      margin:8px 0 5px 10px;
      float:left;
      color:#000;
      text-decoration:underline;
    }

    #nav #messagerie p.first{
      width:20%;
      margin:8px 0 5px 30px;
      float:left;
      color:#000;
      text-decoration:underline;
    }

    html* #nav #messagerie p.first{
      margin:8px 0 5px 15px;
    }

    #nav #messagerie p.ok{
      width:37px;
      margin:2px 0 0 5px;
      float:left;
    }

    #nav #messagerie p a{
      display:block;
      width:37px;
      margin:0;
      float:left;
    }
    
    #nav a.ok{
      display:block;
      text-indent:-5000px;
      height:44px;
      width:37px;
      background:url(images/interne/ok.gif) center top no-repeat;
    }

    #nav a:hover.ok{
      background:url(images/interne/okhover.gif) center top no-repeat;
    }

    #nav #calculateur h3{
      padding:11px 0 12px 24px;
    }

    #nav #kit h3{
      padding:15px 0 22px 25px;
    }

    #nav #calculateur h3 span{
      display:block;
      color:#005699;
      text-decoration:underline;
    }

    #nav #kit h3 span{
      display:inline;
      color:#005699;
      text-decoration:underline;
    }

    #nav #calculateur p,#nav #kit p{
      padding:10px 0px 10px 30px;
      width:62%;
      float:left;
      font-family:Trebuchet MS, arial, Sans-serif;
      font-size:11px;
    }

    #nav a.lots{
      background:url(images/interne/lots.jpg) center top no-repeat;
      display:block;
      height:28px;
      width:230px;
      margin:0 auto;
      font-family:Trebuchet MS, arial, Sans-serif;
      font-size:11px;
      color:#000;
      padding:10px 0 0 22px;
      font-weight:bold;
      text-decoration:underline;
    }

    #nav a.misterdem{
      background:url(images/interne/misterdem.gif) center top no-repeat;
      display:block;
      height:149px;
      width:223px;
      margin:10px auto;
      text-indent:-5000px;
    }

    #nav #calculateur p.link, #nav #kit p.link{
      float:left;
      padding:0px;
      margin:9px 0 0 5px;
      width:15%;
    }

    #nav #calculateur a, #nav #kit a{
      float:right;
      background:url(images/interne/telechargervolume.gif) center top no-repeat;
      height:40px;
      width:36px;
      text-indent:-5000px;
    }

    #nav #calculateur a:hover,#nav #kit a:hover{
      background:url(images/interne/telechargervolumehover.gif) center top no-repeat;
    }

    #nav img{
      margin:0 25px;
    }
    
    #nav ul{
      width:75%;
      margin:0px auto;
    }
        
    #nav .blocnav li{
      display:block;
      margin:5px 0 0px 0;
      background:url(images/interne/pucesub.gif) left 3px no-repeat;
      padding:0 0 2px 18px;
    }

    #nav .blocnav li a{
      font-size:11px;
    }   

    #nav #reseau_mm {
    width: 230px;
    margin: 10px auto; 
    background: transparent url(images/interne/reseau_mm_bottom.gif) left bottom no-repeat;
    padding-bottom: 92px;
    }
        
    #nav #reseau_mm h3 a {
      display: block;
      width: 230px;
      height: 48px;
      padding: 10px 0 0 15px;
      background: transparent url(images/interne/h3nav.gif) left top no-repeat;
      color: #000;
      line-height: 16px;
      font-weight: bold;
    }

    #nav #reseau_mm  p {
     margin: 0 5px 5px 15px;
    }
    
    #nav #reseau_mm  p#tvmisterdemenagement {
     margin: 10px 15px 15px 15px;
     padding-bottom:10px;
     border-bottom:1px solid #912b5b;
    } 

    #nav #reseau_mm  p#tvmisterdemenagement a {
      padding:15px 0 0 35px;
      background:url(images/interne/picto-tv.jpg) left top no-repeat;
      color:#912b5b;
      font-weight:bold;
      text-decoration:none;
    }
    
    #nav #reseau_mm  p#tvmisterdemenagement a:hover {
      text-decoration:underline;
    }    

    #nav #reseau_mm  p a {
      padding-left: 35px;
      background: transparent url(images/interne/mailto.gif) left top no-repeat;
      color: #000;
    }
    
    
    /* Clearing floats without extra markup
       Based on How To Clear Floats Without Structural Markup by PiE
       [http://www.positioniseverything.net/easyclearing.html] */

    .clear { display: inline-block; }
    .clear:after{
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }
    * html .clear { height: 1%; }
    .clear { display: block; }


    /*END NAV*/

    /*CONTENT*/
    #content{
      width:527px;
      float:left;
      position:relative;
      padding:0 0 0px 0;
      left:0px;
      position:relative;
      z-index:5000;
    }

      /*LOGIN*/
      #content #login{
        position:absolute;
        margin:-165px 0 0 41px;
        width:450px;
      }

      html* #content #login{
        margin:-165px 0 0 16px;
      }

      #content #login h4{
        color:#B9D1AA;
        font-size:14px;
        padding:0 0 0 35px;
        font-family:Trebuchet MS, arial, Sans-serif;
        font-weight:bold;
      }

      #content #login form{
        background:url(images/interne/formulaire.jpg) center top no-repeat;
        float:left;
        width:263px;
        height:83px;
        margin:4px 0 0 3px;
      }

      #content #login form h4{
        font-size:14px;
        font-weight:bold;
        font-family:Trebuchet MS, arial, Sans-serif;
        color:#B9D1AA;
        margin:15px 0 0px 10px;
      }
     

      #content #login p.logo a{
        display:block;
        background:url(images/interne/logo.jpg) center top no-repeat;
        height:93px;
        width:172px;
        float:left;
        text-indent:-5000px;
      }

      html* #content #login p.logo a{
        margin-left:5px;
      }

      #content #login p.link{
        clear:both;
        width:100%;
        float:left;
        margin:0px 0 0 0;
      }

      #content #login p.link a{
        color:#B9D1AA;
        text-decoration:underline;
        margin:0px 0 0 10px;
        font-weight:bold;
      }

      #content #login p.link a#dec_ok{
        float:left;
        width:28%;
        height:27px;
        padding:5px 5px 0 5px;
        background:url(images/interne/ok_rose.jpg) right top no-repeat;
      }

      #content #login p.link a#contact{
        float:left;
        width:61%;
        height:30px;
        margin:0 0 0 20px;
        padding:6px 0px 0 0;
        background:url(images/interne/ok_jaune.jpg) right -2px no-repeat;
      }
      
      #content #login p.link a#compte{
        position:absolute;
        top:5px;
        right:0px;
        font-size:10px;
        font-weight:normal;
        width:20%;
        text-decoration:none;
      }     
      /*END LOGIN*/

      /*CONTAINER*/
      #content{
        margin-top:-10px;
      }

      #content #container{
        width:92%;
        margin:0 auto;
        position:relative;
        z-index:5;
        min-height:200px;
      }   
      
      #content h5{
        color:#005699;
        font-size:14px;
        padding:0 0 0 0;
        margin:10px 0 0 10px;
        font-family:Trebuchet MS, arial, Sans-serif;
      } 

      #content #container form h5{
        margin:25px auto 10px auto;
        width:90%;
        color:#005699;
        font-weight:bold;
        padding:0 0 0 0;
      }       

      #content #container #tableau{

      }

      #content #container #tableau .hr{
        display:none;
      }

      #content #container h4#first{
        clear:both;
        font-family:Trebuchet MS, arial, Sans-serif;
        font-weight:bold;
        position:relative;
      }

      #content #container h4{
        font-weight:bold;
      }
      
      #content #container h5{
        font-size:12px;
        margin:20px 0 10px 0;
        padding:0 0 0 0;
        font-weight:bold;
        padding:0 0 0 0;
        text-decoration:underline;
        font-family:arial, Sans-serif;
      }
      
      strong{
        font-weight:bold;
      }

      #content #container table{
        margin:15px auto 0 auto;
        width:480px;
        clear:both;
      }

      #content #container table .head a{
        font-size:12px;
        font-weight:bold;
        color:#666666;
        height:44px;
        text-decoration:none;
      }

      #content #container table td.first a{
        font-size:12px;
        font-weight:bold;
        height:44px;
        text-decoration:none;
      }

      #content #container .head th,#content #container .head td{
        padding:10px 3px 20px 5px;
        text-align:left;
        background:url(images/interne/td.jpg) right top no-repeat;
        font-weight:bold;
        color:#65646A;
      }
      
      #content #container .head th.depart, #content #container .head th.arrivee{
        width:130px;
      }     

      #content #container .head th.first, #content #container .head td.first{
        height:44px;
        background:url(images/interne/tddate.jpg) left top no-repeat;
        padding:10px 0px 20px 15px;
        width:60px;
      }
      
      #content #container .head th.contact{
        padding:10px 5px 20px 5px;
        width:60px;
      }   

      #content #container .head th.vol{
        padding:10px 5px 20px 5px;
        width:25px;
      }     

      #content #container .head th.last, #content #container .head td.last{
        background:url(images/interne/tdvu.jpg) right top no-repeat;
        width:60px;
        padding:0 10px 0 2px;
      }

      #content #container .head td{
        background:url(images/interne/td.jpg) right top no-repeat;
      }

      #content #container .lots .head th.first{

      }

      #content #container .lots .head th.titre, #content #container .lots .head th.desc,
      #content #container .lots .head td.titre, #content #container .lots .head td.desc{
        padding:10px 20px 0 10px;
        width:20px;
      }

      #content #container .lots .head th.societe, #content #container .lots .head td.societe{
        padding:10px 20px 0 10px;
        width:85px;
      }

      #content #container .lots .head th.region, #content #container .lots .head td.region{
        padding:10px 0px 0 10px;
      }

      #content #container .lots .head th.last, #content #container .lots .head td.last{
        padding:10px 10px 0 10px;
        background:transparent url(images/interne/tdvu.jpg) no-repeat scroll right top;
      }

      #content #container #tableau table#details .type_1_top td.first{
        background:url(images/interne/tdfirsttop_un.jpg) left top no-repeat;
        width:50%;
        border-right:2px solid #99ABAB;
        color:#000;
        padding:5px 0 5px 20px;
        font-weight:bold;
        height:auto;
        border-left:none;
      }   

      #content #container #tableau table#details .type_1_top td.last{
        background:url(images/interne/tdlasttop_un.jpg) right top no-repeat;
        width:50%;
        color:#000;
        border-right:none;
        padding:5px 0 5px 20px;
      }

      #content #container #tableau table#details .type_1_bottom td.first{
        background:url(images/interne/tdfirstbottom_un.gif) left bottom no-repeat;
        width:50%;
        height:auto;
        border-right:2px solid #99ABAB;
        color:#000;
        padding:5px 0 5px 20px;
        font-weight:bold;
        border-left:none;
      }

      #content #container #tableau table#details .type_1_bottom td.last{
        background:url(images/interne/tdlastbottom_un.gif) right bottom no-repeat;
        width:50%;
        color:#000;
        border-right:none;
        padding:5px 0 5px 20px;
      }

      #content #container #tableau table#details .type_3_top td.first, #content #container #tableau table#details .type_2_top td.first{
        background:url(images/interne/tdfirsttop_trois.gif) left top no-repeat;
        width:50%;
        border-right:2px solid #99ABAB;
        color:#000;
        padding:5px 0 5px 20px;
        font-weight:bold;
      }

      #content #container #tableau table#details .type_3_top td.last, #content #container #tableau table#details .type_2_top td.last{
        background:url(images/interne/tdlasttop_trois.gif) right top no-repeat;
        width:50%;
        color:#000;
        border-right:none;
        padding:5px 0 5px 20px;
      }

      #content #container #tableau table#details .type_3_bottom td.first, #content #container #tableau table#details .type_2_bottom td.first{
        background:url(images/interne/tdfirstbottom_trois.gif) left bottom no-repeat;
        width:50%;
        border-right:2px solid #99ABAB;
        color:#000;
        padding:5px 0 15px 20px;
        font-weight:bold;
        border-left:none;
      }

      #content #container #tableau table#details .type_3_bottom td.last, #content #container #tableau table#details .type_2_bottom td.last{
        background:url(images/interne/tdlastbottom_trois.gif) right bottom no-repeat;
        width:50%;
        color:#000;
        border-right:none;
        padding:5px 5px 5px 15px;
        line-height:1.2em;
      }

      #content #container #tableau table#details .type_1 td{
        background:#E0EAEB;
        width:50%;
        color:#000;
        padding:5px 0 5px 20px;
      }

      #content #container #tableau table#details .type_1 td.first{
        border-right:2px solid #99ABAB;
        border-left:1px solid #AFAFAF;
        font-weight:bold;
      }

      #content #container #tableau table#details .type_1 td.last{
        border-right:2px solid #99ABAB;
        border-right:1px solid #AFAFAF;
      }

      #content #container #tableau table#details .type_3 td, #content #container #tableau table#details .type_2 td{
        background:#fff;
        width:50%;
        color:#000;
        padding:5px 0 5px 20px;
      }

      #content #container #tableau table#details .type_3 td.first, #content #container #tableau table#details .type_2 td.first{
        border-right:2px solid #99ABAB;
        border-bottom:0px;
        border-left:1px solid #AFAFAF;
        padding:5px 0 5px 20px;
        font-weight:bold;
      }

      #content #container #tableau table#details .type_3 td.last,#content #container #tableau table#details .type_2 td.last{
        border-right:2px solid #99ABAB;
        border-bottom:0px;
        border-right:1px solid #AFAFAF;
        padding:5px 0 5px 20px;
        font-weight:normal;
      }

      #content #container #tableau table{
        margin:0px auto;
      }

      #content #container #tableau table{
        margin:5px auto;
        width:450px;
        position:relative;
        z-index:50;
        border:1px solid #ddd;
        border-bottom:none;
        border-right:none;
      }
      
      #content #container #show{
        margin:10px auto 0 auto;
        width:100%;
      }   

      #content #container p#show{
        margin:10px auto 0 auto;
        width:100%;
        overflow:hidden;
      }         
      
      h4 a.print{
        background:url(images/interne/print.gif) left top no-repeat;
        padding:5px 0 0 30px;
        height:27px;
        text-decoration:none;
        display:inline;
        float:none;
        margin:0px 0 0 180px;
      }

      a.export{
        background:url(images/interne/export.gif) left top no-repeat;
        padding:5px 40px 0 30px;
        display:block;
        height:27px;
        text-decoration:none;
        float:left;
        font-weight:bold;
      }

      a.print{
        background:url(images/interne/print.gif) left top no-repeat;
        padding:5px 0 0 30px;
        display:block;
        height:27px;
        text-decoration:none;
        float:right;
      }
      
      a.return{
        background:url(images/interne/return.gif) left top no-repeat;
        padding:4px 0 0 28px;
        margin:3px 0px 10px 0;
        display:block;
        height:25px;
        text-decoration:none;
        width:130px;
      }     

      a:hover.return{
        background:url(images/interne/returnhover.gif) left top no-repeat;
      }

      a.back{
        background:url(images/interne/return.gif) left top no-repeat;
        padding:4px 0 0 28px;
        margin:3px 0px 10px 0;
        float:left;
        height:25px;
        text-decoration:none;
        width:150px;
        clear:left;
      }     

      a:hover.back{
        background:url(images/interne/returnhover.gif) left top no-repeat;
      } 

      a.itineraire{
        background:url(images/interne/itineraire.jpg) left top no-repeat;
        padding:7px 0 0 40px;
        margin:3px 0px 10px 0;
        float:right;
        height:25px;
        text-decoration:none;
        width:50px;
        clear:right;
      }     

      a:hover.itineraire{
        background:url(images/interne/itineraire.jpg) left top no-repeat;
      }       
      
      td img{
        position:relative;
        right:10px;
        display:block;
      }
      
      td a{
        text-decoration:none;
        color:#000;
      }     
      
      /*tableau pour un enregistrament*/
      
      #content #container .type_1_alone_consult td.first{
        background:url(images/interne/tdfirstaloneconsult.gif) left top no-repeat;
        height:70px;
        width:70px;
        border:none;
        padding:5px 5px 0 10px;
      }

      #content #container .type_1_alone_consult td{
        background:#F0CD28 url(images/interne/fondfonce.gif) center top repeat-x;
        padding:5px 5px 0 5px;
      } 
      
      #content #container .type_1_alone_consult td.vol{
        width:25px;
      }       

      #content #container .type_1_alone_consult td.last{
        background:url(images/interne/tdlastaloneconsult.gif) right top no-repeat;
        height:80px;
        border:none;
      } 

      #content #container .type_2_alone_consult td.first{
        background:url(images/interne/tdfirstaloneconsult_2.gif) left top no-repeat;
        height:70px;
        width:70px;
        border:none;
        padding:5px 5px 0 10px;
      }

      #content #container .type_2_alone_consult td{
        background:#FBEC44 url(images/interne/fondclair.gif) center top repeat-x;
        padding:5px 5px 0 5px;
      } 
      
      #content #container .type_2_alone_consult td.vol{
        width:25px;
      }       

      #content #container .type_2_alone_consult td.last{
        background:url(images/interne/tdlastaloneconsult_2.gif) right top no-repeat;
        height:80px;
        border:none;
      }     

      #content #container #details .type_1_alone td.first{
        background:url(images/interne/tdfirstbottomalone_un.gif) left top no-repeat;
        height:80px;
        border:none;
        width:20%;
        border-right:2px solid #fff;
      } 

      #content #container .type_1_alone td.first{
        background:url(images/interne/tdfirstbottomalone_un.gif) left top no-repeat;
        height:80px;
        padding:5px 0 5px 10px;
        border:none;
        width:77px;
      }   

      #content #container #details .type_1_alone td.last{
        width:75%;
        background:url(images/interne/tdlastalone_un.gif) right top no-repeat;
        border:none;
      } 

      #content #container .type_1_alone td.last{
        background:url(images/interne/tdlastalone_un.gif) right top no-repeat;
        height:80px;
        padding:5px 0 5px 10px;
        border:none;
      } 
      
      #content #container .type_3_alone td.first{
        background:url(images/interne/tdfirstalone_deux.gif) left top no-repeat;
        height:80px;
        padding:5px 0 5px 10px;
        border:none;
        width:50%;
        border-right:2px solid #fff;
      }   

      #content #container .type_3_alone td.last{
        background:url(images/interne/tdlastalone_deux.gif) right top no-repeat;
        height:80px;
        padding:5px 0 5px 10px;
        border:none;
        width:50%;
      } 

      #content #container .type_2_alone td.first{
        background:url(images/interne/tdfirstalone_trois.gif) left top no-repeat;
        height:80px;
        padding:5px 0 5px 10px;
        border:none;
        width:50%;
        border-right:2px solid #925E90;
      }   

      #content #container .type_2_alone td.last{
        background:url(images/interne/tdlastalone_trois.gif) right top no-repeat;
        height:80px;
        padding:5px 0 5px 10px;
        border:none;
        width:50%;
      }       

      #content #container .type_1_alone td{
        background:#E0EAEA;
        padding:0px 5px 0px 5px;
        border-top:1px solid #AFAFAF;
        border-bottom:1px solid #AFAFAF;
      }       
      
      /*fin tableau unique enregistrement*/

      #content #container .type_1_top td.first{
        background:#E0EAEA url(images/interne/tdfirst.jpg) left top no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
      }

      #content #container .type_1_top td.last{
        background:#E0EAEA url(images/interne/tdlast.jpg) right top no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
      }

      #content #container .type_1_top td{
        background:#E0EAEA;
        height:29px;
        padding:5px 0 5px 10px;
        border-top:1px solid #AFAFAF;
      }

      #content #container .type_3_top td{
        background:#99ABAB;
        height:29px;
        padding:5px 0 5px 10px;
        border-top:1px solid #AFAFAF;
      }

      #content #container .type_3 td{
        background:#99ABAB;
        height:29px;
        padding:5px 0 5px 10px;
      }

      #content #container .type_2_top td{
        background:#99ABAB;
        height:29px;
        padding:5px 0 5px 10px;
        border-top:1px solid #AFAFAF;
      }

      #content #container .type_1 td{
        background:#E0EAEA;
        height:29px;
        padding:5px 5px 5px 5px;
        border:none;
      }

      #content #container .type_1 td.first{
        background:#E0EAEA;
        height:29px;
        padding:5px 0 5px 10px;
        border-left:1px solid #AFAFAF;
      }

      #content #container .type_1 td.last{
        background:#E0EAEA;
        height:29px;
        padding:5px 0 5px 10px;
        border-right:1px solid #AFAFAF;
      }

      #content #container .type_1_bottom td.last{
        background:#E0EAEA url(images/interne/tdlastbottom_un.gif) right bottom no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
      }

      #content #container .type_1_bottom td.first{
        background:#E0EAEA url(images/interne/tdfirstbottom_un.gif) left bottom no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
      }

      #content #container .type_1_bottom td{
        background:#E0EAEA;
        height:29px;
        padding:5px 0 5px 10px;
        border-bottom:1px solid #AFAFAF;
      }

      #content #container .type_1_top td.last{
        background:#E0EAEA url(images/interne/tdlasttop_un.jpg) right top no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
      }

      #content #container .type_1_top td.first{
        background:#E0EAEA url(images/interne/tdfirsttop_un.jpg) left top no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
        width:77px;
      }

      #content #container .type_1 td.first{
        background:#E0EAEA;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
        width:77px;
        border-left:1px solid #AFAFAF;
      }

      #content #container .type_1_top td{
        background:#E0EAEA;
        height:29px;
        padding:5px 5px 5px 5px;
        border-top:1px solid #AFAFAF;
      }

      /*TYPE DEUX*/

      #content #container .type_3 td{
        background:#99ABAB;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
      }

      #content #container .type_3_bottom td.last{
        background:url(images/interne/tdlastbottom_deux.gif) right bottom no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
      }

      #content #container .type_3_bottom td.first{
        background:url(images/interne/tdfirstbottom_deux.gif) left bottom no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
      }

      #content #container .type_3_bottom td{
        background:#99ABAB;
        height:29px;
        padding:5px 0 5px 10px;
        border-bottom:1px solid #AFAFAF;
      }

      #content #container .type_3_top td.last{
        background:url(images/interne/tdlasttop_deux.gif) right top no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
      }

      #content #container .type_3_top td.first{
        background:url(images/interne/tdfirsttop_deux.gif) left top no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
        width:77px;
      }

      #content #container .type_3_top td{
        background:#99ABAB;
        height:29px;
        padding:5px 0 5px 10px;
        border-top:1px solid #AFAFAF;
      }

      #content #container .type_3 td.first{
        background:#99ABAB;
        height:29px;
        padding:5px 0 0 10px;
        border-bottom:1px solid #AFAFAF;
        width:77px;
      }

      /*FIN TYPE DEUX*/

      /*TYPE TROIS*/
      #content #container .type_2_bottom td.first{
        background:url(images/interne/tdfirstbottom_trois.gif) left bottom no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
        width:77px;
      }

      #content #container .type_2_bottom td.last{
        background:url(images/interne/tdlastbottom_trois.gif) right bottom no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
      }

      #content #container .type_2_bottom td{
        background:#fff;
        height:29px;
        padding:5px 5px 5px 5px;
        border-bottom:1px solid #AFAFAF;
      }

      #content #container .type_2_top td.first{
        background:url(images/interne/tdfirsttop_trois.gif) left top no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
        width:77px;
      }

      #content #container .type_2_top td.last{
        background:url(images/interne/tdlasttop_trois.gif) right top no-repeat;
        height:29px;
        padding:5px 0 5px 10px;
        border:none;
      }

      #content #container .type_2_top td{
        background:#fff;
        height:29px;
        padding:5px 0 5px 10px;
        border-top:1px solid #AFAFAF;
      }

      #content #container .type_2 td{
        background:#fff;
        height:29px;
        padding:5px 5px 5px 5px;
        border:none;
      }

      #content #container .type_2 td.first{
        background:#fff;
        height:29px;
        padding:5px 0 5px 10px;
        border-left:1px solid #AFAFAF;
        width:80px;
      }

      #content #container .type_2 td.last{
        background:#fff;
        height:29px;
        padding:5px 0 5px 10px;
        border-right:1px solid #AFAFAF;
      }
      
      
      #content #container .lot_interne td,
      #content #container .lot_interne td a,
      #content #container .lot_interne td.first a,
      #content #container .lot_interne td.last a{
        color:#888;
      }
      
      #content #container .paginate{
        text-align:center;
        margin:10px auto 0 auto;
      } 
      
      #content #container .paginate a{
        margin:0px auto 0 10px;
      }   

      #content #container .paginate img{
        margin:5px auto 0 0px;
      }         
      
      #content #container #pagination{
        margin:10px auto 0 auto;
        width:50%;
      } 

      #content #container #pagination li{
        float:left;
        background:none;
        width:auto;
        position:relative;
        z-index:5000;
      } 
      
      #content #container #pagination li a{
        float:left;
        text-indent:0;
      }       

      #content #container #pagination li.first a{
        background:url(images/previous.gif) center top no-repeat;
        float:left;
        height:20px;
        width:20px;
        float:left;
        text-indent:-5000px;
      }         

      #content #container #pagination li.last a{
        background:url(images/next.gif) center top no-repeat;
        height:20px;
        width:20px;
        float:left;
        text-indent:-5000px;
      }     

      /*ANNONCE*/

      #content #container #annonce{
        width:85%;
        margin: 15px auto 0 auto;
        position:relative;
        z-index:50;
      }

      #content #container #tableau #annonce p{
        width:auto;
      }

      #content #container ul{
        width:90%;
        margin: 15px auto 0px auto;
      }

      #content #container li{
        margin: 5px auto 0 auto;
        color:#678585;
        padding:0 0 0 0;
      }
      
      #content #container #contact p.clear#objet{
        margin:10px auto;
        clear:both;
      }

      #content #container #contact p.clear input{
        width:45%;
        position:relative;
        z-index:5000;
        border:1px solid #A0A0A0;
      }
      
      #content #container input.tiny_text, #tableau form select.tiny_text { width: 100px; } 

      #content #container #contact ul{
        margin:0px 0 0 30px;
      } 

      #content #container #contact li{
        width:45%;
        float:left;
        margin:5px 0 5px 0;
        padding:0px 0 0 10px;
        min-height:30px;
      }

      * html #content #container #contact li{
        height:30px;
      }
      
      *+html #content #container #contact li{
        height:30px;
      }     

      #content #container #contact span{
        width:45%;
        display:inline;
      } 

      #content #container #contact a.demenageur{
        width:45%;
        display:inline;
        color:#678585;
        float:none;
        font-size:12px;
        text-decoration:none;
        line-height:1.2em;
      } 
      #content #container #contact input{
        width:20px;
        display:inline;
        border:none;
        position:relative;
        z-index:5000;
      }     

      #content #container p.confirmation{
        margin:15px auto;
        text-align:center;
      }
    
      /*END CONTAINER*/

    /*END CONTENT*/
    
    /*SUB*/
    #sub{
      width:211px;
      float:left;
      background:url(images/interne/hautsub.jpg) left top no-repeat;
    }

    html* #sub{
      width:208px;
    }

    #sub a.ok{
      float:left;
      text-indent:-5000px;
      height:46px;
      width:38px;
      background:url(images/interne/ok.gif) center top no-repeat;
    }

    #sub a:hover.ok{
      background:url(images/interne/okhover.gif) center top no-repeat;
    }

    #sub a{
      color:#000;
    }

    #sub .hr{
      display:block;
      height:15px;
      background:url(images/interne/basblocsub.gif) center top repeat-y;
    }

    #sub .blocsub{
      margin:10px 0 0 0;
      background:url(images/interne/fondblocsub.gif) center top repeat-y;
    }

    #sub h3{
      background:url(images/interne/h3sub.gif) center bottom no-repeat;
      font-size:14px;
      font-family:Trebuchet MS, arial, Sans-serif;
      font-weight:bold;
      position:relative;
    }

    #sub h3 span{
      color:#005699;
    }

    #sub .blocsub{
      font-family:Trebuchet MS, arial, Sans-serif;
      font-size:14px;
      color:#000;
      font-weight:bold;
      margin:10px auto 0 auto;
    }

    #sub ul{
      width:75%;
      margin:0px auto;
    }

    #sub .blocsub li{
      background:url(images/interne/pucesub.gif) left 2px no-repeat;
      padding:0 0 2px 16px;
      margin:5px 0 0px 0;
    }

    #sub .blocsub li a{
      color:#000;
      text-decoration:underline;
      font-family:arial, Sans-serif;
      font-size:12px;
      font-weight:bold;
    }

    #sub .blocsub h3{
      background:url(images/interne/h3sub.jpg) center bottom no-repeat;
      padding:11px 50px 13px 30px;
    }
    
    #sub #annonce.blocsub h3{
      background:url(images/interne/h3sub.jpg) center bottom no-repeat;
      padding:11px 10px 13px 30px;
    }   

    #sub .blocsub p{
      width:73%;
      font-size:11px;
      margin:5px auto 0 auto;
      padding:5px;
      color:#000;
    }

    #sub .blocsub p#description{
      margin:5px auto 3px auto;
      border:1px solid #6CC6C7;
      padding:3px;
      line-height:1.2em;
      font-weight:normal;
    }

    #sub .blocsub p#description a{
      display:block;
      margin:0 0 3px 0;
    }

    #sub .blocsub li{
      display:block;
      margin:5px 0 0px 0;
      background:url(images/interne/pucesub.gif) left 3px no-repeat;
      padding:0 0 2px 18px;
    }

    #sub .blocsub li a{
      font-size:11px;
    }

    #sub .blocsub#annonce li{
      background:url(images/interne/puceannonce.gif) left 4px no-repeat;
      padding:0 0 0 12px;
    }

    #sub .blocsub #annonce a{
      font-weight:normal;
    }

    #sub .blocsub p#depot{
      width:57%;
      float:left;
      font-family:arial, Sans-serif;
      font-weight:bold;
      font-size:12px;
      margin:15px 0 0 30px;
      padding:0;
      text-decoration:underline;
    }

    html* #sub .blocsub p#depot{
      margin:15px 0 0 15px;
    }

    #sub .blocsub p.link{
      width:17%;
      float:left;
      margin:0 0 0 4px;
      padding:0;
    }

    #sub a#misterdem{
      display:none;
    }

    #sub a#ffd{
      display:block;
      background:url(images/interne/ffd.gif) center top no-repeat;
      height:103px;
      text-indent:-5000px;
      margin:10px 0 0 0;
    }
    
    #sub a#cabinetsavocats{
      display:block;
      background:url(images/interne/cabinetsavocats.jpg) center top no-repeat;
      height:170px;
      text-indent:-5000px;
      margin:10px 0 0 0;
    } 

    #sub a#tv-route{
      display:block;
      background:url(images/interne/tv-route.jpg) center top no-repeat;
      width:180px;
      height:170px;
      text-indent:-5000px;
      margin:0 auto 10px;
    }
    
    #sub a#fournisseur{
      display:block;
      background:url(images/interne/fournisseur.gif) center top no-repeat;
      width:180px;
      height:50px;
      text-indent:-5000px;
      margin:0 auto 10px;
    }    

    #sub a#job-transport{
      display:block;
      background:url(images/interne/job-transport.gif) center top no-repeat;
      width:180px;
      height:170px;
      text-indent:-5000px;
      margin:0 auto;
    }    

    #sub a#boutique{
      display:block;
      height:100px;
      width:187px;
      background:url(images/interne/boutique.gif) center top no-repeat;
      margin:10px auto 0 auto;
      text-indent:-5000px;
    }
    /*END SUB*/

  /*END WRAPPER*/

  /*FOOTER*/
    #footer{
      width:990px;
      margin:0px auto 10px auto;
    }

    #footer li{
      display:inline;
    }

    #footer a{
      color:#000;
      font-size:11px;
      text-decoration:none;
      border-right:1px solid #000;
      padding:0 8px 0 8px;
    }

  /*END FOOTER*/

/*END CONTENT*/

/*FORMULAIRE*/
  form{
    margin:20px auto 0;
  }

  input, select{
    border:1px solid #A0A0A0;
    width:45%;
  }

  label{
    font-weight:normal;
    color:#932562;
    font-size:9px;
  }

  #content #container label, #content #container input{
    font-size:11px;
    width:45%;
    float:left;
  }

  form p{
    margin:5px auto;
    width:85%;
    line-height:1.2em;
  }

  form p.all{
    width:100%;
  }

  #content form p.button{
    width:auto;
  }

  #content #container form p.lieu{
    margin:15px 0 0px 0;
    width:auto;
  }

  #content #container form p.departement{
    margin:20px 0 30px 0;
    width:auto;
  }

  #content #container form p.departement select{
    float:left;
  }

  #content #container form p.departement label{
    margin:0px 0 0px 30px;
    width:auto;
    float:left;
  }

  #content #container form p.departement input{
    margin:0px 0 0px 5px;
    width:auto;
    float:left;
  }

  #container form p.choisir{
    float:right;
    position:relative;
    margin:-45px 0 0px 0;
    width:auto;
  }
  
  #container form p.choisir select{
    width:100%;
  }  

  #content #container form p#dates{
    width:100%;
    margin:0 0 10px 0;
  }

  #content #container form p#dates label{
    font-weight:bold;
    color:#000;
    font-size:12px;
    float:left;
    width:150px;
    padding:6px 0 0 0px;
  }

  #content #container form p#dates input{
    float:left;
    font-weight:bold;
    width:85px;
    margin:6px 0 0 1px;
  }

  #content #container form p#dates span{
    float:left;
    font-weight:normal;
    color:#932562;
    font-size:9px;
    padding:6px 3px 0 0;
  }

  form #dates img{
    display:inline;
    float:left;
    width:auto;
    margin:2px 0 0 5px;
  }

  #content button.ok{
    background:url(images/interne/ok.gif) center top no-repeat;
    height:44px;
    width:37px;
    border:none;
    cursor:pointer;
    float:right;
    position:relative;
    margin:-15px 0 10px 0;
    text-indent:-5000px;
  }

  #content button:hover.ok{
    background:url(images/interne/okhover.gif) center top no-repeat;
  }

  #content #container form p#hebergeur label{
    width:90%;
    margin:10px auto 10px auto;
  }

  #content #container form p#hebergeur input{
    width:91%;
    margin:0px auto 0px auto;
  }

  #content .services button.ok{
    height:49px;
    width:41px;
    position:relative;
    margin:-20px 0 0 0px;
    text-indent:-5000px;
    background:transparent url(images/interne/ok.gif) no-repeat scroll center top;
    border:none;
    cursor:pointer;
  }

  #content #container form p#region{
    width:42%;
    float:left;
    margin:5px 0 0 20px;
  }
  
  #content button.valider{
    display:block;
    height:33px;
    width:80px;
    position:relative;
    text-indent:-5000px;
    background:transparent url(images/interne/valider.gif) no-repeat scroll center top;
    border:none;
    cursor:pointer;
    top:20px;
    margin:0px auto 0 auto;
  } 
  
  #content a.btn_annonce{
    display:block;
    height:26px;
    width:136px;
    position:relative;
    text-indent:-5000px;
    background:transparent url(images/interne/annonce.gif) no-repeat scroll center top;
    border:none;
    cursor:pointer;
    top:20px;
    margin:0px auto 0 auto;
  }   
  
  #content button.envoyer_warning{
    display:block;
    height:33px;
    width:80px;
    position:relative;
    text-indent:-5000px;
    background:transparent url(images/interne/valider.gif) no-repeat scroll center top;
    border:none;
    cursor:pointer;
    top:20px;
    margin:0px auto 0 auto;
  } 

  #content #container form p#periode input{
    width:12%;
    float:left;
    padding:0 0 0 0;
  }

  #content #container form p#periode span{
    font-size:11px;
    float:left;
    padding:0px 10px 0 10px;
  }

  #content #container form.services p{
    width:42%;
    float:left;
  }

  #content #container form.services label{
    width:auto;
  }
  
  fieldset{
    border:1px solid #005699;
    padding:10px 0 10px 0;
    margin:10px 0 10px 0;
  }
  
  legend{
    color:#005699;
    font-weight:bold;
    padding:0px 7px 0px 5px;
  } 
  
  #content #container form p.dates input{
    width:140px;
    margin:0px 5px 0 0px;
  } 
  
  #container p.warning{
    margin:30px auto 0 auto;
    text-align:center;
    font-style:italic;
    color:#005699;
  }

/*END FORMULAIRE*/

/*  Modifs MB pour message 
    ----------------------------------- */
 #message p.right {
   float: right;
   width: 200px;
 }
 
 p#archives {
   width:auto;
   position:absolute;
   bottom:40px;
   right:15px;
 } 
 
 html* #content p#archives{
  position:relative;
  margin-top:-12px;
  bottom:0px;
  right:-10px;
 }

 p#archives a{
   color:#B9D1AA;
   margin-top:-12px;
   margin-left:3px;
   font-size:12px;
 } 
 
 #markAsRead {
   margin-left: 150px;
   display: block;
   float: left;
   width: 16px;
   height: 16px;
   text-indent: -9900em;
   background: transparent url(images/email.gif) no-repeat;
   cursor: pointer;
 }
 
 #unRead {
   float: left;
   padding-left: 20px;
   margin-left: 5px;
   margin-top:-12px;
   background: transparent url(images/email_open.gif) no-repeat;
   color:#B9D1AA;
 }
 
      /*Consult*/
      #content #container .type_2_consult td, #content #container .type_2_top_consult td,
      #content #container .type_2_consult td.last, #content #container .type_2_consult td.first,
      #content #container .type_2_bottom_consult td{
        background:#FBEC44;
        color:#000;
        padding:5px 0 5px 5px;
      } 

      #content #container .type_1_consult td, #content #container .type_1_top_consult td,
      #content #container .type_1_consult td.last,#content #container .type_1_bottom_consult td{
        background:#F0CD28;
        color:#000;
        padding:5px 0 5px 5px;
      }

      #content #container .type_1_consult td.first, #content #container .type_2_consult td.first{
        border-left:1px solid #AFAFAF;
        width:77px;
      }
      
      #content #container .type_1_consult td.last, #content #container .type_2_consult td.last{
        border-right:1px solid #AFAFAF;;
      }     
      
      #content #container .type_1_top_consult td.first{
        background:url(images/interne/tdfirsttopconsult_1.gif);
        color:#000;
        padding:5px 0 5px 10px;     
        border-top:none;  
        width:77px;
      }   

      #content #container .type_2_consult td.vol, #content #container .type_1_consult td.vol,
      #content #container .type_2_top_consult td.vol, #content #container .type_1_top_consult td.vol,
      #content #container .type_2_bottom_consult td.vol, #content #container .type_1_bottom_consult td.vol{
        padding:5px 5px 5px 5px;  
        width:20px;
      } 

      #content #container .type_2_consult td.depart, #content #container .type_1_consult td.depart,
      #content #container .type_2_top_consult td.depart, #content #container .type_1_top_consult td.depart,
      #content #container .type_2_bottom_consult td.depart, #content #container .type_1_bottom_consult td.depart{
        padding:5px 0 5px 5px;  
        width:110px;
      } 

      #content #container .type_2_consult td.arrivee, #content #container .type_1_consult td.arrivee,
      #content #container .type_2_top_consult td.arrivee, #content #container .type_1_top_consult td.arrivee,
      #content #container .type_2_bottom_consult td.arrivee, #content #container .type_1_bottom_consult td.arrivee{
        padding:5px 0 5px 5px;  
        width:110px;
      }         

      #content #container .type_2_consult td.first, #content #container .type_1_consult td.first{
        padding:5px 0 5px 10px; 
      }       
      
      #content #container .type_1_top_consult td.last{
        background:url(images/interne/tdlasttopconsult_1.gif) right top no-repeat;
        color:#000;
        border-top:none;
        border-bottom:none;
      } 
      
      #content #container .type_2_consult td.last, #content #container .type_1_consult td.last,
      #content #container .type_2_top_consult td.last, #content #container .type_1_top_consult td.last,
      #content #container .type_2_bottom_consult td.last, #content #container .type_1_bottom_consult td.last{
        padding:5px 0px 5px 10px;
      }   

      #content #container .type_1_bottom_consult td.first{
        background:url(images/interne/tdfirstbottomconsult_1.gif) left bottom no-repeat;
        color:#000;
        padding:5px 0 5px 10px;
        border-top:none;
        border-bottom:none;
      }       

      #content #container .type_1_bottom_consult td.last{
        background:url(images/interne/tdlastbottomconsult_1.gif) right bottom no-repeat;
        color:#000;
        border-top:none;
        border-bottom:none;
      } 

      #content #container .type_1_top_consult td,#content #container .type_2_top_consult td{
        border-top:1px solid #AFAFAF;
      } 

      #content #container .type_1_bottom_consult td, #content #container .type_2_bottom_consult td{
        border-bottom:1px solid #AFAFAF;
      }       
      
      #content #container .type_2_top_consult td.first{
        background:url(images/interne/tdfirsttopconsult_2.gif) left top no-repeat;
        color:#000;
        padding:5px 0 5px 10px;
        border-top:none;
        border-bottom:none;
        width:77px;
      }
      
      #content #container .type_2_top_consult td.last{
        background:url(images/interne/tdlasttopconsult_2.gif) right top no-repeat;
        color:#000;
        border-top:none;
        border-bottom:none;
      }     

      #content #container .type_2_bottom_consult td.first{
        background:url(images/interne/tdfirstbottomconsult_2.gif) left bottom no-repeat;
        color:#000;
        padding:5px 0 5px 10px;
        border-top:none;
        border-bottom:none;
      }

      #content #container .type_2_bottom_consult td.last{
        background:url(images/interne/tdlastbottomconsult_2.gif) right bottom no-repeat;
        color:#000;
        border-top:none;
        border-bottom:none;
      } 
    
      /*End consult*/
      
        /* MESSAGE */
      #container #tableau #facteur{
        background:url(images/interne/facteur.jpg) right top no-repeat;
        padding:20px 220px 0 0;
        min-height:200px;
      } 

      #container #tableau #facteur ul{  
        margin:20px 0;
        width:auto;
      }
      
      #container #tableau #facteur ul li{     
        margin:0;
      }     
      
      #container #tableau #facteur ul li.not_read{      
        padding:2px 0 7px 25px;
        background:url(images/email.gif) left top no-repeat;
      }   

      #container #tableau #facteur ul li.read{      
        padding:2px 0 7px 25px;
        background:url(images/email_open.gif) left top no-repeat;
      } 

      #container #tableau #facteur ul li.is_alerte{     
        padding:2px 0 7px 25px;
        background:url(images/bell.gif) left top no-repeat;
        float:none;
        height:auto;
        text-indent:0;
        width:auto;       
      }       
      
      #container #tableau p.not_read{
        font-weight:bold;
        color:#000;
        margin:15px 0 0px 0;
        font-size:1.1em;
      }

      #container #tableau p#show{
        margin:20px 0 0 0;
      }     
      
      #container #tableau p.not_read span{
        display:block;
        color:#005699;
      }
      
        #container #tableau p a.archives{
        float:left;
        font-weight:bold;
        padding:7px 0 15px 35px;
        margin:0 0 0 0;
            background:url(images/interne/archives.gif) left top no-repeat;
        text-decoration:none;
        }     
        
          #container #tableau .is_alerte{
        width:12px;
        height:19px;
        float:right;
        text-indent:-5000px;
        margin: 0px 0 0 0;
          }
      
      #container #tableau form p{ 
        margin:5px auto;
      }     
      
      #container #tableau p{ 
        margin:0;
      }
      
      #container #tableau p.important, #container #tableau span.important{ 
        color:#005699;
      }
      
      #container #tableau p.important strong, #container #tableau span.important strong{ 
        color:#005699;
      }     

      #container #tableau p.more_important, #container #tableau span.more_important{ 
        color:#932562;
        font-weight:normal;
      }   

      #container #tableau p.more_important strong, #container #tableau span.more_important strong{ 
        color:#932562;
        font-weight:bold;
      }         
      
      #container #tableau p strong a{
        text-decoration:none;
      }
      
      #container #tableau p span.date{ 
        display:block;
      } 

          #container #tableau p.receive{
        margin:0 0 5px 0;
        float:right;
      }
      
      #container #tableau p.receive span{
        font-weight:normal;
        color:#989898;
          }   

          #container #tableau p.read{
        margin:0 0 10px 0;
        float:right;
        clear:both;
      }     

        #container #tableau p.read span{
        font-weight:normal;
        color:#989898;
          }       

          #container #tableau .message{
        background:#fff;
        padding:5px;
        border:1px solid #eeeeee;
        line-height:1.2em;
          }     
      
          #container #tableau p.is_alerte{
        background:url(images/bell.gif) left top no-repeat;
        clear:both;
        top:16px;
          }

      #container #tableau .email p.is_alerte{
        background:url(images/bell_blue.gif) left top no-repeat;
        clear:both;
        top:16px;
          }

          #container #tableau .email_open p.is_alerte{
        background:url(images/bell.gif) left top no-repeat;
        clear:both;
        top:16px;
          }     
      
          #container #tableau .email p.is_alerte, #container #tableau .email_open p.is_alerte{
        top:0px;
          }       
      
          #container #tableau.archives p.is_alerte{
        clear:both;
        background:url(images/bell.gif) left top no-repeat;
        top:16px;
          }       
      
          #container #tableau .email{
        background:#CFD9EA url(images/email.gif) 5px 5px no-repeat;
        padding:5px 5px 5px 30px;
        border-bottom:1px solid #fff;
        position:relative;
          }
        
          #container #tableau .email_open{
          background:#fff url(images/email_open.gif) 5px 5px no-repeat;
        padding:5px 5px 5px 30px;
        border-bottom:1px solid #dddddd;
        position:relative;
          }
      
      #content #container #tableau h4#first.mail{
        clear:both;
      }     
      
      #container #tableau p a.read_ok{
        display:block;
        height:26px;
        width:113px;
        text-indent:-5000px;
        background:url(images/interne/btn_message.gif) left top no-repeat;
        margin:20px auto 0 auto;
      }
      
      a.return_portail{
        background:transparent url(images/interne/return_portail.jpg) no-repeat scroll left top;
        display:block;
        float:left;
        font-weight:bold;
        height:27px;
        padding:5px 40px 0pt 35px;
        text-decoration:none;
        margin:0 0 7px 0;
      }
      

      a.return_messagerie{
        background:url(images/interne/picto_facteur.jpg) left top no-repeat;
        padding:10px 0 0 40px;
        margin:3px 0px 10px 0;
        display:block;
        height:34px;
        text-decoration:none;
        width:auto;
        float:left;
        font-weight:bold;
      }
      
      #container #tableau .message p{
        margin:0 0 5px 0;
      }
      
      .message td{
        background:#EFF3F9;
        padding:2px;
        border-bottom:1px solid #DDDDDD;
        border-right:1px solid #DDDDDD;       
      }   

      #container #tableau .message td p{
        background:#EFF3F9;
        padding:2px 5px;
        margin:0;       
      }   

      #container #tableau p.enveloppe{
        position:absolute;
        top:5px;
        left:3px;
        height:20px;
        width:20px;
        text-indent:-5000px;
      }     
      
      .enveloppe a{
        display:block;
        height:20px;
        width:20px;
        text-indent:-5000px;
      }
      
      #container #tableau .message strong{ 
        color:#000;
      }

      #container #tableau .message p.important, #container #tableau .message span.important{ 
        color:#005699;
      }
      
      #container #tableau .message p.important strong, #container #tableau .message span.important strong{ 
        color:#005699;
        font-weight:bold;
      }     

      #container #tableau .message p.more_important, #container #tableau .message span.more_important{ 
        color:red;
        font-weight:normal;
      } 
      
      #container #tableau .message p.more_important strong, #container #tableau .message span.more_important strong   
      { 
        color:red;
        font-weight:bold;
      }       
      
        /* END MESSAGE */

.bubble {
  background: red;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  display: inline-block;
  padding: 0 2px;
  border: solid 2px #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}