/**
 * Le havre
 * Styles visuels du front (couleurs, arrières plans, etc)
 */

*:focus {  
    outline: none;  
} 

body {
    .buttonToLinkStrong {
      font-weight:bold;
      cursor:pointer;
      font-size: 12px;
      font-family: Arial,sans-serif;
      text-decoration: underline;
      background-color: transparent;
      color: #006D8E;
      border: none;
      padding: 0;
      padding-left: 0px;
      padding-right: 0px;
      margin-left: 0px;
      margin-right: 0px;
    }

    .buttonToLink {
      cursor:pointer;
      font-size: 12px;
      font-family: Arial,sans-serif;
      text-decoration: underline;
      background-color: transparent;
      color: #006D8E;
      border: none;
      padding: 0;
      padding-left: 0px;
      padding-right: 0px;
      margin-left: 0px;
      margin-right: 0px;
    }

    font-family: Arial, sans-serif;
    background-color: #ffffff;
    
    button {
      border: none;
      padding: 0;
      padding-left: 6px;
      padding-right: 6px;
    }

    ul {
	list-style-type: none;
    }

    a {
      color: #006D8E;
      text-decoration : none;
    }
    
    a img {
      border: none;
    }
    
    .notification {
      &_good, &_bad {
          display: block;
          font-size: 14px;
          font-weight: bold;

          color: #000000;
          -moz-border-radius: 4px;
          -webkit-border-radius: 4px;
          border-radius: 4px;
          behavior: url(ie-css3.htc);
      }

      &_good {
          background-color: #77FF7C;

      }

      &_bad {
          background-color: #F79694;
      }
    }
    
    #TB_ajaxContent {
      font-family: Arial, sans-serif;

      h2 {
	    font-size: 16px;
	    font-weight: bold;
	    border-bottom: 5px solid #306D8C;
      }

      table.table thead tr.header td.inside div p input{
        background-color : pink;
      }
    }

    ul.error_list, .section02 ul.error_list {
      color: red;
    }
    
    ul.error_list li, .section02 ul.error_list li {
      background: none;
    }
    
    .nav_buttons2{
      
    }
    
    form {
      label {
        font-size: 12px;

        sup {
          color: #F00;
        }
      }
	
      div {
        &.fake_form {

        label {
            font-size: 12px;
        }
        }

        &.select {
          background-color: #DEE6EA;
          font-size: 11px;
        }

        &.select2 {
          background-color: #DEE6EA;
          font-size: 11px;
        }

        &.selectreadonly {
          background-color: #EADCD5;
          font-size: 11px;
        }
        &.selectreadonly select{
          background-color:#EADCD5;
          color: #A0A0A0;
        }
      }
	
      input {
        border: none;
        font-size: 11px;
        background-color: #DEE6EA;
        float: none;

        &[type=checkbox] {
          background: none;
          display: inline;
        }

        &[type=file] {
          background: #FFFFFF;
        }

        &[type=hidden] {
          display: none !important;
        }

        &.checkbox {
            background: none;
        }
        &.readonly {
               background-color: #EADCD5;
               font-size: 11px;
               color: #A0A0A0;
        }
      }
	
      select {
          border: 0px none;
          font-size: 11px;
          background-color: #DEE6EA;
      }
	
      textarea {
	    border: none;
	    font-family: Arial, sans-serif;
	    font-size: 11px;
	    background-color: #DEE6EA;
	    width: 418px;
	    height: 71px;
      }

      textarea#message_text{
        background-color: #DEE6EA;
        height: 68px;
        width: 412px;
      }
	
      ul {
	    &.error_list {
		font-weight: bold;
		font-size: 11px;

          li {
              background: url(/images/fleche-rouge.gif) left no-repeat !important;
          }
	    }

	    &.radio_list {
          width: 366px;
          list-style-type: none;
          background: none;


          li {
            display: block;
            list-style-type: none;
            line-height: 1.9em;


            input {
              list-style-type: none;
              list-style: none;
            }

            label {
              vertical-align: center;
            }
          }
	    }

	    input {
          background: none;
	    }
       }
    }

    div.plain_field {
      border: none;
      font-size: 11px;
      border-left: 1px solid gray;
      border-bottom: 1px solid gray;
    }
    
    #container {
      width: 952px;
      -webkit-box-shadow: 0px 0px 12px 1px #898989;
      -moz-box-shadow: 0px 0px 12px 1px #898989;
      box-shadow: 0px 0px 12px 1px #898989; 
      behavior: url(ie-css3.htc);
    }

    #header {
      background-color: #006D8E;
      color: #306D8C;
    }
    
    #accept_terms a {
      text-decoration: underline;
    }

    #top_menu a {
	/*display: none;*/
    }
    
    #top_bar {
      label {
          font-size: 18px;
      }

      p {
          font-size: 14px;
          font-weight: bold;
          color: #fff;
      }

      ul {
          font-size: 12px;
          font-weight: bold;
          color: #fff;

          a {
          font-weight: bold;
          color: #fff;
          text-decoration: none;
          }
      }
    }

    #content_fill {
	background-color: #8eb63c;
    }

    #main_fill {
      /*background: url(/images/bg_main_fill.png) repeat-y;*/
    }

    #main {
      /*background: url(/images/bg_main_content.png) repeat-x;*/
    }

    #boxes {
      .box {
          background: url(/images/back/blue_box_middle.png) repeat-y;

          &_bottom {
            background-color: #FFFFFF;
            width: 221px;

            -moz-border-radius-topleft: 0px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-bottomleft: 10px;
            -moz-border-radius-bottomright: 10px;
            -webkit-border-radius: 0px 0px 10px 10px;
            border-radius: 0px 0px 10px 10px; 
            behavior: url(ie-css3.htc);

            &.violet {

            }

            &.vert {
              border-bottom: 2px solid #D77E44;
              border-right: 2px solid #D77E44;
              border-left: 2px solid #D77E44;
            }

            &.orange {

            }

            &.mauve {

            }

            div {
              &.data {
                font-size : 11px;
                font-weight : 900;
                padding-top: 10px;
              }
            }
          }

          &_filled_bottom {
            background: #7caf5a url(/images/back/green_filled_box_bottom.png) no-repeat bottom;
          }

          &_top {
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            -moz-border-radius-bottomleft: 0px;
            -moz-border-radius-bottomright: 0px;
            -webkit-border-radius: 10px 10px 0px 0px;
            border-radius: 10px 10px 0px 0px; 
            behavior: url(ie-css3.htc);
            background-color: #ffffff;

            &.orange {

            }

            &.violet {
              border-top: 2px solid #029EDB;
              border-right: 2px solid #029EDB;
              border-left: 2px solid #029EDB;
            }

            &.vert {
              border-top: 2px solid #D77E44;
              border-right: 2px solid #D77E44;
              border-left: 2px solid #D77E44;
            }

            &.mauve {
              border-top: 2px solid #D77E44;
              border-right: 2px solid #D77E44;
              border-left: 2px solid #D77E44;
            }

            h2 {
              color: #000000;
              font-family : "Century gothic" , Tahoma , Arial;
              font-size: 18px;
              font-weight: none;

              #actions {
                background: url(/images/back/blue_actions.png) no-repeat;
              }
            }
          }

          &_filled_top {
            h2 {
              #informations {
                background: url(/images/back/blue_informations.png) no-repeat;
              }
            }
          }

          &_nav_top {
            background: url(/images/front/blue_box_top.png) no-repeat;
          }

          &_data {
            background-color: #ffffff;
            border-right: 1px solid #c27903;
            border-left: 1px solid #c27903;
          }

          &_nav {
          font-size: 11px;
          font-weight: bold;

          a {
            font-size: 11px;
            font-weight: bold;
            color: #000000;

            &:hover, &.current, &.active {
              background: url(/lehavre/images/blue_arrow_right.png) 0 4px no-repeat;
              color: #006D8E;
            }
          }

          ul {
            background-color: #ffffff;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-bottomleft: 10px;
            -moz-border-radius-bottomright: 10px;
            -webkit-border-radius: 0px 0px 10px 10px;
            border-radius: 0px 0px 10px 10px; 
            behavior: url(ie-css3.htc);
            width: 197px;

            &.violet {
              border-bottom: 2px solid #029EDB;
              border-right: 2px solid #029EDB;
              border-left: 2px solid #029EDB;
            }

            &.vert {
              border-bottom: 2px solid #D77E44;
              border-right: 2px solid #D77E44;
              border-left: 2px solid #D77E44;
            }

            &.orange {
              border-bottom: 1px solid #a47601;
              border-right: 1px solid #a47601;
              border-left: 1px solid #a47601;
            }

            &.mauve {
              border-bottom: 2px solid #D77E44;
              border-right: 2px solid #D77E44;
              border-left: 2px solid #D77E44;
            }

            ul {
              background: none;

              a {
                  color: #019ed8;
              }
            }
          }

          span {
            &.completed {
              font-size: 11px;
              font-weight: bold;
              color: #ff8400;
            }
          }
        }
      }
    }

    .path {
      font-size: 12px;
      
      a {
          text-decoration: underline;

          &:hover {
            text-decoration: none;
          }
      }
    }
    
    .ajax-loader {
      background-image: url(/lehavre/images/ajax-loader.gif);
      background-repeat:no-repeat;
    }
    
    .ajax_loader {
      background-color: white;
      border: 4px solid #8EB63C;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; 
      -webkit-box-shadow: 0px 0px 10px 0px #FFFFFF;
      -moz-box-shadow: 0px 0px 10px 0px #FFFFFF;
      box-shadow: 0px 0px 10px 0px #FFFFFF; 
      padding: 10px;
      position: absolute;
      z-index: 3;
      top: 40%;
      left: 30%;
      behavior: url(ie-css3.htc);
    }

    #overlay {
      background: transparent url(/lehavre/images/opacity.png) repeat;
      height: 150%;
      left: 0;
      filter: alpha(opacity=60);
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 2;
    }

    #overlay_colobox {
      background: transparent url(/lehavre/images/opacity.png) repeat;
      height: 150%;
      left: 0;
      filter: alpha(opacity=60);
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 2;
    }
    
    #main_content {
      font-size: 12px;
      background-color: #ffffff;

      h1 {
          font-size: 20px;
          color: #000000;
          font-weight: bold;
          padding-bottom: 7px;
          padding-top: 5px;
          padding-left: 7px;

          &.violet {
            border-bottom: 3px solid #029edb;
          }

          &.orange {
            border-bottom: 3px solid #8cb63a;
          }

          &.vert {
            border-bottom: 3px solid #d77e44;
          }

          &.mauve { 
            border-bottom: 3px solid #37accf;
          }
      }

      h2 {
          font-size: 16px;
          font-weight: bold;

          &.violet {
            border-bottom: 2px solid #029edb;
          }

          &.orange {
            border-bottom: 2px solid #8cb63a;
          }

          &.vert {
            border-bottom: 2px solid #d77e44;
          }

          &.mauve {
            border-bottom: 2px solid #37accf;
          }
      }

      h4 {
          border-bottom:1px #bbb solid;
      }
    }

    #cboxLoadingGraphic { background:url(/images/front/ajax-loader.gif) center center no-repeat; }

    #colorbox {
      
      
      ul.error_list {
        width: 500px;
      }
      
      h1 {
        font-size: 18px;
      }

      h2 {
        font-size: 16px;
        font-weight: bold;

        &.violet {
          border-bottom: 2px solid #029edb;
        }

        &.orange {
          border-bottom: 2px solid #8cb63a;
        }

        &.vert {
          border-bottom: 2px solid #d77e44;
        }

        &.mauve {
          border-bottom: 2px solid #a10032;
        }
      }
    }
    
    #footer {
      font-size: 10px;
      color: #ffffff;
      background-color: #8EB63C;

      a {
          color: #ffffff;
          font-weight: bold;

          &:hover {
          text-decoration: underline;
          }
      }
    }
    
    /**************************************************************************/
    /* Boutons */

    .submit_fill, .button_fill {
      input {
        border: none !important;
        font-family: Arial, sans-serif;
        font-size: 12px !important;
        font-weight: bold !important;
        cursor: pointer;
      }
      
      a {
        border: none !important;
        font-family: Arial, sans-serif;
        font-size: 12px !important;
        font-weight: bold !important;
        text-decoration: none !important;
        color: #000 !important;
      }
      
      &.bleu {
        background: url(/lehavre/images/boutons/bleu/milieu.png) repeat-x;
        
        div {
          background: url(/lehavre/images/boutons/bleu/droite.png) right 0 no-repeat;
        }
        
        input {
          background: url(/lehavre/images/boutons/bleu/gauche_suivant.png) left 0 no-repeat !important;
        }
        
        a {
          background: url(/lehavre/images/boutons/bleu/gauche_suivant.png) left 0 no-repeat !important;
          
          &.previous {
            background: url(/lehavre/images/boutons/bleu/gauche_precedent.png) left 0 no-repeat !important;
          }

          &.cancel {
            background: url(/lehavre/images/boutons/bleu/gauche_annuler.png) left top no-repeat !important;
          }
        }
      }
      
      &.orange {
        background: url(/lehavre/images/boutons/orange/milieu.png) repeat-x;
        
        div {
          background: url(/lehavre/images/boutons/orange/droite.png) right 0 no-repeat;
        }
        
        input {
          background: url(/lehavre/images/boutons/orange/gauche_suivant.png) left 0 no-repeat !important;
        }
        
        a {
          background: url(/lehavre/images/boutons/orange/gauche_suivant.png) left 0 no-repeat !important;
          
          &.previous {
            background: url(/lehavre/images/boutons/orange/gauche_precedent.png) left 0 no-repeat !important;
          }

          &.cancel {
            background: url(/lehavre/images/boutons/orange/gauche_annuler.png) left top no-repeat !important;
          }
        }
      }
      
      &.gris {
        background: url(/lehavre/images/boutons/gris/milieu.png) repeat-x;
        
        div {
          background: url(/lehavre/images/boutons/gris/droite.png) right 0 no-repeat;
        }
        
        input {
          background: url(/lehavre/images/boutons/gris/gauche_suivant.png) left 0 no-repeat !important;
        }
        
        a {
          background: url(/lehavre/images/boutons/gris/gauche_suivant.png) left 0 no-repeat !important;
          
          &.previous {
            background: url(/lehavre/images/boutons/gris/gauche_precedent.png) left 0 no-repeat !important;
          }

          &.cancel {
            background: url(/lehavre/images/boutons/gris/gauche_annuler.png) left top no-repeat !important;
          }
        }
      }
      
      &.cyan {
        background: url(/lehavre/images/boutons/cyan/milieu.png) repeat-x;
        
        div {
          background: url(/lehavre/images/boutons/cyan/droite.png) right 0 no-repeat;
        }
        
        input {
          background: url(/lehavre/images/boutons/cyan/gauche_suivant.png) left 0 no-repeat !important;
        }
        
        a {
          background: url(/lehavre/images/boutons/cyan/gauche_suivant.png) left 0 no-repeat !important;
          
          &.previous {
            background: url(/lehavre/images/boutons/cyan/gauche_precedent.png) left 0 no-repeat !important;
          }

          &.cancel {
            background: url(/lehavre/images/boutons/cyan/gauche_annuler.png) left top no-repeat !important;
          }
        }
      }
      
      &.vert {
        background: url(/lehavre/images/boutons/vert/milieu.png) repeat-x;
        
        div {
          background: url(/lehavre/images/boutons/vert/droite.png) right 0 no-repeat;
        }
        
        input {
          background: url(/lehavre/images/boutons/vert/gauche_suivant.png) left 0 no-repeat !important;
        }
        
        a {
          background: url(/lehavre/images/boutons/vert/gauche_suivant.png) left 0 no-repeat !important;
          
          &.previous {
            background: url(/lehavre/images/boutons/vert/gauche_precedent.png) left 0 no-repeat !important;
          }

          &.cancel {
            background: url(/lehavre/images/boutons/vert/gauche_annuler.png) left top no-repeat !important;
          }
        }
      }
    }
    
    /* Fin boutons */
    /**************************************************************************/

    .submit_tabs {
      height: 27px !important;
      background: url(/images/bg_submit_fill.png) repeat-x;
    }
    
    .section01 {
      label {
        color: #8ca3ba;
      }

      a {
        text-decoration: underline;
      }
    }

    .list_request_info strong {
      color: #d77e44;
    }

    .section02 {
      a {
        text-decoration: underline;
      }
    }
    
    /**************************************************************************/
    /* Tableaux */

    table, table.table {
      border: none;
      border-spacing: 0;
      border-collapse: collapse;

      td {
        font-size: 11px;

        #proof_help{
          background-color : #eee;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-bottomright: 4px;
          margin-bottom: -5px;
          behavior: url(ie-css3.htc);
        }
      }
      
      th {
        font-size: 12px;
        font-weight: normal;
      }
      
      /* -------------------------------------------------------------------- */
      /* VERT */
      &.vert {
        th { /* Header */
          &.cell1 {
            background: #d6d7d9 url(/lehavre/images/tableaux/vert/th_left.png) left bottom no-repeat;

            p {
              background: url(/lehavre/images/tableaux/vert/th_left_top.png) left top no-repeat;
            }
          }

          &.cell2 {
            background: #D7D7D7 url(/lehavre/images/tableaux/vert/th_right_bottom.png) right bottom no-repeat;

            p {
              background: url(/lehavre/images/tableaux/vert/th_right_top.png) right top no-repeat;
            }
          }

          &.last { /* Dernière cellule */
            background: transparent url(/lehavre/images/tableaux/vert/th_right.png) no-repeat scroll right -1px;

            p {
              background: url(/lehavre/images/tableaux/vert/th_right_top.png) right top no-repeat;
            }
          }

          &.first { /* Première cellule */
            background: #cbdea7 url(/lehavre/images/tableaux/vert/th_left.png) left bottom no-repeat;

            p {
              background: url(/lehavre/images/tableaux/vert/th_left_top.png) left top no-repeat;
            }
          }

          &.inside { /* Cellules intérieures */
            background: #cbdea7 url(/lehavre/images/tableaux/vert/tr_bottom.png) left bottom repeat-x;
          }
        }

        tr { /* Ligne */
          &.row1 {
            td {
              &.cell1 {
                background: #f5f7ec url(/lehavre/images/tableaux/vert/tr1_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/vert/tr1_left_top.png) left top no-repeat;
                }
              }

              &.cell2 {
                background: #f5f7ec url(/lehavre/images/tableaux/vert/tr1_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/vert/tr1_right_top.png) right top no-repeat;
                }
              }

              &.inside { /* Cellules intérieures */
                background-color: #f5f7ec;
              }

              &.first { /* Première cellule */
                background: #f5f7ec url(/lehavre/images/tableaux/vert/tr1_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/vert/tr1_left_top.png) left top no-repeat;
                }
              }

              &.last { /* Dernière cellule */
                background: #f5f7ec url(/lehavre/images/tableaux/vert/tr1_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/vert/tr1_right_top.png) right top no-repeat;
                }
              }
            }
          }

          &.rowtoedit {
            td {
              &.cell1 {
                background: #e7e7e7 url(/lehavre/images/tableaux/vert/tr2_left_bottom.png) left bottom no-repeat;

                p {
                    background: url(/lehavre/images/tableaux/vert/tr2_left_top.png) left top no-repeat;
                }
              }

              &.cell2 {
                background: #e7e7e7 url(/lehavre/images/tableaux/vert/tr2_right_bottom.png) right bottom no-repeat;

                p {
                    background: url(/lehavre/images/tableaux/vert/tr2_right_top.png) right top no-repeat;
                }
              }

              &.inside { /* Cellules intérieures */
                background-color: #fb7b7b;
              }

              &.first { /* Première cellule */
                background: #fb7b7b url(/images/front/edit_tr1_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/images/front/edit_tr1_left_top.png) left top no-repeat;
                }
              }

              &.last { /* Dernière cellule */
                background: #fb7b7b url(/images/front/edit_tr1_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/images/front/edit_tr1_right_top.png) right top no-repeat;
                }
              }
            }
          }

          &.row2 {
            td {
              &.inside { /* Cellules intérieures */
                background-color: #e9f1da;
              }

              &.first { /* Première cellule */
                background: #e9f1da url(/lehavre/images/tableaux/vert/tr2_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/vert/tr2_left_top.png) left top no-repeat;
                }
              }

              &.last { /* Dernière cellule */
                background: #e9f1da url(/lehavre/images/tableaux/vert/tr2_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/vert/tr2_right_top.png) right top no-repeat;
                }
              }
            }
          }
        }
      }
      
      /* -------------------------------------------------------------------- */
      /* ORANGE */
      &.orange {
        th { /* Header */
          &.cell1 {
            background: #fecaa8 url(/lehavre/images/tableaux/orange/th_left.png) left bottom no-repeat;

            p {
              background: url(/lehavre/images/tableaux/orange/th_left_top.png) left top no-repeat;
            }
          }

          &.cell2 {
            background: #fecaa8 url(/lehavre/images/tableaux/orange/th_right_bottom.png) right bottom no-repeat;

            p {
              background: url(/lehavre/images/tableaux/orange/th_right_top.png) right top no-repeat;
            }
          }

          &.last { /* Dernière cellule */
            background: transparent url(/lehavre/images/tableaux/orange/th_right.png) no-repeat scroll right -1px;

            p {
              background: url(/lehavre/images/tableaux/orange/th_right_top.png) right top no-repeat;
            }
          }

          &.first { /* Première cellule */
            background: #fecaa8 url(/lehavre/images/tableaux/orange/th_left.png) left bottom no-repeat;

            p {
              background: url(/lehavre/images/tableaux/orange/th_left_top.png) left top no-repeat;
            }
          }

          &.inside { /* Cellules intérieures */
            background: #fecaa8 url(/lehavre/images/tableaux/orange/tr_bottom.png) left bottom repeat-x;
          }
        }

        tr { /* Ligne */
          &.row1 {
            td {
              &.cell1 {
                background: #ffecdf url(/lehavre/images/tableaux/orange/tr1_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/orange/tr1_left_top.png) left top no-repeat;
                }
              }

              &.cell2 {
                background: #ffecdf url(/lehavre/images/tableaux/orange/tr1_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/orange/tr1_right_top.png) right top no-repeat;
                }
              }

              &.inside { /* Cellules intérieures */
                background: #ffecdf url(/lehavre/images/tableaux/orange/tr1_left_bottom.png) left bottom no-repeat;
                /*background-color: #ffecdf;*/
              }

              &.first { /* Première cellule */
                background: #ffecdf url(/lehavre/images/tableaux/orange/tr1_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/orange/tr1_left_top.png) left top no-repeat;
                }
              }

              &.last { /* Dernière cellule */
                background: #ffecdf url(/lehavre/images/tableaux/orange/tr1_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/orange/tr1_right_top.png) right top no-repeat;
                }
              }
            }
          }

          &.rowtoedit {
            td {
              &.cell1 {
                background: #e7e7e7 url(/lehavre/images/tableaux/orange/tr2_left_bottom.png) left bottom no-repeat;

                p {
                    background: url(/lehavre/images/tableaux/orange/tr2_left_top.png) left top no-repeat;
                }
              }

              &.cell2 {
                background: #e7e7e7 url(/lehavre/images/tableaux/orange/tr2_right_bottom.png) right bottom no-repeat;

                p {
                    background: url(/lehavre/images/tableaux/orange/tr2_right_top.png) right top no-repeat;
                }
              }

              &.inside { /* Cellules intérieures */
                background-color: #fb7b7b;
              }

              &.first { /* Première cellule */
                background: #fb7b7b url(/images/front/edit_tr1_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/images/front/edit_tr1_left_top.png) left top no-repeat;
                }
              }

              &.last { /* Dernière cellule */
                background: #fb7b7b url(/images/front/edit_tr1_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/images/front/edit_tr1_right_top.png) right top no-repeat;
                }
              }
            }
          }

          &.row2 {
            td {
              &.inside { /* Cellules intérieures */
                background: #ffdcc6 url(/lehavre/images/tableaux/orange/tr2_left_bottom.png) left bottom no-repeat;
                /*background-color: #ffdcc6;*/
              }

              &.first { /* Première cellule */
                background: #ffdcc6 url(/lehavre/images/tableaux/orange/tr2_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/orange/tr2_left_top.png) left top no-repeat;
                }
              }
              
              &.last { /* Dernière cellule */
                background: #ffdcc6 url(/lehavre/images/tableaux/orange/tr2_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/orange/tr2_right_top.png) right top no-repeat;
                }
              }
            }
          }
        }
      }
      
      /* -------------------------------------------------------------------- */
      /* BLEU */
      &.bleu {
        th { /* Header */
          color: #ffffff;
          
          &.cell1 {
            background: #37accf url(/lehavre/images/tableaux/bleu/th_left.png) left bottom no-repeat;

            p {
              background: url(/lehavre/images/tableaux/bleu/th_left_top.png) left top no-repeat;
            }
          }

          &.cell2 {
            background: #37accf url(/lehavre/images/tableaux/bleu/th_right_bottom.png) right bottom no-repeat;

            p {
              background: url(/lehavre/images/tableaux/bleu/th_right_top.png) right top no-repeat;
            }
          }

          &.last { /* Dernière cellule */
            background: transparent url(/lehavre/images/tableaux/bleu/th_right.png) no-repeat scroll right -1px;

            p {
              background: url(/lehavre/images/tableaux/bleu/th_right_top.png) right top no-repeat;
            }
          }

          &.first { /* Première cellule */
            background: #37accf url(/lehavre/images/tableaux/bleu/th_left.png) left bottom no-repeat;

            p {
              background: url(/lehavre/images/tableaux/bleu/th_left_top.png) left top no-repeat;
            }
          }

          &.inside { /* Cellules intérieures */
            background: #37accf url(/lehavre/images/tableaux/bleu/tr_bottom.png) left bottom repeat-x;
          }
        }

        tr { /* Ligne */
          &.row1 {
            td {
              &.cell1 {
                background: #d1e7ee url(/lehavre/images/tableaux/bleu/tr1_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/bleu/tr1_left_top.png) left top no-repeat;
                }
              }

              &.cell2 {
                background: #d1e7ee url(/lehavre/images/tableaux/bleu/tr1_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/bleu/tr1_right_top.png) right top no-repeat;
                }
              }

              &.inside { /* Cellules intérieures */
                background-color: #d1e7ee;
              }

              &.first { /* Première cellule */
                background: #d1e7ee url(/lehavre/images/tableaux/bleu/tr1_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/bleu/tr1_left_top.png) left top no-repeat;
                }
              }

              &.last { /* Dernière cellule */
                background: #d1e7ee url(/lehavre/images/tableaux/bleu/tr1_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/bleu/tr1_right_top.png) right top no-repeat;
                }
              }
            }
          }

          &.rowtoedit {
            td {
              &.cell1 {
                background: #e7e7e7 url(/lehavre/images/tableaux/bleu/tr2_left_bottom.png) left bottom no-repeat;

                p {
                    background: url(/lehavre/images/tableaux/bleu/tr2_left_top.png) left top no-repeat;
                }
              }

              &.cell2 {
                background: #e7e7e7 url(/lehavre/images/tableaux/bleu/tr2_right_bottom.png) right bottom no-repeat;

                p {
                    background: url(/lehavre/images/tableaux/bleu/tr2_right_top.png) right top no-repeat;
                }
              }

              &.inside { /* Cellules intérieures */
                background-color: #fb7b7b;
              }

              &.first { /* Première cellule */
                background: #fb7b7b url(/images/front/edit_tr1_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/images/front/edit_tr1_left_top.png) left top no-repeat;
                }
              }

              &.last { /* Dernière cellule */
                background: #fb7b7b url(/images/front/edit_tr1_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/images/front/edit_tr1_right_top.png) right top no-repeat;
                }
              }
            }
          }

          &.row2 {
            td {
              &.inside { /* Cellules intérieures */
                background-color: #bad2d9;
              }

              &.first { /* Première cellule */
                background: #bad2d9 url(/lehavre/images/tableaux/bleu/tr2_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/bleu/tr2_left_top.png) left top no-repeat;
                }
              }

              &.last { /* Dernière cellule */
                background: #bad2d9 url(/lehavre/images/tableaux/bleu/tr2_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/bleu/tr2_right_top.png) right top no-repeat;
                }
              }
            }
          }
        }
      }
      
      /* -------------------------------------------------------------------- */
      /* CYAN */
      &.cyan {
        th { /* Header */
          &.cell1 {
            background: #c5f0fc url(/lehavre/images/tableaux/cyan/th_left.png) left bottom no-repeat;

            p {
              background: url(/lehavre/images/tableaux/cyan/th_left_top.png) left top no-repeat;
            }
          }

          &.cell2 {
            background: #c5f0fc url(/lehavre/images/tableaux/cyan/th_right_bottom.png) right bottom no-repeat;

            p {
              background: url(/lehavre/images/tableaux/cyan/th_right_top.png) right top no-repeat;
            }
          }

          &.last { /* Dernière cellule */
            background: transparent url(/lehavre/images/tableaux/cyan/th_right.png) no-repeat scroll right -1px;

            p {
              background: url(/lehavre/images/tableaux/cyan/th_right_top.png) right top no-repeat;
            }
          }

          &.first { /* Première cellule */
            background: #c5f0fc url(/lehavre/images/tableaux/cyan/th_left.png) left bottom no-repeat;

            p {
              background: url(/lehavre/images/tableaux/cyan/th_left_top.png) left top no-repeat;
            }
          }

          &.inside { /* Cellules intérieures */
            background: #c5f0fc url(/lehavre/images/tableaux/cyan/tr_bottom.png) left bottom repeat-x;
          }
        }

        tr { /* Ligne */
          &.row1 {
            td {
              &.cell1 {
                background: #f0fcff url(/lehavre/images/tableaux/cyan/tr1_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/cyan/tr1_left_top.png) left top no-repeat;
                }
              }

              &.cell2 {
                background: #f0fcff url(/lehavre/images/tableaux/cyan/tr1_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/cyan/tr1_right_top.png) right top no-repeat;
                }
              }

              &.inside { /* Cellules intérieures */
                background-color: #f0fcff;
              }

              &.first { /* Première cellule */
                background: #f0fcff url(/lehavre/images/tableaux/cyan/tr1_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/cyan/tr1_left_top.png) left top no-repeat;
                }
              }

              &.last { /* Dernière cellule */
                background: #f0fcff url(/lehavre/images/tableaux/cyan/tr1_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/cyan/tr1_right_top.png) right top no-repeat;
                }
              }
            }
          }

          &.rowtoedit {
            td {
              &.cell1 {
                background: #e7e7e7 url(/lehavre/images/tableaux/cyan/tr2_left_bottom.png) left bottom no-repeat;

                p {
                    background: url(/lehavre/images/tableaux/cyan/tr2_left_top.png) left top no-repeat;
                }
              }

              &.cell2 {
                background: #e7e7e7 url(/lehavre/images/tableaux/cyan/tr2_right_bottom.png) right bottom no-repeat;

                p {
                    background: url(/lehavre/images/tableaux/cyan/tr2_right_top.png) right top no-repeat;
                }
              }

              &.inside { /* Cellules intérieures */
                background-color: #fb7b7b;
              }

              &.first { /* Première cellule */
                background: #fb7b7b url(/images/front/edit_tr1_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/images/front/edit_tr1_left_top.png) left top no-repeat;
                }
              }

              &.last { /* Dernière cellule */
                background: #fb7b7b url(/images/front/edit_tr1_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/images/front/edit_tr1_right_top.png) right top no-repeat;
                }
              }
            }
          }

          &.row2 {
            td {
              &.inside { /* Cellules intérieures */
                background-color: #d9f5fd;
              }

              &.first { /* Première cellule */
                background: #d9f5fd url(/lehavre/images/tableaux/cyan/tr2_left_bottom.png) left bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/cyan/tr2_left_top.png) left top no-repeat;
                }
              }

              &.last { /* Dernière cellule */
                background: #d9f5fd url(/lehavre/images/tableaux/cyan/tr2_right_bottom.png) right bottom no-repeat;

                p {
                  background: url(/lehavre/images/tableaux/cyan/tr2_right_top.png) right top no-repeat;
                }
              }
            }
          }
        }
      }
    }
    
    /* Fin tableaux */
    /**************************************************************************/

    #login_form {
      input {
          background-color: #DEE6EA;
      }

      a {
          font-size: 11px;
          font-weight: bold;
          text-decoration: underline;
          color: #006D8E;
      }
    }

    #send_password_form .lost_login {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;

      input {
          background-color: #DEE6EA;
      }
    }

    /*div.link_to_forgot_login a{
      border: 1px black solid;
      display : block;
    }*/

    .error_info {
	font-size: 14px;
	font-weight: bold;
	color: #d80101;
    }

    /*-------------------------- Administrative demands  -------------------------*/

    .adm a:hover {
	text-decoration: underline;
    }

    /*------------------------------------------------  -------------------------*/

    #demand_nav {
	background: url(/images/bg_h3.png) left bottom repeat-x;
	
	p {
	    font-size: 12px;
	    font-weight: bold;
	    color: #8ca3ba;
	    
	    &.stage_passed {
		background: url(/images/front/stage_passed.png) center bottom no-repeat;
	    }
	    
	    &.stage_not_passed {
		background: url(/images/front/stage_not_passed.png) center bottom no-repeat;
	    }
	    
	    &.stage_current {
		background: url(/images/front/stage_current.png) center bottom no-repeat;
		color: #019ed8;
	    }
	}
    }

    h3.form_header {
	font-size: 12px;
	font-weight: bold;
    }

    /*------------------------ Front Office Homepage ----------------------------*/


    #citizen_info {
	 p {
	    font-size: 12px;
	 }
	 
	label {
	    color: #8ca3ba;
	}
    }

    .homebox {
	font-size: 11px;
	background: url(/images/front/blue_homebox_middle.png) repeat-y;
      
	&_top {
	    background: url(/images/front/blue_homebox_top.png) no-repeat;
	    
	    h3 {
		#meteo {
		    background: url(/images/front/blue_text_meteo.png) no-repeat;
		}

		#sondage {
		    background: url(/images/front/blue_text_sondage.png) no-repeat;
		}
	    }
	}
	
	&_bottom {
	    background: url(/images/front/blue_homebox_bottom.png) no-repeat bottom;
	}
	
	p {
	    font-weight: bold;
	}
	
	form label {
	    font-size: 11px;
	}
	
	&_link {
	    font-size: 10px;
	    font-weight: bold;
	    
	    &:hover {
		text-decoration: underline;
	    }
	}
    }

    /*---------------------- Qoutient familial------------------------------------*/

    .section03 {
	li {
	    background: url(/images/front/blue_list_image.gif) 0 5px no-repeat;
	}
	
	h3 {
	    font-size: 12px;
	}
    }

    #calculator {
	li {
	    background: none;
	}
	
	ul {
	    input {
		background: none;
	    }
	}
	
	input {
	    border: none;
	    font-size: 11px;
	    color: #456571;
	}
    }


    #id_total {
	font-size: 14px;
	font-weight: bold;
    }

    /*----------------------------------------------------------------------------*/
    .invisible {
	background-image: none;
	display: none !important;
    }

    /* ----- request styles ----- */
    #request {
	&_context, &_content {
	    border-top: 1px solid;
	}
    }

    /*-------------------------------------------------------------------------*/

    .step_number {
	font-weight: bold;
    }

    /*----------- Pager ----------------------------*/
    th.pager {
	background:transparent url(/images/red_bg_submit_left.png) no-repeat scroll 0 0 !important;
    }

    .pager {
	div {
	    background:transparent url(/images/bg_submit_fill.png) repeat-x scroll 0 0;
	}
	
	input {
	    background:transparent url(/images/bg_submit_fill.png) repeat-x scroll 0 0;
	    color:#019ED8;
	    border:medium none !important;
	    cursor:pointer;
	    font-family: Arial,sans-serif;
	    font-size: 14px !important;
	    font-weight: bold !important;
	    
	    &.last {
		background:transparent url(/images/bg_submit_right.png) no-repeat scroll right center;
	    }
	}
    }

    .submit_fill div.separate {
	background-color:white;
	background-image:none;
    }

    .add a, .download a {
	background:#F4F4F4 url(/images/front/picto_add.png) no-repeat 1px center;
	text-decoration:none;
	border:1px solid #E3E3E3;
	font-size:12px;
	cursor:pointer;
    }
    .download a {
	background:#F4F4F4 url(/images/front/picto_download.png) no-repeat 1px center;
    }
    .add a:hover, .download a:hover {
	background-color:#E3E3E3;
    }
    .delete a {
	background:#F4F4F4 url(/images/front/picto_delete.png) no-repeat 1px center;
	text-decoration:none;
	border:1px solid #E3E3E3;
	font-size:10px;
    }
    .delete a:hover {
	background-color:#E3E3E3;
    }

    tr.rowtoedit a.white_link{
	color: white !important;
	font-size : 10px;
    }

    div.form-row div.form-help{
	color : red;
	border : 1px red solid;
    }

    div.form-help + ul.error_list li{
	display:none;
	color : blue;
	border : 1px red solid;
    }

    .ui-state-active &{color : red;}

    ul.checkbox_list{
	display: table-row;
    }

    ul.checkbox_list li{
      list-style: none !important;
    }

    #tabs .ui-state-default a{
      color: white;
    }

    #tabs .ui-tabs-selected a{
      color: #000000;
    }

    .proof_list_tab {
	div {
	    &.row0 {
		background-color: #D6EEF7;
		font-size: 11px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		behavior: url(ie-css3.htc);
	    }
	    
	    &.row1 {
		background-color: #d2d1d2;
		font-size: 11px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		behavior: url(ie-css3.htc);
	    }
	    
	    &.row_detail {
		background-color: #fbfafb;
		color: #000000;
		font-size: 11px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #efefef;
		behavior: url(ie-css3.htc);
	    }
	}
    }

    .dashboard_box {
	border: 2px #029edb solid;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(ie-css3.htc);
	
	li {
	    background: none;
	}
    }

    .wTooltip_box {
      font-size: 11px;
      border: 1px #006D8E solid;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      behavior: url(ie-css3.htc);
    }

    .message_box {
	&_left {
	    background-color: #E4E4E4;
	    border: 1px #ddd solid;
	    -moz-border-radius:8px;
	    -webkit-border-radius:8px;
	    border-radius:8px;
	    behavior: url(ie-css3.htc);
	}
	
	&_right {
	    border: 1px #ddd solid;
	    -moz-border-radius:8px;
	    -webkit-border-radius:8px;
	    border-radius:8px;
	    behavior: url(ie-css3.htc);
	}
    }

    #inherite {
	border: 1px solid #CCCCCC;
	margin-left: 4px;
	margin-right: 17px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 6px 2px #cccccc;
	-moz-box-shadow: 0px 0px 6px 2px #cccccc;
	box-shadow: 0px 0px 6px 2px #cccccc; 
    	font-size: 10px;
    	behavior: url(ie-css3.htc);
	
	h2 {
	    color: inherit;
	    background: inherit;
	}
    }
}