* {
    margin: 0;
    padding: 0;
}

header, footer, section, hgroup, aside, nav, article, figure, figcaption, time, dialog {
    display: block;
}

html, body {
    font-family: Times New Roman, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 12px;
    width: 100%;
    color: #003477;
    background: #f5f6f8 url(../img/bg-body.jpg) repeat-x top left;
}

form {
    margin-bottom: 20px;
    margin-left: 12px;
}

section {
    filter: none;
}

img {
    border: 0;
}

label.required:after {
    content: ' *';
}

a {
    color: #003477;
    text-decoration: none;
}

a,
a:active,
a:focus,
a:visited,
a img,
img a {
    border: none !important;
}

h2.vert {
    border-left: 3px solid #009549;
    padding: 0 0 0 10px;
    font-weight: normal;
    font-size: 21px;
    color: #009549;
    margin: 0 0 15px 0;
}

.right {
    float: right;
}

ul.right {
    float: right;
    margin: 0 80px 0 0;
}

.left {
    float: left;
}

fieldset {
    border: 1px solid #A9C2CC;
    font-family: Arial;
    font-size: 12px;
    margin: 0 0 20px;
    padding: 0 10px 10px;
}

fieldset legend, fieldset legend.bleu {
    padding: 0 5px 0 5px;
    font-weight: bold;
    text-transform: none;
    color: #003477;
}

fieldset table tr td strong {
    color: #7d95b3;
}

fieldset table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
}

fieldset table.table-declarer-sinistre {
    font-family: Arial, Helvetica, sans-serif;
    color: #7D95B3;
    font-size: 12px;
    margin: 10px 0 0 0;
    table-layout: fixed;
}

fieldset table.table-declarer-sinistre tr th {
    padding: 0;
}

fieldset.mauve {
    border-color: #d494e2;
}

fieldset legend.mauve {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #aa2bc5;
}

fieldset.vert {
    border-color: #65b098;
}

fieldset legend.vert {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #009549;
}

a:hover {
    text-decoration: none;
    color: #aa2bc5;
}

fieldset table td.separation {
    border-bottom: 1px dashed #7D95B3;
    margin: 0;
    padding: 0;
}

.valider, .loupe, .modifier {
    margin: 0 7px 0 0;
}

.modifier-calendar {
    margin: 0 5px 0 0;
}

ul {
    list-style: none;
}

input[type="text"],
input[type="email"] {
    border: 1px solid #a9c2cc;
    height: 15px;
    padding: 2px 0 2px 5px;
    font-size: 11px;
    color: #003477;
    width: 235px;
}

select {
    border: 1px solid #a9c2cc;
    font-size: 11px;
    color: #003477;
    height: 21px;
}

table th {
    color: #7d95b3;
    text-align: left;
}

.date {
    font-weight: bold;
    color: #003477;
}

.date img {
    position: relative;
    top: 5px;
}

.date input[type="text"] {
    margin: 0 5px 0 0;
}

.last {
    margin: 0;
}

.txt-center {
    text-align: center;
}

.txt-right {
    text-align: right;
}

.txt-left {
    text-align: left;
}

.clear-both {
    clear: both;
    background: none transparent;
}

.itaBold {
    font-weight: bold;
    font-style: italic;
}

.mauveTxt {
    color: #aa2bc5;
    font-family: Arial;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    color: #003477;
    font-size: 12px;
    padding: 5px;
}

.ui-datepicker-trigger {
    margin: -3px 0 0 3px;
    position: relative;
    top: 4px;
}

.radiation .ui-datepicker-trigger, .declaration .ui-datepicker-trigger {
    margin: 0;
    left: 3px;
    top: 3px;
    position: relative;
}

.switch {
    background: url("../img/switch.png") no-repeat scroll left top transparent;
    height: 42px;
    padding: 3px 0 0 40px;
    position: absolute;
    right: 0;
    text-align: left;
    text-transform: uppercase;
    top: 0px;
    width: 81px;
    z-index: 2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    display: block;
}

.switch-fieldset {
    background: url("../img/switch-fieldset.jpg") no-repeat scroll 57px center transparent;
    border: 1px solid #A9C2CC;
    bottom: 8px;
    color: #7D95B3;
    display: block;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    height: 11px;
    padding: 0 4px 2px 9px;
    position: relative;
    right: -11px;
    text-align: left;
    text-transform: uppercase;
    width: 60px;
    z-index: 2;
}

.switch-fieldset:hover {
    color: #003477;
    text-decoration: none;
}

.switch-fieldset-mauve {
    background: url("../img/switch-fieldset-mauve.jpg") no-repeat scroll 57px center transparent;
    border: 1px solid #d494e2;
    bottom: 8px;
    color: #d494e2;
    display: block;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    height: 11px;
    padding: 0 4px 2px 9px;
    position: relative;
    right: -11px;
    text-align: left;
    text-transform: uppercase;
    width: 60px;
    z-index: 2;
}

.switch-fieldset-mauve:hover {
    color: #aa2bc5;
    text-decoration: none;
}

.switch-fieldset-vert {
    background: url("../img/switch-fieldset-vert.jpg") no-repeat scroll 57px center transparent;
    border: 1px solid #65b098;
    bottom: 8px;
    color: #65b098;
    display: block;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    height: 11px;
    padding: 0 4px 2px 9px;
    position: relative;
    right: -11px;
    text-align: left;
    text-transform: uppercase;
    width: 60px;
    z-index: 2;
}

.switch-fieldset-vert:hover {
    color: #009549;
    text-decoration: none;
}

div.msg {
    color: #AA2BC8;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    margin: 80px 0 0;
    text-align: center;
}

#container {
    width: 910px; /*965*/
    margin: 0 auto;
}

.radiationMasseOutilsRH #container,
.mutationMasseOutilsRH #container {
    width: 1080px;
}

.radiationMasseOutilsRH #account-tools,
.mutationMasseOutilsRH #account-tools {
    right: 5px;
}

#container .body-block {
    margin: 0 0 0 30px;
    position: relative;
    width: 880px; /*895px;*/
}

#container .signature-pdf,
#container .body-block-salarie,
#container .signature-pdf-block {
    margin: 0 0 0 30px;
    position: relative;
    width: 1035px;
}


#bgcont {
    position: absolute;
    left: -74px;
    top: -7px;
    z-index: 0;
}

h1 {
    margin: 5px 0 15px 0;
    font-size: 30px;
    font-weight: normal;
}

h1, section, #breadcrumbs {
    z-index: 1;
    position: relative;
}

h2 {
    border-left: 3px solid #1a548b;
    padding: 0 0 0 10px;
    font-weight: normal;
    font-size: 22px;
    color: #1a548b;
    margin: 0 0 15px 0;
    font-family: Times new roman;
}

#breadcrumbs {
    color: #7D95B3;
    clear: both;
    margin: 5px 0 0 30px;
    font-size: 11px;
    font-family: Arial;
}

#breadcrumbs a {
    color: #7D95B3;
}

#breadcrumbs a:hover {
    color: #AA2BC5;
}

#breadcrumbs span {
    color: #003477;
}

header {
    background: #fff url(../img/entete.jpg) no-repeat top left;
    position: relative;
    height: 83px;
}

header img.left-deport {
    position: absolute;
    top: 0;
    left: -134px;
}

header img.right-deport {
    position: absolute;
    top: 0;
    right: 0; /* 116*/
}

#account-tools {
    position: absolute;
    top: 10px;
    right: 20px;
    font-family: Arial;
}

#account-tools li {
    display: inline;
}

#account-tools li {
    display: inline;
}

#account-tools li * {
    vertical-align: middle;
}

#account-tools li strong {
    color: #003477;
    margin: 0 30px 0 0;
}

#navigation {
    position: absolute;
    top: 40px;
    left: 200px;
}

#navigation ul {
    height: 40px;
}

#navigation li {
    float: left;
    background: url(../img/separator.jpg) no-repeat top right;
    padding: 0 10px 0 10px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
}

#navigation li.current a,
#navigation li.current_ancestor a {
    color: #003477;
}

#navigation li a {
    font-weight: bold;
}

#navigation ul.menu_level_1 {
    display: none;
}

#sec-main, .sec-main {
    min-height: 60px /*270px*/;
    background: url(../img/bas-sec-main.png) no-repeat scroll center bottom #FFFFFF;
    margin: 0;
    padding: 15px 12px 18px;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    behaviour: url(PIE.htc);
    font-size: 10px;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    width: 640px;
}

section.bia {
    width: 740px !important;
}

section.bia i {
    color: #7d95b3;
    font-weight: bold;
    font-size: smaller;
}

span.bia-button-label {
    margin-bottom: -15px;
    margin: 0 0 0 10px;
    padding-top: 8px;
    display: inline-block;
    font-weight: bold;
}

.fiche-salarie .sec-main, .signature-pdf-container {
    width: auto;
    overflow: auto;
}

.fiche-salarie,
.signature-pdf-container {
    width: 1068px !important;
}

.mutation-masse-outils-rh {
    width: 810px;
}

#sec-sec {
    min-height: 250px;
    background: url(../img/bas-sec-main.png) no-repeat scroll center bottom #FFFFFF;
    margin: 0;
    padding: 10px;
    font-size: 14px;
}

#docs-list li h3 {
    font-family: Arial;
    font-size: 12px;
    color: #7d95b3;
    font-weight: bold;
}

secteur label {
    color: #7d95b3;
    font-weight: bold;
}

label {
    color: #7d95b3;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
}

footer {
    margin: 50px 0 40px 30px;
    padding: 13px 0 0 0;
    font-size: 11px;
    font-family: Arial;
    clear: both;
    position: relative;
    /*background:url(../img/hr-repeat.jpg) repeat-x scroll 0 0 transparent;*/
}

.footer {
    margin: 0 0 20px 30px;
    padding: 13px 0 0 0;
    font-size: 11px;
    font-family: Arial;
}

footer ul, .footer ul {
    float: right;
    margin: 0 0 0 10px;
}

footer ul li, .footer ul li {
    display: inline-block;
    margin: 0 10px 0 0;
    border-right: 1px solid #003477;
    padding: 0 10px 0 0;
}

footer ul li:last-child,
.footer ul li:last-child,
footer ul li.last-child,
.footer ul li.last-child {
    border-right: 0 !important;
    padding: 0;
}

.nbrParPage {
    float: left;
}

.nbrParPage select {
    width: 50px;
    text-align: center;
}

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100px;
}

/*--PAGER FANTA --*/

.pagerfanta {
    text-align: right;
    margin: 10px 0;
    font-family: Arial;
    font-size: 12px;
    position: relative;
}

.pagerfanta select {
    margin: 0 0 0 9px;
}

.pagerfanta a,
.pagerfanta span {
    display: inline-block;
    margin-right: 25px;
    padding: .25em .35em;
}

.pagerfanta a {
    text-decoration: none;
}

.pagerfanta a:hover {
    color: #aa2bc5;
}

.pagerfanta .dots {
    border-width: 0;
}

.pagerfanta .current {
    font-weight: bold;
    color: #aa2bc5;
}

.pagerfanta .disabled {
    border-color: #ccf;
    color: #ccf;
}

/*-- tablesorter --*/

table.tablesorter thead tr .header,
table.tablesorterstylized thead tr .header {
    background: #d5e4ea /*url(../img/table/bg.gif) no-repeat center right*/;
    cursor: pointer;
}

table.tablesorter thead tr .headerSortUp,
table.tablesorterstylized thead tr .headerSortUp {
    background-image: url(../img/table/asc.gif);
}

table.tablesorter thead tr .headerSortDown,
table.tablesorterstylized thead tr .headerSortDown {
    background-image: url(../img/table/desc.gif);
}

table.tablesorter th,
table.tablesorterstylized th {
    border: 1px solid #D5E4EA;
    color: #003477;
    font-weight: bold;
    padding: 5px 13px;
    text-align: center;
    cursor: pointer;
    font-family: Arial, sans-serif;
    background: /*url('../img/table/bg.gif') no-repeat center right*/ #D5E4EA;
}

table.tablesorter tr td,
table.tablesorterstylized tr td {
    font-family: Arial, sans-serif;
}

table.mutation-masse-table th,
table.radiation th,
#sinistre-modale table th,
#preaffiliation-modale table th {
    border: 1px solid #D5E4EA;
    color: #003477;
    font-weight: bold;
    padding: 5px 13px;
    text-align: center;
    background: #D5E4EA;
}

table.tablesorter th.last,
table.tablesorterstylized th.last,
table.mutation-masse-table th.last,
table.radiation th.last {
    border: 1px solid #D5E4EA;
    color: #003477;
    font-weight: bold;
    padding: 5px 13px;
    text-align: center;
    cursor: pointer;
    background: none #D5E4EA;
}

table.tablesorter th a,
table.tablesorterstylized th a,
table.mutation-masse-table th a,
table.radiation th a {
    color: #003477 !important;
}

.bouton {
    background: url("../img/fond-bouton-envoyer.png") no-repeat scroll 0 0 transparent;
    height: 23px;
    width: 153px;
    padding: 3px 0;
    color: #fff;
    text-align: center;
    border: none;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    font-family: Arial;
    display: block;
    line-height: 5px;
}

.bouton-inline {
    display: inline-block;
}

.texte-expli .bouton {
    text-decoration: none;
}

a.bouton:hover {
    color: #fff;
}

.bouton-impression {
    background: url("../img/fond-bouton-impression.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behaviour: url(PIE.htc);
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    width: 129px;
}

.bouton-rechercher {
    background: url("../img/fond-bouton-rechercher.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behaviour: url(PIE.htc);
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    width: 85px;
}

.bouton-envoyer {
    background: url("../img/fond-bouton-envoyer.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behaviour: url(PIE.htc);
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    width: 153px;
}

a.bouton-envoyer {
    background: url("../img/fond-bouton-envoyer.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behaviour: url(PIE.htc);
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    width: 153px;
    padding: 4px 0;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.bouton-ajouter-doc {
    background: url("../img/fond-bouton-ajouter-doc.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behaviour: url(PIE.htc);
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    width: 148px;
}

.bouton-large {
    background: url("../img/fond-bouton-large.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    text-align: center;
    width: 212px;
}

.bouton-large-big {
    background: url("../img/fond-bouton-large-big.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    text-align: center;
    width: 260px;
}

.bouton-large:hover,
.bouton-large-big:hover {
    color: #ffffff;
}

.bouton-large-vert {
    background: url("../img/fond-bouton-large-vert.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    text-align: center;
    width: 212px;
}

.bouton-large-vert:hover {
    color: #ffffff;
}

.erreur-no-result {
    color: #AA2BC5;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

a.bouton-ajouter-doc {
    background: url("../img/fond-bouton-ajouter-doc.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    padding: 0;
    width: 148px;
    text-align: center;
}

/** Suivi des taches**/
.att, .op, .ok, .ko {
    text-transform: uppercase;
    font-weight: bold;
}

.att {
    color: #0acff2;
}

.op {
    color: #004276;
}

.ok {
    color: #00964c;
}

.ko {
    color: #fe0712;
}

#suivi-des-taches .pagination {
    padding: 13px 0 0 0;
    border-top: 1px dotted #003477;
}

.pagination {
    padding: 5px 0 0;
    text-align: right;
    width: 100%;
    border: none;
}

.pagination ul li {
    display: inline-block;
    font-size: 12px;
    font-family: Arial;
    color: #003477;
    margin: 0 20px 0 0;
}

#suivi-des-taches .pagination ul li a:hover {
    color: #01a060;
}

#suivi-des-taches .pagination ul li {
    display: inline-block;
    font-size: 12px;
    font-family: Arial;
    color: #003477;
    margin: 0 15px 0 0;
}

.pagination ul li a:hover {
    color: #aa2bc5;
}

#suivi-des-taches {
    float: right;
    min-width: 373px;
    min-height: 270px;
    background: url(../img/bas-sec-main.png) no-repeat scroll center bottom #FFFFFF;
    margin: 0;
    padding: 15px 12px 18px;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    behaviour: url(PIE.htc);
    font-size: 14px;
}

#rechercher-sinistre-client, #rechercher-sinistre-contrat, #rechercher-sinistre-sinistre, #search-sinistre, .declarer-sinistre-contrat, .declarer-sinistre-contrat {
    background: url(../img/bas-sec-437px.png) no-repeat scroll center bottom #FFFFFF;
}

#suivi-des-taches table {
    border-collapse: collapse;
    font-family: Arial;
    font-size: 12px;
}

#suivi-des-taches table th {
    background-color: #D5E4EA;
    border: 1px solid #D5E4EA;
    color: #003477;
    font-weight: bold;
    padding: 10px 4px;
    text-align: left;
    font-size: 11px;
}

#suivi-des-taches table th a {
    display: block;
}

#suivi-des-taches table td {
    padding: 5px;
    border: 1px solid #D5E4EA;
    font-size: 11px;
    color: #003477;
}

#suivi-des-taches .nbrParPage {
    float: none;
    margin: 0;
}

#suivi-des-taches table tr:nth-child(even) td {
    background-color: #f4f8fa;
}

#suivi-des-taches table tr.even {
    background-color: #f4f8fa;
}

/** rechercher un sinistre**/
#liste-search-sinistre li {
    display: inline-block;
    float: left;
    margin: 0 30px 0 0;
}

#liste-search-sinistre li.last {
    margin: 0;
}

#liste-search-sinistre li input[type="text"] {
    width: 175px;
}

/** Déclarer un sinistre **/
.client-liste {
    float: left;
    width: 182px;
}

.client-liste ul li {
    margin: 0 0 13px 0;
}

.choix-arbre {
    float: right;
}

.choix-arbre ul {
    border: 1px solid #a9c2cc;
    overflow: visible;
    width: 163px;
    min-height: 105px;
    padding: 10px 8px;
}

.choix-arbre ul li {
    margin: 0 0 10px 0;
}

.contrat input[type="text"],
.contrat select,
#rechercher-sinistre-sinistre input[type="text"],
#rechercher-sinistre-sinistre select {
    width: 173px;
}

.contrat ul li, #rechercher-sinistre-sinistre ul li {
    margin: 0 34px 15px 0;
}

.contrat ul li.last, #rechercher-sinistre-sinistre ul li.last {
    margin: 0;
}

.contrat .date, #rechercher-sinistre-sinistre .date {
    font-weight: normal;
}

.contrat .date input[type="text"], #rechercher-sinistre-sinistre .date input[type="text"] {
    width: 50px;
    font-weight: normal;
}

.declarer-sinistre-contrat ul li, #rechercher-sinistre-contrat ul li, #rechercher-sinistre-sinistre ul li {
    display: inline-block;
}

#souscripteur {
    margin: 8px 0 0 0;
    padding: 0 0 0 5px;
    width: 210px;
}

#souscripteur li {
    border-bottom: 1px dotted #7d95b3;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
}

#souscripteur li.last, #contrat td.last {
    border: none;
}

#contrat {
    border-collapse: collapse;
    margin: 0px 0 0 0;
    padding: 0 0 0 5px;
}

#contrat td {
    border-bottom: 1px dotted #7d95b3;
    padding: 8px 0 8px 5px;
    margin: 0 0 8px 0;
}

.table-declarer-sinistre {
    margin: 0 0 0 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.table-declarer-sinistre input[type="text"] {
    width: 166px;
}

.table-declarer-sinistre select {
    width: 227px;
}

.table-declarer-sinistre td {
    padding: 0;
    margin: 0 0 8px 0;
}


fieldset .table-declarer-finance input[type=text],
fieldset .table-declarer-frais input[type=text],
fieldset .table-declarer-recours input[type=text] {
    width: 80px;
    text-align: right;
    padding-right: 3px;
}

.table-bloc-sinistre div {
    display: inline-block;

}

fieldset .table-declarer-finance select,
fieldset .table-declarer-frais select {
    width: 140px;
}

fieldset .table-declarer-finance td label,
fieldset .table-declarer-frais td label {
    padding-right: 12px;
}


fieldset .table-declarer-finance input[type=text],
fieldset .table-declarer-frais input[type=text],
fieldset .table-declarer-recours input[type=text] {
    width: 80px;
    text-align: right;
    padding-right: 3px;
}

fieldset .table-declarer-finance select,
fieldset .table-declarer-frais select {
    width: 140px;
}


fieldset .table-declarer-finance td label,
fieldset .table-declarer-frais td label {

    padding-right: 12px;

}

fieldset .table-declarer-sinistre td,
fieldset .table-declarer-finance td,
fieldset .table-declarer-frais td {

    padding: 6px;
}

fieldset .table-declarer-finance td .date,
fieldset .table-declarer-frais td .date,
fieldset .table-declarer-recours td .date {
    border: 0px;
    width: 80px;
}


#synthese, #charges {
    text-align: right;
    width: 67%;
}

#synthese li, #charges li {
    text-transform: uppercase;
    color: #7d95b3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 8px 0;
}

#synthese li input[type="text"], #charges li input[type="text"] {
    width: 105px;
    margin: 0 0 0 12px;
}

/** Sinistre  transport **/
#sinistre-suivi-dossier table {
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 0 12px;
}

#sinistre-suivi-dossier table tr td {
    padding: 0;
}

#sinistre-suivi-dossier select {
    width: 223px;
}

#sinistre-declarant .table-declarer-sinistre input[type="text"],
#sinistre-entite-sinistre .table-declarer-sinistre input[type="text"],
#sinistre-entite-sinistre .table-declarer-sinistre input[type="email"],
#table-lieu-sinistre input[type="text"],
#table-description-sinistre input[type="text"],
#sinistre-conexite input[type="text"],
#sinistre-contentieux input[type="text"],
#sinistre-tiers input[type="text"],
#sinistre-aperiteur-assureur input[type="text"],
#sinistre-intervenants input[type="text"],
#sinistre-intervenants input[type="email"],
#sinistre-declarant input[type="email"],
#sinistre-sinistre .table-assureur input[type="text"],
#sinistre-sinistre .table-assureur input[type="text"],
#sinistre-sinistre .table-assureur input[type="email"],
#sinistre-sinistre .table-lieu-sinistre input[type="text"],
#sinistre-sinistre .table-lieu-sinistre input[type="text"],
#sinistre-sinistre .table-lieu-sinistre input[type="email"] {
    width: 223px;
}

#sinistre-entite-sinistre ul {
    margin: 0 0 0 17px;
}

#sinistre-entite-sinistre ul li input[type="text"] {
    width: 220px;
}

#sinistre-sinistre ul {
    margin: 0 0 0 10px;
}

#table-date-sinistre span {
    color: #003477;
}

#table-date-sinistre input[type="text"] {
    width: 97px;
}

#table-commentaire-sinistre input[type="text"] {
    width: 455px;
}

#sinistre-conexite fieldset {
    margin: 20px 0 0 0;
    padding: 14px;
}

#sinistre-conexite fieldset ul li {
    margin: 0 0 10px 0;
}

#sinistre-conexite ul li, #sinistre-contentieux ul li, #sinistre-recours ul li, #sinistre-tiers ul li, #sinistre-lancement-editions ul li, #sinistre-sinistre ul li, #sinistre-aperiteur-assureur ul li, #sinistre-intervenants ul li {
    display: inline-block;
}

#sinistre-contentieux fieldset {
    padding: 0 10px 25px 10px;
}

#sinistre-contentieux ul {
    float: right;
}

#table-contentieux-sinistre {
    margin: 0 0 10px 0;
}

#sinistre-recours ul {
    margin: 0 0 15px 12px;
}

#sinistre-recours select {
    width: 224px;
}

/** checklist **/
#checklist table th {
    color: #003477;
    padding: 0 0 10px 0;
}

#checklist table {
    color: #003477;
    font-weight: normal;
}

#checklist table td {
    padding: 0 0 10px 0;
}

#checklist table input[type="text"] {
    width: 600px;
}

/** Liste Sinistres **/
#liste-sinistres tr:nth-child(even) td {
    background-color: #f4f8fa;
}

#liste-sinistres tr.even {
    background-color: #f4f8fa;
}

#liste-sinistres tr td {
    border: 1px solid #D5E4EA;
    color: #003477;
    font-size: 11px;
    padding: 3px;
}

#liste-sinistres tr th {
    padding: 13px 3px;
}


/* Arbre */

.disabledField {
    border: 1px solid #eee !important;
}


#tree ul.childrenList {
    margin-left: 25px;
    display: none;
}

#tree span.haveChildren, #tree span.haveChildrenOpen {
    padding-left: 15px;
}

#tree span.haveChildren {
    background: url("../img/plus-gris.jpg") no-repeat scroll 0 4px transparent;
}

#tree span.haveChildrenOpen {
    background: url("../img/moins-gris.jpg") no-repeat scroll 0 4px transparent;
}

.devise input[type="radio"] + label + input[type="radio"],
#sinistre-recours input[type="radio"] + label + input[type="radio"],
.table-declarer-sinistre td input[type="radio"] + label + input[type="radio"] {
    margin: 0 0 0 16px;
}


.table-assureur div {
    height: 15px;
    margin-top: 3px;
}

.totalEvalue,
.totalFranchise,
.totalEstimeNet,
.totalFrais,
.totalReglements,
.resteAPayer,
.chargeClient,
.chargeAssureur {
    text-align: right;

    padding-right: 3px !important;
}

#sinistre-declarant .table-declarant {
    width: 98%;
    margin-left: 16px;

}

.devise li {
    display: inline-block;
}


.devise li + li {
    padding-left: 70px;
}

.totalEvalue,
.totalFranchise,
.totalEstimeNet,
.totalFrais,
.totalReglements,
.resteAPayer {
    text-align: right;

    padding-right: 3px !important;
}

.devise li {
    display: inline-block;
}

.devise li + li {
    padding-left: 70px;
}


#gs_irdtbundle_sinistre_declarer_recours,
#gs_irdtbundle_sinistre_declarer_hasIntervenantsAssureurAssure {
    display: inline-block;
}

.disabledFieldIDGS {
    border: 1px solid #eee !important;
    background: #fff;
}

[disabled]:not(.disabledFieldIDGS) {
    border: 0px !important;
    background: #fff;
}

.datepick {
    width: 97px !important;
}

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family: Arial, Helvetica, sans-serif;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/knob/Knob Info.png');
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../img/knob/Knob Valid Green.png');
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/knob/Knob Attention.png');
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/knob/Knob Remove Red.png');
}


/* styles extranet */
.menu-accueil {
    position: relative;
    z-index: 10;
    margin: 0 0 15px 0;
    height: 287px;
}

div.menu {
    width: 193px;
    float: left;
    margin-right: 20px;
    background: no-repeat scroll center bottom #FFFFFF;
    padding: 17px 0 10px;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    behaviour: url(PIE.htc);
    font-size: 12px;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 10;
    position: relative;
}

ul.sous-menu {
    padding-left: 15px;
}

div.menu > ul > li {
    margin: 0 0 10px 0;
}

div.menu > ul > li a {
    font-size: 14px;
    font-weight: bold;
    color: #003477;
    font-family: Times New Roman, Arial, Helvetica, sans-serif;
    padding: 5px 0 5px 27px;
    display: block;
    background: url('../img/puce-menu.jpg') no-repeat scroll 10px 9px transparent;
}

div.menu > ul > li a.menu-selected {
    background: url('../img/puce-menu-selected.jpg') no-repeat scroll 10px 9px #d6ecf7;
    color: #4698c8;
}

div.menu > ul > li a:hover {
    color: #ffffff;
    background: url('../img/puce-menu-over.jpg') no-repeat scroll 10px 11px #4698c8;
}

div.menu .sous-menu li {
    border-bottom: 1px solid #dce8ed;
    width: 95%;
}

div.menu .sous-menu li a {
    font-size: 14px;
    font-weight: normal;
    background: none;
    color: #003477;
    padding: 7px 0 7px 12px;
    background: url('../img/puce-sous-menu.jpg') no-repeat scroll 0 11px transparent;
}

div.menu .sous-menu li a:hover {
    background: none;
    color: #3399cc;
    background: url('../img/puce-sous-menu.jpg') no-repeat scroll 0 11px transparent;
}

div.menu > ul > li > ul > li a.menu-selected {
    color: #329bda;
    background: url('../img/puce-sous-menu.jpg') no-repeat scroll 0 11px transparent;
}

div#content,
div.content {
    width: 667px;
    float: left;
}

div.content-salarie {
    width: 563px;
    float: left;
}

div#content-home {
    width: 640px;
    float: left;
}


div#content > section {
    width: 630px;
}

#coordonnees-adresse label {
    width: 150px;
    display: inline-block;
}

table.tablesorter td,
table.tablesorterstylized td,
table.mutation-masse-table td,
table.radiation td {
    padding: 5px;
    border-bottom: 1px solid #D5E4EA;
    border-right: 1px solid #D5E4EA;
    font-size: 11px;
    color: #003477;
}

#sinistre-modale td,
#preaffiliation-modale td {
    padding: 5px;
    border-bottom: 1px solid #D5E4EA;
    border-right: 1px solid #D5E4EA;
    font-size: 11px;
    color: #003477;
    text-align: center;
}

table.tablesorter,
table.tablesorterstylized {
    margin: 0 0 0 12px;
    border-left: 1px solid #D5E4EA;
}

#slide-acc {
    float: left;
    position: relative;
    z-index: 500;
    overflow: hidden;
    height: 288px;;
}

#slide-acc-liste {
    color: #4698C8;
    float: right;
    font-size: 18px;
    font-weight: bold;
    height: 287px;
    overflow: visible;
    position: absolute;
    right: 0;
    width: 235px;
    z-index: 10;
}

#slide-acc-liste span {
    color: #1a548b;
    font-weight: bold;
    font-size: 23px;
}

#slide-acc-liste li {
    background: url('../img/fond-li-acc.png') no-repeat scroll 0 0 transparent;
    line-height: 18px;
    overflow: visible;
    padding: 0;
}

#slide-acc-liste li.first {
    border-radius: 0 5px 0 0;
}

#slide-acc-liste li.last {
    border-radius: 0 0 5px 0;
}

#slide-acc-liste li:hover {
    background: url('../img/fond-li-acc-hover.png') no-repeat scroll 0 0 transparent;
    color: #c4e3f3;
    overflow: visible;
}

#slide-acc-liste li:hover span {
    color: #ffffff;
}

#slide-acc-liste li .lien-slide-acc {
    font-size: 12px;
    color: #fff;
    font-family: Arial, sans-serif;
    display: none;
    position: absolute;
    right: 15px;
    margin: 0 !important;
}

#slide-acc-liste li:hover .lien-slide-acc {
    display: block;
}

#slide-acc-liste li:hover a {
    color: #c4e3f3;
}

#slide-acc-liste li a:hover {
    color: #c4e3f3;
}

#slide-acc-liste li a {
    color: #4698C8;
    display: block;
    height: 57px;
    padding: 15px 0 0 40px;
    width: 242px;
}

div#content > section#alerte-infos-accueil {
    width: 96%;
    float: left;
    margin-bottom: 15px;
}

#alerte-infos-accueil a, #communiques-accueil a {
    text-decoration: underline;
    font-weight: bold;
}

section#communiques-accueil {
    width: 96% !important;
}

#alerte-infos-accueil h2 {
    background: url('../img/alerte-infos.jpg') no-repeat scroll center right transparent;
    display: block;
    height: 26px;
}

#communiques-accueil h2 {
    font-family: Times new roman;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 0 0 0 10px;
    background: url('../img/communiques.jpg') no-repeat scroll 580px 0 transparent;
}

div#content > section#alerte-infos-accueil ul li {
    list-style: none;
    background: url('../img/li-mauve.gif') no-repeat scroll 0 5px transparent;
    color: #003477;
    padding: 0 0 0 12px;
    margin: 0 0 18px 0;
}

div#content > section#communiques-accueil ul li {
    list-style: none;
    background: url('../img/li-bleu.gif') no-repeat scroll 0 5px transparent;
    color: #003477;
    padding: 0 0 0 12px;
    margin: 0 0 18px 0;
}

div#content > section#derniers-remboursements {
    width: 96%;
}

/*** Mon compte ***/
#coordonnees-informations-assure i, #coordonnees-adresse i, #coordonnees-banque i {
    color: #7e95b3;
    font-size: 11px;
}

#coordonnees-banque i a, #detailadhesion-beneficiaires a, .texte-expli a {
    font-weight: bold;
    text-decoration: underline;
}

#coordonnees-gauche {
    float: left;
    width: 237px;
    padding: 0;
    margin: 0;
}

#coordonnees-droite {
    float: right;
    width: 237px;
    padding: 0 48px 0 0;
}

#cp, .tel {
    width: 115px !important;
}

#coordonnees-droite select, #coordonnees-droite input[type="text"],
#coordonnees-gauche select, #coordonnees-gauche input[type="text"] {
    width: 100%;
}

#coordonnees-gauche li, #coordonnees-droite li {
    margin: 0 0 18px 0;
}

#coordonnees-gauche li label, #coordonnees-droite label {
    float: none;
    display: block;
}

.texte-expli {
    margin: 0 0 15px 0;
    padding: 0 0 0 13px;
}

.valider-modif {
    position: relative;
    margin: 0 auto;
    width: 212px;
    bottom: 10px;
}

#coordonnees-gauche li label span, #coordonnees-droite label span {
    color: #aa2bc5;
}

table.notri {
    border-left: 1px solid #D5E4EA;
    width: 98%;
    margin: 0 0 0 12px;
}

table.notri th {
    background: none #D5E4EA;
    font-size: 11px;
    color: #003477;
    padding: 14px 13px;
    text-align: center;
}

table.notri td {
    background-color: #f4f7fa;
    color: #003477;
    font-size: 10px;
    text-align: center;
    padding: 14px;
    border-bottom: 1px solid #D5E4EA;
    border-right: 1px solid #D5E4EA;
}

#detailadhesion-beneficiaires-table td {
    font-size: 10px;
}

#detailadhesion-beneficiaires-table, #detailadhesion-carte-table {
    margin: 0 0 20px 12px;
}

.xls {
    display: block;
    margin: 25px 0 10px;
    position: relative;
    text-align: center;
    width: 100%;
}

#autres-demandes li, #envoyer-un-devis li {
    float: left;
}

#autres-demandes li.first, #envoyer-un-devis li.first {
    margin: 0 80px 0 0;
}

#autres-demandes li select, #envoyer-un-devis li select {
    width: 235px;
    height: 20px;
}

#mess-autres-demandes, #mess-devis {
    clear: both;
    margin: 20px 0 0 0;
}

#mess-autres-demandes textarea,
#mess-devis textarea,
.admin-comm textarea,
.moyen-paiement-cotisations textarea {
    width: 536px;
    height: 86px;
    border: 1px solid #a9c2cc;
    color: #003477;
}

.admin-comm textarea {
    margin-top: 5px;
}

#gs_extranetbundle_devis_submit {
    background: url("../img/fond-bouton-pdf.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    text-align: center;
    width: 129px;
    position: relative;
    top: 10px;
    clear: both;
}

#garanties button.btn {
    background: url("../img/fond-bouton-rechercher.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    text-align: center;
    width: 85px;
}

#pieces-jointes-autres-demandes {
    margin: 0 20px 0 0;
}

.file-uploader .thumbnails {
    margin: 25px 0 0 0;
    background-color: #F4F7FA;
    border: 1px solid #D5E4EA;
    color: #003477;
    font-size: 11px;
    padding: 14px;
}

#files .fileupload {
    margin: 0 0 5px 0;
}

#delete_fileupload, #delete_fileupload2 {
    text-decoration: none;
}

#delete_fileupload:hover, #delete_fileupload2:hover {
    text-decoration: underline;
    color: #003477;
}

/** remboursements **/
#Ereleves {
    background: url("../img/fond-releves.jpg") repeat-x scroll 0 0 #ffffff;
    border-radius: 0 0 10px 10px;
    min-height: 85px;
    margin: 0 0 15px 12px;
    padding: 0 0 0 12px;
}

#Ereleves-mois {
    float: left;
    margin: 0 40px 0 10px;
    min-height: 40px;
}

#Ereleves-mois select {
    min-width: 150px;
}

#form_year {
    line-height: 18px;
}

#form_year label {
    font-size: 12px;
    font-weight: bold;
    color: #003477;
}

#form_submit {
    background: url("../img/fond-bouton-pdf.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    text-align: center;
    width: 129px;
    margin: 0 auto;
}


button#form_obtenircartetp {
    background: url("../img/fond-bouton-large.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    text-align: center;
    width: 212px;
}

/** Administration - Communiqués **/
#new-communique {
    background: url("../img/fond-bouton-large.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    text-align: center;
    width: 212px;
    margin: 15px 0 0 12px;
}

#gs_extranetbundle_communique_submit {
    background: url("../img/fond-bouton-large.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    text-align: center;
    width: 85px;
    margin: 15px 0 0 0;
}

#gs_extranetbundle_communique > div {
    margin: 0 0 10px 0;
}

/*** Stylisation Radio ***/

/* Cachons la case à cocher */
/*[type="radio"]:not(:checked),  
[type="radio"]:checked {  
  position: absolute;  
  left: -9999px;  
}*/

/* on prépare le label */
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    position: relative; /* permet de positionner les pseudo-éléments */
    padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
    cursor: pointer; /* affiche un curseur adapté */
}

/* Aspect des radio */
/* :before sert à créer la case à cocher */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    width: 10px;
    height: 10px; /* dim. de la case */
    border: 1px solid #a3a3a3;
    background: #f8f8f8;
    border-radius: 10px; /* angles arrondis */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3) /* légère ombre interne */
}

/* Aspect général de la coche */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
    content: '•';
    position: absolute;
    top: -3px;
    left: 8px;
    font-size: 15px;
    color: #727272;
    transition: all .2s; /* on prévoit une animation */
}

/* Aspect si "pas cochée" */
[type="radio"]:not(:checked) + label:after {
    opacity: 0; /* coche invisible */
    transform: scale(0); /* mise à l'échelle à 0 */
}

/* Aspect si "cochée" */
[type="radio"]:checked + label:after {
    opacity: 1; /* coche opaque */
    transform: scale(1); /* mise à l'échelle 1:1 */
}

/* aspect désactivée */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #a3a3a3;
    background-color: #ddd;
}

/* styles de la coche (si cochée/désactivée) */
[type="radio"]:disabled:checked + label:after {
    color: #999;
}

/* on style aussi le label quand désactivé */
[type="radio"]:disabled + label {
    color: #a3a3a3;
}

/* aspect au focus de l'élément */
[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before {
    border: 1px dotted #a3a3a3;
}

.bouton-retour, .bouton-retour:hover {
    background: url("../img/bouton-retour.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    color: #2c2c2c;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    text-align: center;
    width: 110px;
    margin: 0 0 0 12px;
}

.remboursement-date-valeur {
    font-size: 14px;
    margin: 0 0 5px 12px;
}

.montant-devise {
    font-weight: bold;
}

table.remboursements-effectues {
    margin: 0 0 12px 12px;
}

table.remboursements-effectues th {
    background: #D5E4EA;
    border: 1px solid #D5E4EA;
    color: #003477;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    padding: 15px 13px;
    text-align: center;
}

table.remboursements-effectues td {
    border-bottom: 1px solid #D5E4EA;
    border-right: 1px solid #D5E4EA;
    color: #003477;
    font-size: 11px;
    padding: 10px;
}

.tablesorter tr:nth-child(even) td,
.tablesorterstylized tr:nth-child(even) td,
.mutation-masse-table tr:nth-child(even) td,
.radiation tr:nth-child(even) td,
#sinistre-modale tr:nth-child(even) td,
#preaffiliation-modale tr:nth-child(even) td {
    background-color: #f4f7fa;
}

.notri tr:nth-child(even) td {
    background-color: #f4f7fa;
}

.questions-reponses li {
    margin-bottom: 10px;
    padding: 0 0 0 13px;
}

.questions-reponses span.question {
    font-weight: bold;
    background: url('../img/li-mauve.gif') no-repeat scroll 0 5px transparent;
    padding: 0 0 0 12px;
    margin: 0 0 18px 0;
}

.questions-reponses span.reponse,
.texte-no-result {
    font-style: italic;
}

.liens-utiles li {
    font-weight: bold;
    background: url('../img/li-mauve.gif') no-repeat scroll 0 5px transparent;
    padding: 0 0 0 12px;
    margin: 0 0 18px 0;
}

.liens-utiles li a {
    color: #aa2bc5;
}

#contact label {
    display: inline-block;
    width: 150px;
    margin-right: 15px;
    margin-bottom: 10px;
    vertical-align: top;
}

#contact input, #pec-hospi textArea {
    width: 250px;
}

#contact h4 {
    color: #aa2bc5;
    margin: 5px 0 6px 0;
}

.pechospi input[type="text"], .pechospi textArea {
    width: 250px;
}

.pechospi ul {
    margin: 0 0 0 12px;
}

.pechospi ul li {
    height: 27px;
    margin: 5px 0 0;
}

.pechospi ul li label {
    margin: 0 20px 0 0;
    display: block;
    float: left;
    width: 160px;
    position: relative;
    top: 2px;
}

#pechospi-recherche ul li.first input[type="text"] {
    width: 235px;
}

#pechospi-etablissement ul li input[type="text"] {
    width: 235px;
}

#etablissement {
    background: url("../img/fond-releves.jpg") repeat-x scroll 0 0 #ffffff;
    border-radius: 0 0 10px 10px;
    min-height: 85px;
    margin: 0 0 15px 12px;
    padding: 0 0 0 20px;
    font-size: 11px;
    line-height: 18px;
}

.pechospi span {
    color: #aa2bc5;
}

#autreDemandes .save, #devis-envoyer .save {
    background: url("../img/fond-bouton-rechercher.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    text-align: center;
    width: 85px;
}


#certifType, #certifBenef {
    background: url("../img/fond-releves.jpg") repeat-x scroll 0 0 #ffffff;
    border-radius: 0 0 10px 10px;
    min-height: 85px;
    margin: 0 0 15px 12px;
    padding: 0 0 0 12px;
}

#dl-formu-devis {
    background: url("../img/fond-releves.jpg") repeat-x scroll 0 0 #ffffff;
    border-radius: 0 0 10px 10px;
    height: 85px;
    margin: 0 0 0 12px;
    padding: 0;
    text-align: center;
}

#dl-formu-devis ul {
    padding: 0 0 20px 0;
}

#dl-formu-devis ul li {
    display: inline-block;
    margin: 0 50px 0 0;
}

#type label {
    font-size: 12px;
    font-weight: bold;
    color: #003477;
}

#certifBenef input[type="checkbox"] {
    margin: 0 10px 0 0;
    position: relative;
    top: 1px;
}

#certifBenef ul li, #type ul li {
    margin: 0 0 5px 0;
}

.comment-faire a {
    text-decoration: underline;
    font-weight: bold;
}

.bloc-sante {
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
}

/** RH **/
.link-acc {
    display: block;
    width: 16px;
    height: 40px;
    background: url('../img/home.png') no-repeat scroll center 9px transparent;
}

.link-acc:hover {
    background: url('../img/home-over.png') no-repeat scroll center 9px transparent;
}

#bt-contact-home {
    position: absolute;
    bottom: -4px;
    right: 0;
}

#acc-alertes h2 {
    background: url('../img/alerte-infos.jpg') no-repeat scroll 700px 0 transparent;
    display: block;
    height: 26px;
}

#acc-alertes ul {
    padding: 0 10px 10px 5px;
}

#acc-alertes ul.liste-docs {
    background: url("../img/fond-liste-docs.jpg") repeat-x scroll 0 0 #ffffff;
    border-radius: 0 0 10px 10px;
    min-height: 85px;
    margin: 20px 0 10px 0;
    padding: 0 10px;
}

#acc-alertes ul.liste-docs li {
    display: inline-block;
    margin: 0 20px 20px 0;
    text-align: center;
}

#acc-alertes ul.liste-mauve li {
    font-weight: bold;
    background: url('../img/li-mauve.gif') no-repeat scroll 0 5px transparent;
    padding: 0 0 0 12px;
    margin: 0 0 10px 0;
}

#recherche-assure form,
.recherche-salarie,
.recherche-salarie-result,
.demande-promotion form,
.demande-mutation form,
.demande-mutation-hp form,
.demande-radiation-sante form,
.demande-radiation-prevoyance form,
.certif-affiliation form,
.certif-radiation form,
.preaffiliation-outils-rh form,
.affiliation-outils-rh form,
.declarer-sinistre form,
#histo-sinistres-prevoyance,
.courriers-outils-rh form,
.mutation-masse-outils-rh form,
.recherche-histo-sinistre,
.maj-ayants-droit form,
.saisies-en-cours form,
.bia form,
.valider-cotisations form,
.recherche-dispense {
    margin: 10px 0 0 5px;
}

#recherche-assure ul {
    float: left;
    margin: 0 35px 0 0;
}

#recherche-assure ul li,
.declarer-sinistre ul li,
.changement-situation ul li,
.maj-coord ul li,
.maj-beneficiaires ul li,
.demande-mutation ul li,
.demande-promotion ul li,
.demande-radiation-sante ul li,
.demande-radiation-prevoyance ul li,
.demandes-contact-outils-rh ul li,
.preaffiliation-outils-rh ul li,
.mutation-masse-outils-rh ul li,
.radiation-masse-outils-rh ul li,
.simulateur ul li,
.certif-radiation ul li,
.recherche-salarie ul li,
.demande-mutation-hp ul li,
.infos-salarie ul li,
.infos-sinistre ul li,
.courriers-outils-rh ul li,
.maj-ayants-droit ul li,
.bia form,
.valider-cotisations ul li,
.recherche-dispense ul li,
.moyen-paiement-cotisations ul li {
    margin: 0 0 15px 0;
}

.courriers-outils-rh .dynatable-pagination-links li {
    margin: 0;
    overflow: visible;
}

.certif-affiliation form ul li,
.recherche-histo-sinistre ul li {
    margin: 0 25px 0 0;
    float: left;
}

.demande-promotion ul li ul li,
.demande-mutation ul li ul li,
.demande-mutation-hp ul li ul li {
    margin: 0 0 5px 0;
    background: url("../img/li-bleu.gif") no-repeat scroll center left transparent;
    padding: 0 0 0 10px;
}

.demande-radiation-sante ul li ul,
.demande-promotion ul li ul,
.demande-mutation ul li ul,
.demande-mutation-hp ul li ul {
    margin: 5px 0 0 15px;
}

.fiche-assure-coord ul,
.infos-salarie ul {
    margin: 0 35px 0 12px;
    float: left;
    display: block;
}

.infos-sinistre ul {
    margin: 0 15px 0 12px;
    float: left;
    display: block;
}

.fiche-assure-coord ul li {
    margin: 0 0 5px 0;
}

#recherche-assure label,
.declarer-sinistre label,
.changement-situation label,
.maj-coord label,
.maj-beneficiaires label,
.demande-mutation label,
.demande-promotion label,
.demande-radiation-sante label,
.demandes-contact-outils-rh label,
.preaffiliation-outils-rh label,
.affiliation-outils-rh label,
.mutation-masse-outils-rh label,
.radiation-masse-outils-rh label,
#histo-sinistres-prevoyance label,
.simulateur label,
.certif-radiation label,
.recherche-salarie label,
.recherche-salarie-result label,
.demande-mutation-hp label,
.demande-radiation-prevoyance label,
.certif-affiliation label,
.infos-salarie label,
.infos-sinistre label,
.courriers-outils-rh label,
.recherche-histo-sinistre label,
.maj-ayants-droit label,
.admin-comm label,
.bia label,
.valider-cotisations label,
.recherche-dispense label,
.moyen-paiement-cotisations label {
    display: block;
}

.recherche-histo-sinistre ul {
    height: 45px;
}

.recherche-salarie-result ul li {
    float: left;
    margin: 0 35px 10px 0;
}

#recherche-assure input[type="text"] {
    width: 220px;
}

#recherche-assure .bouton-envoyer {
    margin: 0;
}

#recherche-assure #code-assure {
    width: 50px;
}

.actions-assure {
    margin: 10px 0 0 0 !important;
}

.actions-assure li {
    display: block;
    float: left;
    margin: 0 25px 0 0 !important;
}

table.liste-assures {
    margin: 10px 0 0 0 !important;
    width: 99%;
    text-align: center;
}

table.liste-assures td {
    padding: 8px;
}

#container .body-fiche-assure {
    float: left;
}

.fiche-assure ul {
    float: left;
}

.fiche-assure ul li {
    margin: 0 0 5px 0;
    float: none;
}

.search-assure {
    float: right;
    position: relative;
    z-index: 50;
    top: 10px;
}

.search-assure input[type="text"] {
    margin: 0 15px 0 0;
    width: 139px;
}

.bloc-liens-assure {
    margin: 0px 0 0 0;
    float: right;
    width: 23%;
}

.bloc-liens-assure ul li {
    border-bottom: 1px solid #dce8ed;
    width: 95%;
}

.bloc-liens-assure ul li a {
    font-weight: normal;
    background: none;
    color: #003477;
    display: block;
    padding: 7px 0 7px 12px;
    background: url('../img/puce-sous-menu.jpg') no-repeat scroll 0 11px transparent;
}

.bloc-liens-assure ul li a:hover {
    color: #3399cc;
    background: url('../img/puce-sous-menu.jpg') no-repeat scroll 0 11px transparent;
}

.bloc-liens-assure ul li:last-child {
    border: none;
}

span.oblig {
    color: #1a548b;
}

.declarer-sinistre textarea,
.demande-radiation-prevoyance textarea {
    width: 98%;
    min-height: 180px;
}

.liste-arrets {
    float: none !important;
    padding: 0 0 0 15px;
}

.liste-arrets li {
    margin: 0 !important;
    list-style-type: square;
}

table#liste-histo-sinistres,
table#liste-salaries {
    margin: 0;
}

.maj-coord input[type="text"],
.maj-coord textarea,
.maj-beneficiaires input[type="text"] {
    width: 300px;
}

.maj-coord textarea {
    min-height: 70px;
}

.maj-coord input[type="text"].cp,
.maj-beneficiaires input[type="text"].cle,
.preaffiliation-outils-rh input[type="text"].cp {
    width: 70px;
}

.maj-coord input[type="text"].ville,
.preaffiliation-outils-rh input[type="text"].ville {
    width: 150px;
}

.maj-coord input[type="text"].tel,
.maj-coord input[type="text"].port,
.maj-beneficiaires input[type="text"].num {
    width: 115px;
}

.courriers-tab {
    margin: 0 !important;
}

.courriers-tab tr td {
    text-align: center;
}

.recherche-courriers {
    margin: 5px 0 0 5px;
}

.recherche-courriers li {
    display: block;
    float: left;
    margin: 0 35px 0 0;
}

.recherche-courriers select {
    margin: 5px 0 0 0;
}

i.expli {
    color: #7e95b3;
    font-size: 11px;
}

.cotisations ul {
    margin: 0 auto;
    position: relative;
    width: 390px;
}

.outils-rh-acc ul {
    margin: 20px auto;
    position: relative;
    width: 95%;
}

.cotisations ul li {
    display: block;
    float: left;
    margin: 0 55px 0 0;
    text-align: center;
}

.outils-rh-acc ul li {
    display: block;
    float: left;
    margin: 0 25px 0 0;
    text-align: left;
    width: 137px;
}

.outils-rh-acc ul li ul {
    margin: 0;
    width: auto;
}

.outils-rh-acc ul li ul li {
    float: none;
    width: auto;
    text-align: left;
}

.outils-rh-acc ul li ul li a:hover {
    color: #3399cc;
    background: url('../img/puce-sous-menu.jpg') no-repeat scroll 0 11px transparent;
}

.outils-rh-acc ul li ul li a {
    font-weight: normal;
    background: none;
    color: #003477;
    display: block;
    padding: 7px 0 0 12px;
    background: url('../img/puce-sous-menu.jpg') no-repeat scroll 0 11px transparent;
}

.cotisations ul li:last-child,
.outils-rh-acc ul li:last-child {
    margin: 0;
}

.cotisations ul li a,
.outils-rh-acc ul li span {
    font-size: 18px;
    font-weight: bold;
    color: #4698C8;
    font-family: Times New Roman, Arial, Helvetica, sans-serif;
}

.declarer-cotisations ul,
.documents fieldset ul {
    margin: 10px 0 0 0;
    padding: 0;
}

.declarer-cotisations form,
.documents fieldset form {
    margin-left: 5px;
}

.declarer-cotisations table {
    margin: 0;
}

.declarer-cotisations table tr td,
.declarer-cotisations table th {
    text-align: left !important;
    padding: 5px;
}

#infos-declaration-lot {
    margin: 0 0 20px 0;
    overflow: auto;
}

#infos-declaration-lot label {
    display: block;
    margin: 0 0 5px 0;
}

#infos-declaration-lot li {
    display: block;
    float: left;
    margin: 0 40px 0 0;
}

.tabl-doc tr td {
    text-align: center;
}

.documents h3,
.bloc-liste h3 {
    color: #1a548b;
    padding: 0;
    font-size: 14px;
}

.contact h4 {
    font-size: 12px;
}

.demandes-contact-outils-rh textarea,
.affiliation-outils-rh textarea {
    width: 60%;
    min-height: 150px;
}

.preaffiliation-outils-rh textarea,
.changement-situation textarea {
    width: 84%;
    min-height: 150px;
}

.demande-mutation-hp textarea {
    width: 80%;
    min-height: 150px;
}

.affiliation-outils-rh-table tr td,
.mutation-masse-table tr td {
    text-align: center;
}

table.mutation-masse-table,
table.radiation,
#sinistre-modale table,
#preaffiliation-modale table {
    margin: 0;
    border-left: 1px solid #D5E4EA;
}

table.mutation-masse-table tr td,
table.mutation-masse-table tr td select,
table.mutation-masse-table tr td .datepick {
    font-size: 10px;
}

table.mutation-masse-table tr td .datepick {
    width: 65px !important;
}

#recherche-gauche {
    float: left;
    width: 237px;
    padding: 0;
    margin: 10px 0 0 7px;
}

#recherche-droite {
    float: right;
    width: 237px;
    padding: 10px 48px 0 0;
}

#recherche-droite input[type="text"] {
    width: 200px;
}

input[type="text"].cle-insee {
    width: 50px !important;
}

input[type="text"].insee {
    width: 150px !important;
}

.plan-du-site a {
    font-weight: bold;
}

.plan-du-site label {
    cursor: pointer;
}

.plan-du-site a label:hover {
    color: #aa2bc5;
}

.plan-du-site ul {
    margin: 0 0 0 10px;
}

.plan-du-site ul li {
    margin: 10px 0 0 0;
}

.plan-du-site ul li ul {
    margin: 0 0 0 20px;
}

.plan-du-site ul li ul li {
    margin: 0 0 3px 0;
}

.plan-du-site ul li ul li ul {
    margin: 0 0 10px 30px;
}

.plan-du-site ul li ul li ul li {
    margin: 0;
    list-style: square;
}

.save {
    background: url("../img/fond-bouton-rechercher.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    text-align: center;
    width: 85px;
}

#histo-sinistres-prevoyance ul li {
    margin: 0 0 10px 0;
}

.simulateur-table tr td {
    text-align: center;
}

.afficher-valeurs {
    float: right;
    margin: 0 0 10px 0;
    font-weight: bold;
}

/** Tabs **/
.ui-widget-header {
    border: none;
    border-radius: 0;
    background: none #fff !important;
    font-weight: normal !important;
    border-left: 3px solid #1a548b;
    padding: 0 0 0 10px !important;
    margin: 10px 0 0 10px;
    font-size: 22px;
    color: #1a548b;
}

#ui-datepicker-div {
    font-family: Arial, sans-serif;
}

#ui-datepicker-div .ui-widget-header {
    border: none;
    background: none #e6e6e6 !important;
    font-weight: bold !important;
    border-left: 0;
    padding: 0 0 0 10px !important;
    margin: 0;
    font-size: 14px !important;
    color: #003477;
    font-family: Arial, sans-serif;
}

#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 45%;
    margin-top: -8px;
}

#ui-datepicker-div .ui-datepicker-next-hover span {
    display: block;
    position: absolute;
    left: 45%;
    margin-left: -8px;
    top: 45%;
    margin-top: -8px;
}

#ui-datepicker-div .ui-datepicker-prev-hover span {
    display: block;
    position: absolute;
    left: 55%;
    margin-left: -8px;
    top: 45;
    margin-top: -8px;
}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    position: absolute;
    top: 0;
    width: 1.8em;
    height: 1.7em;
    cursor: pointer;
}

#ui-datepicker-div .ui-state-default:hover,
#ui-datepicker-div .ui-widget-content .ui-state-default:hover {
    border: none !important;
    color: #003477;
}

#ui-datepicker-div {
    border: 1px solid #a9c2cc;
    padding: 5px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #003477 !important;
    color: #fff !important;
}

.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a {
    color: #fff !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.fiche-assure-infos .ui-state-default, .fiche-assure-infos .ui-widget-content .ui-state-default, .fiche-assure-infos .ui-widget-header .ui-state-default {
    background: #fff;
    color: #aa2bc;
}

.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
    border-top: 1px solid #003477 !important;
    border-right: 1px solid #003477 !important;
    border-left: 1px solid #003477 !important;
    border-bottom: 0 !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #003477;
}

#tabsA .ui-tabs-nav,
#tabsB .ui-tabs-nav,
#tabsC .ui-tabs-nav {
    padding: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

#tabsA,
#tabsB,
#tabsC {
    border: none !important;
}

table.radiation tr td {
    text-align: center;
}

.texte-infos {
    height: 26px;
    padding: 8px 0 0 35px;
    margin: 0 0 10px 0;
    background: url("../img/alerte-infos.jpg") no-repeat scroll 0 0 transparent;
}

.fiche-assure-infos .ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 0.5em 0.8em;
    font-size: 12px;
    text-decoration: none;
}

.fiche-assure-infos .ui-tabs .ui-tabs-panel {
    padding: 0;
}

#coord-infos-perso-first {
    float: left;
    margin: 0 50px 0 12px;
}

.coord-infos-perso li {
    margin: 0 0 5px 0;
}

#acc-tableau-bord {
    width: 410px !important;
    float: left;
}

#acc-tableau-bord ul {
    margin: 0 0 0 10px;
}

#acc-tableau-bord ul li {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

#acc-news {
    float: right !important;
    width: 180px !important;
    height: 316px;
}

#acc-news a {
    text-align: center;
    width: 100%;
    display: block;
    margin: 70px 0 0 0;
}

.notifs-cotisations {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    left: 64px;
    background: url("../img/notifs.png") no-repeat scroll 0 0 transparent;
    width: 21px;
    height: 21px;
    line-height: 20px;
    display: block;
    bottom: 35px;
    text-align: center;
}

.affiliation-outils-rh ul {
    margin: 0 0 15px 0;
    height: auto;
    clear: both;
    overflow: auto;
}

.bia ul {
    margin-left: 25px;
}

.bia ul li {
    display: inline-block;
    margin: 5px 10px 5px 0px;
    float: left;
}


.affiliation-outils-rh ul li {
    display: inline;
    float: left;
    margin: 0 20px 0 0;
}

.affiliation-outils-rh .formerrors ul li,
.bia .formerrors ul li {
    display: block;
    float: none;
}

.affiliation-outils-rh ul li input[type="text"],
.affiliation-outils-rh ul li input[type="email"],
.bia ul li input[type="email"] {
    width: 180px;
}

.affiliation-outils-rh ul li input[type="text"].ligneAdresse,
.bia ul li input[type="text"].ligneAdresse {
    width: 350px;
}

.affiliation-outils-rh h4 {
    margin: 0 0 10px 0;
}

.declarer-sinistre .inputSalaire {
    width: 130px;
}

.bloc-liste {
    padding: 10px;
    background-color: #f5f5f5;
    margin: 0 0 10px 0;
    overflow: auto;
}

.bloc-liste .tablesorter tr:nth-child(even) td,
.bloc-liste .tablesorterstylized tr:nth-child(even) td {
    background-color: #fff;
}

.text-infos-salarie {
    margin: 0 0 15px 15px;
}

.mutation-masse-outils-rh .bouton-envoyer {
    margin: 0 0 0 15px;
}

table.declaratif input[type="text"] {
    width: 75px;
}

.bouton-center {
    background: url("../img/fond-bouton-envoyer.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: Arial !important;
    font-size: 12px !important;
    font-weight: bold;
    height: 23px;
    width: 153px;
    padding: 4px 0;
    display: block;
    margin: 0 auto;
    text-align: center;
    clear: both;
    line-height: 5px;
}

a.bouton-center,
a.bouton-right,
a.bouton-left,
a.bouton {
    line-height: 16px;
}

.bouton-left {
    background: url("../img/fond-bouton-envoyer.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    width: 153px;
    padding: 4px 0;
    display: block;
    margin: 0;
    float: left;
    text-align: center;
    line-height: 5px;
}

.bouton-right {
    background: url("../img/fond-bouton-envoyer.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    width: 153px;
    padding: 4px 0;
    display: block;
    margin: 0 0 0 10px;
    float: right;
    text-align: center;
    line-height: 5px;
}

input[type=submit][disabled=disabled].bouton-right,
input[type=submit][disabled=disabled].bouton-large,
input[type=submit][disabled=disabled].bouton {
    background: url("../img/fond-bouton-envoyer-disabled.png") no-repeat scroll 0 0 transparent;
    color: #000000 !important;
    font-style: italic;
    cursor: auto;
    font-weight: normal;
}

.alertallfields {
    color: #c54460;
    padding-left: 12px;
}

.maj-ayants-droit ul li.left {
    margin: 0 25px 15px 0;
}

#bt-radier {
    background: url("../img/fond-bouton-rechercher.png") no-repeat scroll 0 0 transparent;
    width: 85px;
}

.montant {
    font-weight: bold;
    background-color: #f4f7fa;
}

ul.regime {
    position: relative;
    bottom: 25px;
    height: 20px;
}

.saisies-en-cours table {
    margin: 0;
}

#affiliation-modale p,
#mutation-modale p,
#radiation-modale p,
#cotisations-modale p {
    margin: 15px 0;
    font-family: Arial, sans-serif;
}

#cotisations-modale ul {
    margin: 0 0 0 10px;
}

#cotisations-modale ul li {
    font-family: Arial, sans-serif;
    margin: 0 0 5px 0;
    background: url("../img/li-bleu.gif") no-repeat scroll center left transparent;
    padding: 0 0 0 10px;
}

#cotisations-modale label {
    margin: 20px 0 5px 0;
    display: block;
}

.ui-dialog {
    width: 600px !important;
}

.ui-dialog .ui-dialog-content {
    padding: 0 20px !important;
}

#sinistre-modale table,
#preaffiliation-modale table,
#news-modale table {
    margin: 20px 0;
    font-family: Arial, sans-serif;
}

/** dynatable **/
.dynatable-pagination-links,
.dynatable-per-page {
    margin-top: 10px;
    display: block;
}


.bt-preaffiliation {
    margin: 0 75px 0 0;
    float: left;
}

.bt-preaffiliation-right {
    float: right;
    margin: 0 12px 0 0;
}

.Etab-contrat-alter {
    overflow: auto;
}

.Etab-contrat-alter li {
    display: inline;
    float: left;
    margin: 0 60px 15px 0 !important;
}

ul.criteresAdh li {
    display: block !important;
    float: none !important;
    margin: 0 0 15px 0 !important;
}

ul.criteresAdh li select {
    margin: 0 0 0 15px !important;
}

ul.inline {
    overflow: auto;
}

ul.inline li {
    display: block;
    float: left;
    margin: 0 15px 0 0;
}

.telechargementListeSalaries select,
.Etab-contrat-alter select,
.ajout-ayant-droit select,
.affiliation-outils-rh select,
.declarer-sinistre select,
.mutation-masse-outils-rh select,
.bia select {
    width: 250px;
}

.radiation-masse-outils-rh select {
    width: auto;
}

.telechargementListeSalaries ul li {
    float: left;
    width: 260px;
    margin: 0 35px 10px 0;
}

.telechargementListeSalaries .formerrors ul li {
    display: block;
    float: none;
}

.affiliation-outils-rh h4 {
    margin-top: 25px;
}

.module-question-header {
    position: relative;
    top: 8px;
    left: 230px;
}

.module-question-header img {
    margin: 0 8px 0 0;
    float: left;
    position: relative;
    bottom: 5px;
}

.module-question-header input[type="text"] {
    width: 217px;
    border: 1px solid #01a060;
    color: #01a060;
}

.faq input[type="text"] {
    width: 70%;
}

.faq ul {
    margin: 20px 0 0 14px;
}

.faq ul li {
    list-style: square;
    margin: 0 0 10px 0;
    font-weight: bold;
}

.faq ul li a {
    text-decoration: underline;
}

section.fiche-assure-informations,
section.recherche-assure {
    width: 800px !important;
    margin-top: 0px;
}

section.fiche-assure-encours {
    height: 91px;
}

label.radiation-sante {
    color: #003477;
}

form.nomargin {
    margin: 0px !important;
}

form.nomargin fieldset {
    padding: 10px 0px 0px 15px;
}

.mutation-masse-outils-rh form.nomargin fieldset {
    padding: 10px 15px 15px 15px;
}

td.haveDatePicker {
    white-space: nowrap;
}

label.noblock {
    display: inline-block;
}

table.radiation-masse-table tr td select {
    width: 130px;
}

section#acc-tableau-bord.sec-main.etire {
    width: 96% !important;
}

section.sec-main.contact label {
    display: block;
}

/*** loading ***/
#load {
    display: none;
}

body.loading #load {
    display: block !important;
    position: fixed;
    z-index: 100; /* or higher if necessary */
    top: 0;
    left: 0;
    overflow: hidden;
    text-indent: 100%;
    font-size: 0;
    background: url(../img/loader.gif) center no-repeat;
    background-color: rgba(220, 220, 220, 0.6);
    height: 100%;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#98dcdcdc, endColorstr=#98dcdcdc);
}


section.declarer-cotisations-large {
    width: 800px !important;
}

section.declarer-cotisations-large textarea {
    width: 95%;
    height: 60px;
    margin-bottom: 15px;
}

section.declarer-cotisations-large table {
    margin: 0 0 0 0;
}

section.faq {
    overflow: visible;
}

div#searchBarDivId,
div#resultListDivId {
    max-width: 100%;
    overflow: visible;

}

section.admin-comm {
    margin-bottom: 15px;
}

.onecomm-title {
    cursor: pointer;
}


#structure {
    margin: 10px 0 0 0;
}

.onecomm-text h2 {
    background: none !important;
}

span.pli-depli {
    color: #79BACE;
    font-size: 15px;
    margin-left: 10px;
    border: 2px #79BACE solid;
    padding: 0px 0px 0px 0px;
    height: 15px;
    width: 15px;
    display: inline-block;
    text-align: center;
}

section.saisies-en-cours a.nolink,
section.saisies-en-cours a.nolink:focus {
    cursor: default;
    color: #003477;
    text-decoration: none;
}

iframe.sec-main {
    background: none;
}

div.alert {
    position: fixed;
    height: 50px;
    width: 100%;
    padding-top: 14px;
    font-size: 16px;
    font-family: Arial;
    z-index: 11;
    text-align: center;
}


div.alert-infos {
    background: #A9D2C2;
    color: white;
}


div.alert-error {
    background: #DFB4C7;
    color: white;
}


span.flashmessageinfos {

    display: inline-block;
    background: url(../img/validation.gif) 0px 0px no-repeat;
    padding-left: 40px;
    height: 32px;
    padding-top: 5px;
}

span.flashmessageerror {

    display: inline-block;
    background: url(../img/Main.gif) 0px 0px no-repeat;
    padding-left: 40px;
    height: 32px;
    padding-top: 5px;
}


div.formerrors {
    color: red;
    font-weight: bold;
}


div.stats {
    position: fixed;
    width: 250px;
    float: right;
    margin-right: 0px;
    margin-top: 15px;
    color: #D8000C;
    background-color: #FFBABA;
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 15px 15px 15px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family: Arial, Helvetica, sans-serif;
}

div.stats h2 {
    border-left: 3px solid #D8000C;
    padding: 0 0 0 10px;
    font-weight: normal;
    font-size: 22px;
    color: #D8000C;
    margin: 0 0 15px 0;
    font-family: Times new roman;
}


#dialog-message.dialog-telechargement {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 15px;
    padding-bottom: 15px;
}

ul.abonnements li {
    display: inline-block;
    text-align: center;
    color: #398AC2;
    width: 120px;
    height: 185px;
    margin-right: 37px;
    vertical-align: top;
}

input.noborder {
    border: 0px !important;
}

a.renvoyerBordereau {
    background: url("../img/icone-fleche.png") no-repeat;
    width: 25px;
    display: inline-block;
    background-size: 25px 25px;
    height: 25px;
    margin-left: 13px;
}

/*a.renvoyerBordereau:hover {
    background: url("../img/Bouton_Fleche2.png") no-repeat;
    width: 25px;
    display: inline-block;
    background-size: 19px 18px;
    height: 25px;
    margin-left: 13px;
}   */


table#declarer-cotisations-table th {
    vertical-align: top;
}

.isprintpage ul,
.isprintpage li {
    page-break-inside: avoid;
    background-color: red;
}

#gs_cotisations_valider_bordereaux_MontantTotal {
    border: none;
}

#divBulletin {
    top: 100px;
    width: 100%;
    height: 400px;
    overflow: hidden;
    margin-bottom: 120px;
}

#divBulletin #iframeBulletin {
    position: absolute;
    /* Masque la toolbar pdf */
    top: -35px;
    width: 98%;
    height: 80%;
}

section.signer-cotisations {
    width: 800px !important;
    margin-top: 0px;
}

.legals p {
    padding-bottom: 10px;
}

.legals h3 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.legals .data-protect-question {
    font-style: italic;
}

.legals .data-protect-browser {
    font-weight: 700;
}

.legals a {
    text-decoration: underline;
}

#container-mode-paiement {
    padding-top: 10px;
}

#container-mode-paiement > label {
    margin-bottom: 15px;
}

#container-mode-paiement li {
    margin-bottom: 10px;
}

.bouton-large-center {
    margin: 0 auto;
}

.moyen-paiement-cotisations .bouton-large-center {
    margin-top: 15px;
}

.moyen-paiement-cotisations .pj-limit {
    margin-top: 15px;
    margin-bottom: 15px;
}

.moyen-paiement-cotisations .pj-limit ul li {
    margin-bottom: 5px;
    list-style: square;
    margin-left: 30px;
}

.intro {
    font-size: 14px;
    color: #1985a7;
    margin-bottom: 10px;
}

#divBulletin.mandat #iframeBulletin {
    width: 96%;
}

.intro-lst-rib {
    font-weight: bold;
    margin-bottom: 15px;
    display: inline-block;
}

ul.bloc-pj-allow{
    list-style: square;
    margin-left: 35px;
}

ul.bloc-pj-allow li{
    font-style: italic;
}