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

*:focus {
    outline: none;
}

body {
    select:focus option:hover {
        background-color: #00bcf2;
    }

    .widget_title{
        border-bottom: 1px solid #002F2F;
        color: black;
        font-weight: bold;
        font-size: 14px;
        margin: 20px 18px 8px 15px;
        padding: 0 0 5px 10px;
        width: 665px;
        display: block;
    }

    #cookie-banner {
        font-size: 12px;
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        left: 0;
        min-width: 100%;
        position: fixed;
        text-align: center;
        z-index: 100000;
        color: rgb(255, 255, 255);
        background-color: rgb(0, 0, 0);
        display: block;
    }

    #cookie-banner a{
        font-weight: bold;
        color: white;
        text-decoration: underline;
    }

    #cookie-banner a:hover {
        color: red;
    }

    #cookie-banner .button {
        background-color: #006dcc;
        background-repeat: repeat-x;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        font-family: sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: 20px;
        margin-bottom: 2px;
        margin-top: 2px;
        margin-right: 0.3em;
        outline: medium none;
        padding: 2px 10px;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        vertical-align: middle;
    }

    #cookie-banner .button:hover, #cookie-banner .button:focus {
        background-color: #0044cc;
        background-position: 0 -15px;
        color: #ffffff;
        transition: background-position 0.1s linear 0s;
    }

    #cookie-banner .banner-close {
        right: 5px;
        height: 31px;
        width: 31px;
        position: absolute;
        cursor: pointer;
    }

    .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;
        }

        &_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;
                line-height: 12px;
            }
        }

        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;
            }
            &.smallselectdiv {
                float: left;
                font-size: 11px;
                height: 17px;
                margin: 0 0 15px;
                padding: 10px 5px;
                width: 110px;
            }
        }

        input {
            border: none;
            font-size: 11px;
            background-color: #DEE6EA;
            float: none;

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

            &[type=file] {
                background-color: #FEE6D9;
            }

            &[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;

			&.smallselect {
				border: 0 none;
				font-size: 11px;
				padding: 0;
				width: 90px;
			}
        }

        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;
    }
	
	div.cadre_warning_texte_noir_colorbox {
		margin-left: auto;
		margin-right: auto;
		margin-top:5px;
		margin-bottom: 20px;
		width: 650px;
		border:solid 1px;
		border-color: red;
		padding:10px 10px 10px 55px;
		-moz-border-radius:1em;
		color:black;
		background-image: url(/images/warning-icon.png);
		background-position:10px center;
		background-repeat:no-repeat;
		min-height: 20px;
		font-size: 12px;
	}
	
    div.cadre_warning_texte_noir {
        margin-left: auto;
        margin-right: auto;
        margin-top:5px;
        margin-bottom: 20px;
        width: 595px;
        border:solid 1px;
        border-color: red;
        padding:10px 10px 10px 55px;
        -moz-border-radius:1em;
        color:black;
        background-image: url(/images/warning-icon.png);
        background-position:10px center;
        background-repeat:no-repeat;
        min-height: 20px;
    }

    div.cadre_rouge_texte_noir{
        margin-left: auto;
        margin-right: auto;
        margin-top:5px;
        margin-bottom: 20px;
        width: 640px;
        border:solid 1px;
        border-color: red;
        padding:10px;
        -moz-border-radius:1em;
        color:black;
    }

    div.cadre_noir {
        margin-left: auto;
        margin-right: auto;
        margin-top:5px;
        margin-bottom: 20px;
        width: 640px;
        border:solid 1px;
        border-color: black;
        padding:10px;
        -moz-border-radius:1em;
        color:black;
    }

    #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;
    }

    #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;

                &.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;
                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;
                    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%;
    }

    #overlay {
        background-color: black;
        height: 120%;
        left: 0;
        opacity: 0.6;
        filter: alpha(opacity=60);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2;
    }

    #overlay_colobox {
        background-color: black;
        height: 120%;
        left: 0;
        opacity: 0.6;
        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;
            }
        }

        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;
            }
        }
    }

    /*---------------------- Quotient 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, .add_personne 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, .add_personne 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;
            }

            &.row1 {
                background-color: #d2d1d2;
                font-size: 11px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
            }

            &.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;
            }
        }
    }

    .dashboard_box {
        border: 2px #029edb solid;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;

        li {
            background: none;
        }
    }

    .wTooltip_box {
        font-size: 11px;
        border: 1px #006D8E solid;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

    .message_box {
        &_left {
            background-color: #E4E4E4;
            border: 1px #ddd solid;
            -moz-border-radius:8px;
            -webkit-border-radius:8px;
            border-radius:8px;
        }

        &_right {
            border: 1px #ddd solid;
            -moz-border-radius:8px;
            -webkit-border-radius:8px;
            border-radius:8px;
        }
    }
    
    #finalisation {
        border: 1px solid #CCCCCC;
        margin-top: 10px;
        margin-left: 12px;
        margin-right: 12px;
        -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-family: tahoma,sans-serif;
        font-size: 12px;
        text-align: justify;
        padding: 12px;

        h2 {
            color: inherit;
            background: inherit;
        }
        
        div {
            margin: 0px;
            padding: 0px;
        }
        
        p {
            margin: 0px;
            padding: 0px;
        }
    }

    #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;

        h2 {
            color: inherit;
            background: inherit;
        }
    }

    #inherite2 {
        border: 1px solid #CCCCCC;
        margin-left: 20px;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 15px;
        -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;

        h2 {
            color: inherit;
            background: inherit;
        }
    }
    
    #yaml_mensualisation-omega_1_nb_pers {
            width: 15px;
            float: left;
            margin-right: 10px;
    }

    #yaml_mensualisation-omega_1_mnt_mensu {
            text-align: right;
            width: 35px;
            float: left;
    }
    
    .banner-logo-front{
        margin-top: 25px; 
        width: 683px;
        vertical-align:top;

        img{
            display:inline-block;
            //height: 60px;
        }
        span img{
            margin-right: 60px;
        }
        div{
            display:inline-block;
            font-size:8px;
            vertical-align:top;
            padding-top: 32px;
            padding-left: 5px;
            line-height: 12px;
        }
    }
}

.font_orange {
    background-color: #FECAA8;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 22px;

    h1 {
        display: inline-block;
    }
}

.submit_fill_titre {
    display: inline-block;
    height: 25px;
    vertical-align: middle;
    background: #F7E5D9 url('/lehavre/images/boutons/orange/gauche_suivant.png') no-repeat left;
    border-top: 1px solid #D77E44;
    border-bottom: 1px solid #D77E44;
    border-right: 4px solid #D77E44;

    a {
        position: relative;
        top: 25%;
        padding-right: 10px;
        padding-left: 32px;
        font-weight: bold;
        font-size: 12px;
        color: black;
    }
}

.info_pj {
    text-align: center;
    margin-bottom: 10px;
    color: red;
}

#descriptionjustificatif {
    width: 94%;
    margin-left: 18px;
    border-radius: 5px;
    border: 1px solid black;
    padding: Opx 4px 4px 4px;
    margin: 10px;
}

.custody {
    background: url('/lehavre/images/tableaux/cyan/th_right.png');
}

.red_text {
    color: red;
}

.text_center {
    text-align: center;
}

.text_bold {
    font-weight: bold;
}

.text_12 {
    font-size: 12px;
}

.initialization {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-left:17px;
    width:645px;
    h2, p {
        padding: 0px !important;
        margin: 0px !important;
    }
    h2 {
        padding-top: 15px !important;
    }
    div{
        padding-bottom: 7px !important;
    }
    ul{
        margin: 0px !important;
    }
    li:before {
        content: '- \A0\A0';
    }
}