#top {
    z-index: 99;
}

.column-4 {
    width: 33%;
    float:left;
}
.column-6 {
    width: 49%;
}
.center {
    text-align: center;
    margin: 0 auto;
}
.left {
    float: left;
    margin-right: 1%;
}
.right {
    float: right;
    margin-left: 1%;
}
.box-title {
    background-color: #17375e;
    color: #ffffff;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 700;
}
.box-content {
    background-color: #dce6f2;
    padding: 8px 0px 8px 8px;
}
.box-content .row {
    padding-top: 4px;
    padding-bottom: 4px;
}
.box-content .row > label {
    float: left;
    margin-right: 1%;
    width: 49%;
    font-size: 0.95em;
}
.box-content .row > input {
    float: left;
    margin-left: 1%;
    width: 40%;
}
.clearfix {
    width: 100%;
    clear: both;
}
.sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}
.sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}

.rouge {
    color: red;
}
.smaller {
    font-size: smaller;
}
.underline {
    text-decoration: underline;
}
.informations-mail {
    line-height: normal;
    font-size: x-small;
    margin-top:10px;
}
#newuserform input[type=text],
#newuserform input[type=password]{
    padding: 2px;
}
#titreform, #logo {
    float: left;
}
#deconnexion {
    float:right;
    margin-top: 20px;
    margin-right: 20px;
    text-decoration: underline;
    font-size: smaller;
}
input.genericbuttonc {
    display: inline-block;
    height: auto !important;
    padding: 9px 60px 9px 10px;
    background: #17375e url("../../ecfr/static/head-css/images/puce-btn.gif") no-repeat scroll 93% 50%;
    color: #ffffff;
    font-weight: 700;
    cursor: pointer;
    border:0;
}
input.genericbuttonc:hover {
    background-color: #ff8740;
}
.champ-invalide {
    background-color: #fdd;
}
.messages {
    position: absolute;
    background-color: #fff;
    border: 1px solid red;
    display: none;
}
.msg-error,
#inscript-error {
    color: red;
    text-align: center;
    font-size: smaller;
}
.ValidationCheckLog,
.ValidationCheckInscript {
    float: left;
    margin: 0 0 0 2px;
    padding: 3px 0 3px 14px;
}
.ValidationOk {
    background: rgba(0, 0, 0, 0) url("../../skins/images/specific-country/picto/check-icon-confirm.png") no-repeat scroll left center;
}
.ValidationKo {
    background: rgba(0, 0, 0, 0) url("../../skins/images/specific-country/picto/check-icon-failure.png") no-repeat scroll left center;
}

#op-reinit-pwd {
    display: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit;
    text-decoration: underline;
    font-size: smaller;
}

#select_garage,
div.personal-account-block,
#dialog-form,
#inscript-error
{
    display:none;
}

.ui-widget-header {
    background: #17375e url("../../js/ui/images/ui-bg_gloss-wave_35_17375e_500x100.png") repeat-x scroll 50% 50%;
    border: 1px solid #17375e;
    color: #ffffff;
    font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #f6f6f6 url("../../js/ui/images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #cccccc;
    color: #1c94c4;
    font-weight: bold;
}
.ui-state-default .ui-icon {
    background-image: url("../../js/ui/images/ui-icons_228ef1_256x240.png");
}
.dialog-reaffect-distrib {
    font-size: small;
}

.genericbuttonc.bt-abo-garage,
.genericbuttonc.bt-abo-login {
    display: none
}
.validateTips {
    color: red;
    font-size: small;
}
.noir {
    color: #000;
}
#dialog-form .dialog-reaffect-distrib,
#dialog-form  .informations-mail {
    display: none;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    top: 33%!important;
}
.dialog-reaffect-distrib a {
    text-decoration: underline;
}
#select_garage {
    margin-left: 20px;
}
.ui-tooltip {
    padding : 0!important;
}
.ui-tooltip-content {
    padding: 8px;
    margin-bottom: 1px;
}
.custom-tooltip-styling {
    color: #f77!important;
    background: rgba(0, 0, 0, 0) url("../../skins/images/specific-country/error_message_top.gif") no-repeat scroll left top!important;
    width: 150px!important;
    font-size: 10px!important;
    border-radius:0!important;
    box-shadow: none!important;
    border-width:0!important;
}
.custom-tooltip-styling:after {
    content : "";
    background: url("../../skins/images/specific-country/error_message_bottom.gif") no-repeat left bottom;
    z-index: -2;
    clear: left;
    float: left;
    height: 2px;
    width: 150px;
}
/* ne fontionne pas @TODO trouver cpomment ajouter le trait du bas de la bulle */
.ui-effects-wrapper {
    background: transparent url("../../skins/images/specific-country/error_message_bottom.gif") no-repeat bottom left!important;
    width: 150px!important;
}
/* fin ne fonctionne pas */

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    background: none !important;
    background-color: #fdd !important;
    border: 1px solid #ccc;
    color: #000;
}