* /* CSS file content :
 > Body
 > Header
 > Bannière Fournisseurs
 > Portlet Document à la une
 > Portlet 3 Documents
 > Portlet Quicklinks
 > Portlet Alertes
 > Portlet Demandes
 > XPages MyLutece
 > XPage Alertes
 > XPage Demandes
 > XPage tabs
 > XPage forms
 > Document content
 > Footer
 */
    /********************************
/* Body                         *
********************************/
    /* Fix for fixed-nav-bar*/  
body {
    height: 100%;
}

/* Lutece admin style do not remove ! */
.btn-group-portlet {
    float: right;
    margin: 5px 0 0 0;
    padding: 4px;
    background-color: #DEDEDE;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn-group-portlet form {
    margin-bottom: 2px !important;
}

.btn-group-portlet button {
    opacity: 0.6;
    margin: 0 1px;
    background-color: #DEDEDE !important;
}

.btn-group-portlet button:hover {
    opacity: 1;
    background-color: #DEDEDE !important;
}
/*
div.btn-group-portlet + [class^="portlet"]:hover,div.btn-group-portlet + [class*=" portlet"]:hover  > [class^="btn-group-portlet"]{background-color:#DEDEDE; }
*/
/* Lutece admin style do not remove ! */

/* Custom style */
.clear-both {
    clear: both;
}

.banner-porfour .container,.quicklinks-portlet .container,.document-alaune .container,.document-list-trio .container,.document-list-trio-videos .container,.navbar-inverse .navbar-inner .nav-collapse .container,.navbar-inverse .navbar-inner .navbar-footer .container,.form-background .container,.results-no-background .container,#inquiries-page .container,.tabs-container .container,.tabs-container-deamndes .container,#contact-page .container,#document-content .container,#document-content-portlet .container
    {
    width: 950px;
}

.append-bottom {
    margin-bottom: 1.5em;
}

.lutece-border-radius {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.portlet-document {
    padding: 5px;
}

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -103px;
}

#push,#footer {
    height: 103px;
}

/********************************/
/*  Header                      */
/********************************/

/*
.FAQ, .nav > li > a.FAQ {
    height: 32px;
    width: 19px;
    background-clip: content-box;
    background-color: transparent;
    background-image:url("../images/local/skin/interrogation.png");
    background-position: center 7px;
    background-repeat: no-repeat;
    padding-top: 7px;
}
*/

/* Barre de recherche */
#navbar-search {
    background-color: #00ABC7;
    background-image: none;
    filter: none;
    min-height: 0;
}

#navbar-search .nav li a {
    margin: 3px 4px 4px 4px;
    padding: 0;
}

#navbar-search .nav li .form-inline,.navbar-search .nav li .form-inline *
    {
    margin: 0;
}

#navbar-search .nav li .form-inline .input-append {
    background-color: white;
    border-radius: 3px;
    height: 19px;
    margin: 4px 0 4px 190px;
}

#navbar-search .nav li .form-inline .input-append input,#navbar-search .nav li .form-inline .input-append button
    {
    border: none;
    vertical-align: top;
}

#navbar-search .nav li .form-inline .input-append #appendedInput {
    color: #6E6E6E;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 4px;
    width: 250px;
}

#navbar-search .nav li .form-inline .input-append button {
    padding: 0 10px;
}

/* Barre de menus */
.navbar-inverse .navbar-inner { /*
    background-image: -moz-linear-gradient(top, #030303, #666666);
    background-image: -ms-linear-gradient(top, #030303, #666666);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#030303), to(#666666));
    background-image: -webkit-linear-gradient(top, #030303, #666666);
    background-image: -o-linear-gradient(top, #030303, #666666);
    background-image: linear-gradient(top, #030303, #666666);
    */
    background-image: url("../images/navbar-inverse-background.png");
    background-repeat: repeat-x;
    filter: none;
}

.navbar-inverse .navbar-inner-footer {
    background-image: url("../images/navbar-inverse-background.png");
    background-repeat: repeat-x;
    filter: none;
    height: 103px;
}

.navbar-inner-footer-porfou {
    background-image: url("../images/local/skin/footer/frise.png");
    height: 65px;
    filter: none;
    background-repeat: repeat-x;
    margin-top: 35px;
}

/*
.nav li a.text-blue {
    color: #99CCFF;
    display: block;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.nav li a.text-blue:hover, .nav li a.text-blue:focus {
    color: #99CCFF;
    display: block;
    font-weight: normal;
    background: none;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.nav li a.text-blue-bold {
    display: block;
    color: #99CCFF;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.nav li a.text-blue-bold:hover, .nav li a.text-blue-bold:focus {
    background: none;
    color: #99CCFF;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
*/
#menu-main {
    float: left;
    margin: 0;
    width: 80%;
    z-index: 2;
}

#menu-login {
    float: right;
    margin: 0;
    width: 20%;
    z-index: 2147483647;
}

#menu-main li,#menu-login li {
    line-height: 47px;
    padding: 0;
    position: relative;
    z-index: auto;
}

#menu-main li.dropdown-admin,#menu-main li.dropdown-account,#menu-main li.dropdown
    {
    float: left;
}

#menu-login li.fournisseur,#menu-login li.help {
    float: right;
}

#menu-main li.dropdown:hover,#menu-main li.dropdown-account:hover,#menu-main li.dropdown-admin:hover,#menu-main li.alwaysShow
    {
    background: none repeat scroll 0 0 #43bbef;
}

#menu-main li a,#menu-login li a {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#menu-main li.home a {
    padding: 5px 11px 5px 0;
}

#menu-main li.dropdown a,#menu-main li.dropdown-account a,#menu-main li.dropdown-admin a
    {
    color: #FFFFFF;
    padding: 5px 11px 5px 13px;
    /*text-shadow: 0 -1px 0 #000000;*/
}

#menu-login li.fournisseur a {
    font-weight: normal;
    color: #95CCFF;
    padding: 5px 11px 5px 13px;
}

#menu-login li.help a {
    padding: 5px 0 5px 13px;
}

#menu-main li.dropdown a:hover,#menu-main li.dropdown a:focus,#menu-main li.alwaysShow
    {
    background: none repeat scroll 0 0 #009fd9;
    background-size: 100% 1px;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#menu-main li.dropdown a:hover,#menu-main li.dropdown a:focus,#menu-main li.alwaysShow
    {
    background: none repeat scroll 0 0 #009fd9;
    background-size: 100% 1px;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#menu-main li.home a:hover,#menu-login li.fournisseur a:hover,#menu-login li.help a:hover
    {
    background: none;
}

#menu-main li.dropdown-admin ul,#menu-main li.dropdown-account ul,#menu-main li.dropdown ul,#menu-login li.fournisseur ul
    {
    display: none;
    left: 0;
    list-style-type: none;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    min-width: 100%;
}

#menu-main li.dropdown-admin:hover ul,#menu-main li.dropdown-admin.over ul,#menu-main li.dropdown-account:hover ul,#menu-main li.dropdown-account.over ul,#menu-main li.dropdown:hover ul,#menu-main li.dropdown.over ul,#menu-login li.fournisseur:hover ul,#menu.login li.fournisseur.over ul,#menu-main li.alwaysShow ul,#menu-main li.alwaysShowAccount ul,#menu-main li.alwaysShowAdmin ul
    {
    display: block;
    opacity: 1;
}

#menu-main li.dropdown-admin ul li,#menu-main li.dropdown-account ul li,#menu-main li.dropdown ul li,#menu-login li.fournisseur ul li
    {
    background: none repeat scroll 0 0 transparent;
    float: none;
    line-height: 15px;
    position: static;
}

#menu-main li.dropdown-admin ul li a,#menu-main li.dropdown-account ul li a,#menu-main li.dropdown ul li a,#menu-login li.fournisseur ul li a
    {
    font-weight: normal;
    padding-bottom: 7.5px;
    padding-top: 7.5px;
    white-space: nowrap;
}

#menu-main li.dropdown-admin ul li a,#menu-main li.dropdown-account ul li a,#menu-main li.dropdown ul li a
    {
    background: none repeat scroll 0 0 #43bbef;
}

#menu-login li.fournisseur ul li a {
    background: none repeat scroll 0 0 #343434;
}

#menu-main li.dropdown-admin ul li a:hover,#menu-main li.dropdown-account ul li a:hover,#menu-main li.dropdown ul li a:hover,#menu-login li.fournisseur ul li a:hover
    {
    color: #FFFFFF;
    text-decoration: none;
}

#menu-main li.dropdown-admin ul li a:hover,#menu-main li.dropdown-account ul li a:hover,#menu-main li.dropdown ul li a:hover
    {
    background: none repeat scroll 0 0 #009fd9;
}

#menu-login li.fournisseur ul li a:hover {
    background: none repeat scroll 0 0 #2E2E2E;
}

/********************************/
/*  Bannière fournisseurs       */
/********************************/
#logo-portail-fournisseurs {
    display: inline-block;
    /*margin: 14px 0 14px -68px; --> Alignement du log dans le conteneur du site */
    margin: 10px 0;
    outline: none;
}

#logo-paris {
    display: inline-block;
}

#logo-paris img {
    vertical-align: top;
}

/********************************/
/*  Portlet Document à la une   */
/********************************/
.document-alaune {
    background-image: url("../images/fond-vaguegrise-accueil.jpg");
    background-repeat: repeat-x;
    margin-top:-39px;
}

.document-alaune h3 {
    color: #313131;
    font-family: Arial, sans-serif;
    font-size: 35px;
    font-weight: bold;
    line-height: 35px;
    /* margin: 49px 0 0 0; --> Réduction de la marge haute pour essayer 
                               de gagner de la place sur la page d'accueil */
    margin: 30px 0 0 0;
}

.document-alaune .document-image-full-width {
    float: right;
    text-align: right;
    /*margin: -57px 8px 0 30px; --> Placement de l'image en butée en bas du bloc
    height: 292px; --> Réduction de la hauteur de l'image pour gagner
                         de la place sur la page d'accueil */
    margin: -27px 8px 0 30px;
    height: 232px;
    width: 402px;
}

.document-alaune .document-image-full-width img {
    border: solid #FAFAFA 1px;
    /*height: 290px; --> Réduction de la hauteur de l'image pour gagner
                         de la place sur la page d'accueil */
    height: 230px;
    width: 400px;
    outline: none;
}

.document-alaune .document-content {
    overflow: auto;
}

.document-alaune .document-title {
    color: #313131;
    font-family: Arial, sans-serif;
    font-size: 32px;
    line-height: 32px;
}

.document-alaune .document-catcher {
    font-family: Arial, sans-serif;
    font-size: 16px;
    margin: 20px 0;
}

/********************************/
/*  Portlet 3 Documents         */
/********************************/
.document-list-trio h3,.document-list-trio-videos h3 {
    color: #EB177E;
    font-family: Arial, sans-serif;
    font-size: 30px;
    line-height: 41px;
    margin: 28px 0;
}

.document-list-trio-videos h3 {
    background: url("../images/local/skin/actu-videos.png") no-repeat scroll
        left center transparent;
    padding-left: 55px;
}

/*
.document-list-trio .document-list-all {
    float: right;
    margin: 15px 35px 0 0;
}

.document-list-trio .document-list-all a {
    color: #EB177E;
    font-family: Arial,sans-serif;
    font-weight: bold;
}
*/
.document-trio {
    width: 280px;
    float: left;
    margin-right: 25px;
}

.document-trio .document-vignette img {
    width: 280px;
    height: 158px;
}

.document-trio .document-title {
    color: #EB177E;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 12px 0 2px;
}

.document-trio .document-catcher {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
}

.document-trio .document-detail-link {
    float: right;
    margin-top: 10px;
}

.document-trio .document-detail-link a {
    color: #EB177E;
    font-family: Arial, sans-serif;
    font-size: 0.85em;
    font-weight: bold;
}

/********************************/
/*  Portlet Quicklinks          */
/********************************/
.quicklinks-title {
    background-color: #F3F1DA;
    background-image: url("../images/quicklinks-title-background.png");
    background-repeat: repeat-x;
    background-position: top;
}

.quicklinks-title h3 {
    color: #D4B60A;
    background: url("../images/local/skin/quicklinks-title-arrow.png") left
        center no-repeat transparent;
    padding-left: 55px;
    font-family: Arial, sans-serif;
    font-size: 30px;
    display: inline;
}

.quicklinks-box { /*
    background-color: #45AEEA;
    background-image: linear-gradient(to bottom, #54c1f0, #00a0e6);
    background-repeat: repeat-x;
    color: white;
    border: 0px solid #1684C2;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    padding-bottom: 3px;
    padding-top: 3px;
    */
    background-color: #F3F1DA;
    color: #7A6B00;
}

.quicklinks-table {
    width: 890px;
}

.quicklinks-td {
    padding: 15px 10px;
    text-align: center;
}

.quicklinks-td-first {
    padding: 15px 10px 15px 0;
    text-align: center;
}

.quicklinks-td-last {
    padding: 15px 0 15px 10px;
    text-align: center;
}

.quicklinks-table td a {
    color: #776B19;
}

.quicklinks-separator {
    border-right: 3px solid #EBE6AC;
}

/************************************/
/*  Portlet Alertes (métier)        */
/************************************/
.alerts-portlet {
    width: 920px;
    margin: auto;
}

.alerts-portlet h3 {
    background: url("../images/local/skin/bulle.png") no-repeat scroll left
        center transparent;
    color: #049EE6;
    font-family: Arial, sans-serif;
    font-size: 30px;
    line-height: 41px;
    margin: 28px 0;
    padding-left: 55px;
}

.alerts-portlet .alerts-all {
    float: right;
    margin: 15px 35px 0 0;
}

.alerts-portlet .alerts-all a {
    color: #049EE6;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.alerts-portlet .alerts-left,.alerts-portlet .alerts-right {
    float: left;
    width: 430px;
    border-bottom: solid 1px #DFDFDF;
    /*margin-bottom: 47px; --> Réduction de la marge en-dessous pour essayer de gagner
                               de la place sur la page d'accueil */
    margin-bottom: 30px;
}

.alerts-portlet .alerts-left {
    margin-right: 31px;
}

.alerts-portlet .alert-line {
    height: 28px;
    border-top: solid 1px #DFDFDF;
    clear: both;
}

.alerts-portlet .alert-line p {
    line-height: 28px;
    margin: 0 0 0 10px;
    font-family: Arial, sans-serif;
}

.alerts-portlet .alert-date {
    font-weight: bold;
}

.alerts-portlet .alert-line img {
    float: right;
    margin: 4px 8px 0 0;
}

/********************************/
/*  Portlet Demandes (métier)   */
/********************************/
.inquiries-portlet {
    width: 920px;
    margin: auto;
}

.inquiries-portlet h3 {
    background: url("../images/local/skin/bulle.png") no-repeat scroll left
        center transparent;
    color: #049EE6;
    font-family: Arial, sans-serif;
    font-size: 30px;
    line-height: 41px;
    margin-top: 28px;
    padding-left: 55px;
}

.inquiries-portlet .inquiries-all {
    float: right;
    margin: 15px 35px 0 0;
}

.inquiries-portlet .inquiries-all a {
    color: #049EE6;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.inquiries-portlet table {
    margin: 0 30px 47px 0;
    width: 890px;
}

.inquiries-portlet table .column-1 {
    width: 9%;
    text-align: center;
    vertical-align: middle;
}

.inquiries-portlet table .column-2 {
    width: 25%;
    vertical-align: middle;
}

.inquiries-portlet table .column-3 {
    line-height: 14px;
    padding: 7px 20px 7px;
}

.inquiries-portlet table .column-4 {
    border-left: medium none;
    padding: 0 10px 0 0;
    vertical-align: middle;
    width: 10%;
    text-align: center;
}

.inquiries-portlet table thead {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
}

.inquiries-portlet table thead tr {
    height: 25px;
}

.inquiries-portlet table thead th {
    background-color: rgb(250, 250, 250);
    padding: 0px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
}

.inquiries-portlet table thead th.column-1 {
    border-right: 1px solid #CCCCCC;
}

.inquiries-portlet table thead th.column-2 {
    border-right: 1px solid #CCCCCC;
}

.inquiries-portlet table thead th span {
    display: block;
    background-color: #F3F3F3;
    margin: 2px 1px 0 0;
    padding: 8px 20px;
}

.inquiries-portlet table thead th a {
    float: right;
}

.inquiries-portlet table thead th a img {
    outline: none;
}

.inquiries-portlet table tbody td {
    font-family: Arial, sans-serif;
    line-height: 10px;
    vertical-align: top;
    font-size: 13px;
    padding: 10px 20px 10px;
}

.inquiries-portlet table tbody tr {
    border: 1px solid rgb(223, 223, 223);
}

.inquiries-portlet table tbody .odd td {
    background-color: #FFFFFF;
}

.inquiries-portlet table tbody .even td {
    background-color: #F3F3F3;
}

.inquiries-portlet table tbody .odd td.column-1 {
    color: rgb(74, 190, 239);
    font-weight: bold;
    border-right: 1px solid rgb(204, 204, 204);
    font-style: italic;
}

.inquiries-portlet table tbody .even td.column-1 {
    color: rgb(74, 190, 239);
    font-weight: bold;
    border-right: 1px solid rgb(204, 204, 204);
    font-style: italic;
}

.inquiries-portlet table tbody .odd td.column-2 {
    background-color: #99DCF9;
    color: #FFFFFF;
    font-weight: bold;
    border-right: 1px solid #CCCCCC;
}

.inquiries-portlet table tbody .even td.column-2 {
    background-color: #4ABEEF;
    color: #FFFFFF;
    font-weight: bold;
    border-right: 1px solid #CCCCCC;
}

/********************************/
/*  Portlet Alertes (métier)   */
/********************************/
.alertes-portlet {
    width: 920px;
    margin: auto;
}

.alertes-portlet h3 {
    background: url("../images/local/skin/bulle.png") no-repeat scroll left
        center transparent;
    color: #049EE6;
    font-family: Arial, sans-serif;
    font-size: 30px;
    line-height: 41px;
    margin-top: 28px;
    padding-left: 55px;
}

.alertes-portlet .alertes-all {
    float: right;
    margin: 15px 35px 0 0;
}

.alertes-portlet .alertes-all a {
    color: #049EE6;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.alertes-portlet .column1 {
    padding-right: 15px;
    width: 25%;
}

.alertes-portlet tr {
    width: 100%;
}

.alertes-portlet tr {
    border-bottom: 1px solid #D5D5D5;
    border-top: 1px solid #D5D5D5;
}

/********************************/
/*  XPages MyLutece             */
/********************************/
.mylutece-page {
    height: calc(100% -     236px);
    width: 100%;
}

.mylutece-page form .error {
    color: red;
}

.mylutece-page form .error-message {
    font-weight: bold;
}

#mylutece-login-form p.links {
    text-align: center;
}

#mylutece-login-form p.links a {
    display: inline-block;
    text-decoration: underline;
    width: 150px;
}

/********************************/
/*  XPage Alertes               */
/********************************/

/* A supprimer ?
#alerts-page h3 {
    background: url("../images/local/skin/bulle.png") no-repeat scroll left center transparent;
    color: #049EE6;
    font-family: Arial, sans-serif;
    font-size: 30px;
    line-height: 41px;
    margin: 0 0 25px 0;
    padding-left: 55px;
}
*/

/*
#alerts-page table {
    margin: auto;
    width: 80%;
}

#alerts-page td, #alerts-page th {
    border: 1px solid grey;
    padding: 5px 10px;
}
*/

/********************************/
/*  XPage Demandes              */
/********************************/

/* A supprimer ?
#inquiries-page h3 {
    background: url("../images/local/skin/bulle.png") no-repeat scroll left center transparent;
    color: #049EE6;
    font-family: Arial, sans-serif;
    font-size: 30px;
    line-height: 41px;
    margin: 0 0 25px 0;
    padding-left: 55px;
}
*/
#inquiries-page table {
    margin: auto;
    width: 80%;
}

#inquiries-page td,#inquiries-page th {
    border: 1px solid grey;
    padding: 5px 10px;
}

#inquiries-page td a {
    color: #555555;
}

#inquiries-page td a:hover {
    text-decoration: none;
}

#inquiries-page p.message-mdp,#inquiries-page p.message-fournisseur {
    border: 2px solid #646464;
    border-radius: 10px;
    padding: 10px;
    width: 75%;
    color: #383838;
}

#inquiries-page p.message-mdp {
    float: left;
    background-color: #DCE6F2;
}

#inquiries-page p.message-fournisseur {
    float: right;
    background-color: #D7E4BD;
}

#inquiries-page p.message-mdp .message-titre,#inquiries-page p.message-fournisseur .message-titre
    {
    font-weight: bold;
}

#inquiries-page #new-message-form {
    text-align: left;
    margin: 10px 0;
}

#inquiries-page #new-message-form textarea {
    width: 75%;
    padding: 10px;
}

/********************************/
/*  XPages tabs                 */
/********************************/
.tabs-container {
    background: url("../images/fond.jpg") repeat;
    border-bottom: solid 1px #E5E5E5;
    border-top: solid 1px #E5E5E5;
    font-family: Arial;
    font-size: 14px;
}

.tabs-container .tab-off {
    border-radius: 5px 5px 0 0;
    color: #656565;
    display: inline-block;
    line-height: 40px;
    margin: 0;
    margin-left: 7px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: auto;
    background-color: #E6E6E6;
    border: 1px solid #E5E5E5;
    border-bottom: 0;
    margin-top: 10px;
    margin-bottom: -1px;
    text-decoration: none;
}

.tabs-container .tab-on {
    border-radius: 5px 5px 0 0;
    color: #10A2E8;
    display: inline-block;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
    margin-left: 7px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: auto;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-bottom: 0;
    margin-top: 10px;
    margin-bottom: -1px;
    text-decoration: none;
}

.tabs-container-demandes .container {
    border-bottom: 1px solid #B6B6B6;
}

.tabs-container-demandes .tab-off {
    border-radius: 5px 5px 0 0;
    color: #656565;
    display: inline-block;
    line-height: 40px;
    margin: 0;
    margin-left: 7px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    text-align: center;
    width: auto;
    background-color: #EEEEEE;
    border: 1px solid #b6b6b6;
    margin-top: 10px;
    margin-bottom: -1px;
    text-decoration: none;
}

.tabs-container-demandes .tab-on {
    border-radius: 5px 5px 0 0;
    color: #10A2E8;
    display: inline-block;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
    margin-left: 7px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: auto;
    background-color: transparent;
    text-decoration: none;
    font-size: 15px;
    border: 1px solid #B6B6B6;
    border-bottom: 1px solid #F4F4F4;
    margin-top: 10px;
    margin-bottom: -1px;
}

/********************************/
/*  XPages forms                */
/********************************/
.form-background {
    background: url("../images/fond-vaguegrise.jpg") repeat;
    padding-top: 40px;
    margin-top: 5px;
}

.white-background {
    background: #FFFFFF;
    padding-top: 40px;
    margin-top: 0;
}

form {
    margin: 0;
}

form legend {
    border: medium none;
    color: #10A2E8;
    font-family: Arial;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.form-line.half-width {
    width: 49.5%;
    float: left;
}

.form-line {
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #CCCCCC;
}

.form-line.first {
    border-top: none;
    margin-top: 13px;
}

.form-line.last {
    border-bottom: none;
}

.form-line.no-border {
    border: none;
}

.field-container {
    display: inline-block;
    text-align: left;
    width: 100%;
    color: #333333;
}

.field-container.half-width {
    width: 49.5%;
}

.field-container.half-width-date-from-to {
    width: 49.5%;
    float: left;
}

.field-container label {
    display: inline;
    color: #333333;
}

.field-container label.bold-label,.field-container span.bold-label {
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 2px;
    margin-left: 50px;
    margin-right: 10px;
    margin-top: 0;
    vertical-align: top;
    width: 175px;
    text-align: right;
    color: #333333;
}

.field-container input[type="text"],.field-container input[type="password"],.field-container select
    {
    margin: 4px 0 2px 0;
    padding: 4px 8px;
}

.field-container input[type="text"],.field-container input[type="password"]
    {
    height: 16px;
    width: 200px;
}

.field-container select {
    height: 26px;
    width: 218px;
}

.field-container .options-container {
    display: block;
    overflow: auto;
}

.field-container input[type="radio"],.field-container input[type="checkbox"]
    {
    display: inline-block;
    float: left;
    margin: 4px 5px 4px 0;
}

.field-container .option-block {
    display: inline-block;
    padding-top: 7px;
    vertical-align: top;
}

.field-container .option-block.max-third-width {
    max-width: 32.9%;
    float: left;
}

.field-container .option-block.third-width {
    width: 32.9%;
    float: left;
}

.field-container .option-block.quarter-width {
    width: 24.5%
}

.field-container .option-block label {
    margin-right: 30px;
}

.form-actions {
    background: none;
    border: none;
    margin: 25px 0 0 0;
    padding: 10px 0;
    text-align: center;
}

.form-actions input[type="submit"],.form-actions .action-button {
    border-color: #3DAAE9;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15)
        rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #3DAAE9;
    background-image: linear-gradient(to bottom, #46AEEA, #2FA4E7);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',
        endColorstr='#ff0044cc', GradientType=0 );
    border-color: #3DAAE9 #3DAAE9 #3DAAE9;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=   false );
}

.results-no-background {
    background-color: white;
    padding: 20px 0;
}

p.noResult {
    text-align: center;
    font-style: italic;
}

/********************************/
/*  Document content            */
/********************************/
#document-content h3 {
    color: #313131;
    font-family: Arial, sans-serif;
    margin: 0 0 15px 0;
}

#document-content .document-image-full-width {
    float: right;
    margin: 0 0 20px 20px;
}

#document-content .document-image-full-width img {
    border: 1px solid #F5F5F5;
    height: 290px;
    width: 400px;
    outline: none;
}

#document-content .document-date {
    margin: 0;
}

#document-content-portlet h3 {
    
}

#document-content-portlet ul li a {
    color: #555555;
}

/********************************/
/*  Footer                      */
/********************************/

/*
.navbar-footer span{
    color:#ffffff;
    font-size:0.8em;
    text-transform: capitalize;
    line-height:50px;
    margin-left: 152px;
}
*/
#footer .navbar-inverse {
    margin: 0;
}

#footer .navbar-inverse .navbar-inner {
    border-radius: 0;
}

#footer-content {
    display: block;
    float: none;
    margin: auto;
    text-align: center;
}

#footer-content li {
    color: #FFFFFF;
    /*  display: inline-block; */
    float: none;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 50px;
    float: left;
    line-height: 10px;
    padding-top: 0;
}

#footer-content li a {
    color: #FFFFFF;
    line-height: 0px;
    padding: 1px 23px;
    text-shadow: -1px 0 0 rgba(0, 0, 0, 0.2);
}

.welcome-banner {
    float: right;
    font-weight: bold;
    margin-top: -50px;
}

form .legend_porfou_auth {
    border: medium none;
    color: #666666;
    font-family: Arial, sans-serif;
    font-weight: bold;
    line-height: 25px;
    margin: 0;
    text-shadow: 0 2px 1px white;
    text-align: left;
    font-size: 18px;
}

.a-forgotten-password {
    color: #555555;
    font-size: 11px;
    text-decoration: none;
}

.messageBlue {
    position: relative;
    border-radius: 6px 6px 6px 6px;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    text-align: justify;
    float: left;
    text-decoration: none;
    width: 400px;
    background: #f3fbfe; /* Old browsers */
    background: -moz-linear-gradient(top, #f3fbfe 0%, #dde2e6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3fbfe),
        color-stop(100%, #dde2e6) ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3fbfe 0%, #dde2e6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3fbfe 0%, #dde2e6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3fbfe 0%, #dde2e6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f3fbfe 0%, #dde2e6 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#f3fbfe',
        endColorstr='#dde2e6', GradientType=0 ); /* IE6-8 */
}

.messageBlueBefore {
    float: left;
    margin-left: 26px;
    border-width: 10px 30px 0 3px;
    border-style: solid;
    border-color: #CCCCCC transparent;
    display: block;
    width: 0;
    content: '';
    position: relative;
}

.messageBlueAfter {
    float: left;
    margin-left: 26px;
    margin-top: -21px;
    border-width: 10px 30px 0 3px;
    border-style: solid;
    border-color: #dde2e6 transparent;
    display: block;
    width: 0;
    content: '';
    position: relative;
}

.messageBlue .line {
    border-bottom: 1px solid #cccccc;
}

.messageBlue .title {
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #cccccc;
}

.messageBlue .title .emetteur {
    color: #3daae9;
    font-weight: bold;
}

.messageBlue .title .date {
    color: #737575;
    float: right;
}

.messageGreen {
    position: relative;
    border-radius: 6px 6px 6px 6px;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    text-align: justify;
    text-decoration: none;
    float: right;
    width: 400px;
    background: #e7ffdf; /* Old browsers */
    background: -moz-linear-gradient(top, #e7ffdf 0%, #d3e7cb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7ffdf),
        color-stop(100%, #d3e7cb) ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e7ffdf 0%, #d3e7cb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e7ffdf 0%, #d3e7cb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e7ffdf 0%, #d3e7cb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e7ffdf 0%, #d3e7cb 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#e7ffdf',
        endColorstr='#d3e7cb', GradientType=0 ); /* IE6-8 */
}

.messageGreenAfter {
    float: right;
    margin-right: 24px;
    margin-top: -21px;
    border-width: 10px 3px 0 30px;
    border-style: solid;
    border-color: #d3e7cb transparent;
    display: block;
    width: 0;
    content: '';
    position: relative;
}

.messageGreenBefore {
    float: right;
    margin-right: 24px;
    border-width: 10px 3px 0 30px;
    border-style: solid;
    border-color: #CCCCCC transparent;
    display: block;
    width: 0;
    content: '';
    position: relative;
}

.messageGreen .line {
    border-bottom: 1px solid #cccccc;
}

.messageGreen .title {
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #cccccc;
}

.messageGreen .title .emetteur {
    color: #737575;
    font-weight: bold;
}

.messageGreen .title .date {
    color: #737575;
    float: right;
}

.tabs-container a.onglet-vertical-off {
    display: block;
    border-radius: 10px 0px 0 0;
    background-color: white;
    text-align: left
}

.tabs-container p.onglet-vertical-on {
    display: block;
    border-right: 5px solid #EDEDED;
    border-radius: 10px 0px 0 0;
    background-color: #F5F5F5;
    text-align: left;
}

a.cancelButton {
    background-image: -moz-linear-gradient(center top, #16AFE8, #0283BC);
    border-radius: 8px;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    width: 210px;
    color: white
}

.label-email {
    color: #444444;
    display: block;
    float: left;
    font-weight: bold;
    margin: 0;
    padding-right: 5px;
    text-align: right;
    width: 30%;
}

.onglet-bordure-right {
    margin-right: -2px;
}

a.onglet-on {
    color: #2FA4E7;
    border-radius: 10px 0px 0px 10px;
}

a.onglet-off {
    color: #FFFFFF;
    border-radius: 10px 0px 0px 10px;
    background-color: #A4A4A4;
}

.label-inscription {
    color: #444444;
    display: block;
    float: left;
    font-weight: bold;
    margin: 0;
    padding-right: 5px;
    padding-top: 3px;
    text-align: right;
    width: 30%;
 }
 
 
 .field-container-modification {
    display: inline-block;
    text-align: left;
    width: 100%;
}

 .field-container-modification-nowrap {
    display: inline-block;
    text-align: left;
    width: 100%;
    white-space: nowrap;
}

.field-container-modification.half-width {
    width: 49.5%;
}

.field-container-modification.half-width-date-from-to {
    width: 49.5%;
    float: left;
}

.field-container-modification label, .field-container-modification-nowrap label {
    display: inline;
}

.field-container-modification label.bold-label, .field-container-modification-nowrap label.bold-label, .field-container span.bold-label
    {
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 0;
    margin-bottom: 8px;
    margin-left: 50px;
    margin-right: 10px;
    margin-top: 15px;
    vertical-align: top;
    width: 260px;
    text-align: right;
    color: #333333;
}

.field-container-modification input[type="text"],.field-container-modification input[type="password"],.field-container-modification select
    {
    margin: 4px 0 2px 0;
    padding: 4px 8px;
}

.field-container-modification-nowrap input[type="text"],.field-container-modification-nowrap input[type="password"],.field-container-modification-nowrap select
    {
    margin: 4px 0 2px 0;
    padding: 4px 8px;
}

.field-container-modification input[type="text"],.field-container-modification input[type="password"]
    {
    height: 16px;
    width: 200px;
}

.field-container-modification-nowrap input[type="text"],.field-container-modification-nowrap input[type="password"]
    {
    height: 16px;
    width: 200px;
}

.field-container-modification select, .field-container-modification-nowrap select {
    height: 26px;
    width: 218px;
}

.field-container-modification .options-container{
    display: block;
    overflow: auto;
}

.field-container-modification input[type="radio"],.field-container-modification input[type="checkbox"]
    {
    display: inline-block;
    float: left;
    margin: 4px 5px 4px 0;
}

.field-container-modification-nowrap input[type="radio"],.field-container-modification-nowrap input[type="checkbox"]
    {
    display: inline-block;
    float: left;
    margin: 4px 5px 4px 0;
}

.field-container-modification .option-block {
    display: inline-block;
    padding-top: 7px;
    vertical-align: top;
}

.field-container-modification .option-block.max-third-width {
    max-width: 32.9%;
    float: left;
}

.field-container-modification .option-block.third-width {
    width: 32.9%;
    float: left;
}

.field-container-modification .option-block.quarter-width {
    width: 24.5%
}

.field-container-modification .option-block label {
    margin-right: 30px;
}

.container-big { /* Anciens navigateurs */
    background: lightgrey url("degradeBleu-bg.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Navigateurs récents */
    background: -webkit-gradient(linear, left top, left bottom, from(silver),
        to(lightgrey) );
    background: -webkit-linear-gradient(top, silver, lightgrey);
    background: -moz-linear-gradient(top, silver, lightgrey);
    background: -o-linear-gradient(top, silver, lightgrey);
    background: linear-gradient(top, silver, lightgrey);
}

.form-background-grey {
    background: url("../images/fond.jpg") repeat;
    padding-top: 40px;
}

.container-light-grey {
    background-color: #DBDBDB;
}

.container-donnees-fournisseur {
    margin-right: auto;
    margin-left: auto;
    margin-top: 22px;
    *zoom: 1;
}

.container-donnees-fournisseur:before,.container-donnees-fournisseur:after
    {
    display: table;
    content: "";
    line-height: 0;
}

.container-donnees-fournisseur:after {
    clear: both;
}

.container-donnees-fournisseur-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
}

.container-donnees-fournisseur-fluid:before,.container-donnees-fournisseur-fluid:after
    {
    display: table;
    content: "";
    line-height: 0;
}

.container-donnees-fournisseur-fluid:after {
    clear: both;
}

.title-donnees-fournisseur {
    font-family: Arial, sans-serif;
    font-size: 22px;
}

.label-fiche-fournisseur {
    font-size: 13px;
    font-weight: bold;
}

.field-container .select_fiche_fournisseur {
    margin-left: 57px;
}

.form-actions-afficher-fournisseur {
    padding: 19px 20px 20px;
    margin-top: -40px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
    width: 250px;
    margin-left: 415px;
}

.form-actions-afficher-fournisseur:before,.form-actions-afficher-fournisseur:after
    {
    display: table;
    content: "";
    line-height: 0;
}

.form-actions-afficher-fournisseur:after {
    clear: both;
}

.container-lightgrey {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}

.container-lightgrey:before,.container-lightgrey:after {
    display: table;
    content: "";
    line-height: 0;
}

.container-lightgrey:after {
    clear: both;
}

.container-lightgrey-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
}

.container-lightgrey-fluid:before,.container-lightgrey-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}

.container-lightgrey-fluid:after {
    clear: both;
}

.inscription-title {
    padding-left: 20px;
    padding-top: 0px;
    color: rgb(4, 158, 230);
    font-size: 30px;
    font-family: Arial, sans-serif;
}

.blocModifAdresseBoitePostale {
    float: left;
    position: absolute;
    margin-left: 600px;
    line-height: 22px;
    margin-top: 57px;
    color: red;
}

.blocModifNom {
    float: left;
    position: absolute;
    margin-left: 600px;
    line-height: 22px;
    margin-top: 57px;
    color: red;
}

.login_form_desciption_text {
    margin-left: 42px;
    margin-top: -140px;
    line-height: 20px;
}

.login_form_description_icon {
    width: 36px;
    line-height: 26px;
}

.account {
    margin-bottom: 0px;
    width: 41px;
    height: 47px;
    display: block;
}

.account:hover {
    margin-bottom: 0px;
    width: 41px;
    height: 47px;
    display: block;
    background-image:
        url("../images/local/skin/menu/moncompte_mouseover.png");
}

.admin {
    margin-bottom: 0px;
    width: 39px;
    height: 47px;
    display: block;
}

.admin:hover {
    margin-bottom: 0px;
    width: 39px;
    height: 47px;
    display: block;
    background-image:
        url("../images/local/skin/menu/parametres_mouseover.png");
}

#menu-main li.dropdown-account {
    background-image:
        url("../images/local/skin/menu/moncompte_mouseout.png");
}

#menu-main li.dropdown-account:hover,#menu-main li.alwaysShowAccount {
    background-image:
        url("../images/local/skin/menu/moncompte_mouseover.png");
}

#menu-main li.dropdown-admin {
    background-image:
        url("../images/local/skin/menu/parametres_mouseout.png");
}

#menu-main li.dropdown-admin:hover,#menu-main li.alwaysShowAdmin {
    background-image:
        url("../images/local/skin/menu/parametres_mouseover.png");
}

.custom-tabs {
    background: url("../images/fond.jpg") repeat;
}

li.tab {
    margin-right: 15px;
    background-color: transparent;
}

li.tab.active a,li.tab.active a:hover {
    color: #10A2E8;
    font-weight: bold;
    font-size: 13px;
    font-family: Arial;
    background-color: #FFFFFF;
    line-height: 13px;
    margin-top: 10px;
}

li.tab a {
    color: #656565;
    font-size: 13px;
    font-family: Arial;
    background-color: #E6E6E6;
    line-height: 13px;
    margin-top: 10px;
}

span.field-modification-old {
    margin: 0;
    text-decoration: line-through;
}

span.field-modification-new {
    margin: 0;
    color: #F71480;
}

.label_fournisseur {
    font-size: 11px;
    line-height: 17px;
    color: black;
    vertical-align: baseline;
    white-space: nowrap;
    background-color: #DFDFDF;
    display: block;
    margin: 5px;
    border: 1px solid #BBB;
    float: left;
    padding-right: 4px;
}

.toggle_detail {
    cursor: pointer;
}

.suppFournisseur {
    cursor: pointer;
}

.imgPointer {
    cursor: pointer;
    margin: 1px;
}

.porfou-well {
     padding: 5px;
     background-color: #FBFBFB;
}

.porfou-well-header {
    color: #10A2E8;
    font-size: 15px;
    font-family: Arial;
    font-weight: bold;
    margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid #DDD;
    width: 96%;
    padding-bottom: 7px;
    cursor:pointer;
}

.no-margin-left {
    margin-left:0px !important;
}

.no-margin-right {
    margin-right:0px !important;
}

.no-margin-top {
    margin-top:0px !important;
}

.no-margin-bottom {
    margin-bottom:0px !important;
}

.no-margin {
    margin: 0px !important;
}

.little-label {
    width: 100px !important;
}

.dataTables_filter {
    float: left !important;
}

.dataTables_filter input {
    margin-bottom: 0px;
}

.no-float {
    float: none !important;
}
.pull-right {
    float: right !important;
}

.text-blue {
    color : #10A2E8 !important;
}

.inline-well {
    background-color:white;
    margin:5px;
    padding:5px;
    border: 1px solid #EFEFEF;
    width : 90%;
    margin-left : 50px;
}

.no-cursor {
    cursor : auto;
}

.big-label {
    font-size : 15px !important;    
}

.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top: -3px; margin-right: 2px;}
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

.breadcrumb {
    margin-left: auto;
    margin-right: auto;
    width: 920px;
    padding: 8px 15px;
    list-style: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#breadcrumb-div {
    width: 920px;
    margin-left: auto;
    margin-right: auto;
}

.welcome-login {
    color: rgb(85, 85, 85);
    margin: 11px auto;
    float: right;
    text-align: right;
    padding-bottom: 0px;
    height: 28px;
    white-space: nowrap;
}

label.detailFacture {
	width: 212px;
	display: block;
	margin-left: auto;
}

.alert-warning {
    color: #c09853;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.full-width {
    width: 100% !important;
}

.spinner {
    text-align:center;
}