/********************************************
   AUTHOR:  			GSIE TECHNOLOGY
   WEBSITE:   			http://www.gsietechnology.com/
   VERSION:          1.1
 *******************************************/

/********************************************
   HTML ELEMENTS
********************************************/

/* Top Elements */
/** { margin: 0; padding: 0; outline: 0 }*/
*{
    outline: 0;
    outline-style:none;
    outline-width:0;
}

body {
    /*    background: #fff;
        font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
        color: #555;
        text-align: center;
        width: 100%;*/
    background-color: #ffffff; 
    /*    background-image: url(../images/header1.png);*/
    background-image: url(../images/bg_menu_left_titre.png);
    background-repeat: repeat-x;
    color: #666;
    font-size:12px;
    font-family:'Trebuchet MS',Verdana,Arial,sans-serif;
    line-height: 130%;
    margin: 0;
}

/* links */
a, a:visited {
    text-decoration: none;
    color: #2180BC;
    background: inherit;
    cursor: pointer;

}
a:hover {
    color: black;
    background: inherit;
    text-decoration: underline;
    cursor: pointer;
}

form a:hover{
    text-decoration: none;
}

/* headers */
h1, h2, h3 {
    font-family: 'Trebuchet MS', Tahoma, Sans-serif;
}
h1 {
    font-size: 150%;
    font-weight: normal;
    color: #006699;
}
h2 {
    font-size: 12px;
    text-transform: uppercase;
    color: #006699;
}
h3 {
    font-size: 120%;
    color: #666666;
}

/* images */
img {
    /*    background: #FAFAFA;*/
    border: 0px solid #E5E5E5;
    /*    padding: 5px;*/
}
img.float-right {
    margin: 5px 0px 10px 10px;
}
img.float-left {
    margin: 5px 10px 10px 0px;
}

h1, h2, h3, p {
    padding: 5px;
    margin: 0;
}
ul, ol {
    margin: 5px 20px;
    padding: 0 20px;
}

code {
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
    /* white-space: pre; */
    background: #FAFAFA;
    border: 1px solid #f2f2f2;
}
acronym {
    cursor: help;
    border-bottom: 1px dotted #777;
}
blockquote {
    margin: 10px;
    padding: 0 0 0 28px;
    border: 1px solid #f2f2f2;
    /*    background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;*/
}
#statut {
    min-width: 100px;
    color: #555;
    /*padding: 4px;*/
    border: 1px solid #BDC7D8;/*#B5B8C8*/ 
    font-size: 12px;
    /*margin-top: 4px;*/
    background: #FFF repeat-x;
}
.statut {
    min-width: 100px;
    color: #555;
    /*padding: 4px;*/
    border: 1px solid #BDC7D8;/*#B5B8C8*/ 
    font-size: 12px;
    /*margin-top: 4px;*/
    background: #FFF repeat-x;
}
.champ-bold{
    /*    font-weight: bold;*/
    font-size: 12px;
    text-decoration: underline;

}
.champ-select {
    min-width: 170px;
    color: #555;
    /*padding: 4px;*/
    /*    border: 1px solid #BDC7D8;#B5B8C8 
        font-size: 12px;
        margin-top: 4px;
        background: #FFF repeat-x;*/
}

/* start - table simple */
table.list-simple {
    border-collapse: collapse;
    margin-top: 10px;
    /*border: 1px solid #E3E7EC;*/
    /*    table-layout: fixed;*/
}

table.list-simple th strong {
    color: #000; /*#fff;*/
}

table.list-simple th {
    /*    background: #BFC4CD;#2d3e7e;*/
    /*    background-color: #e6EEEE;*/
    height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    /*    text-align: left;*/
    /*    border: 1px solid #E3E7EC;*/
    border: 1px solid #BFC4CD;
    /*    white-space: nowrap;*/
    /*    border-bottom: solid 2px #E3E7EC;*/
}

table.list-simple tr {
    height: 22px;
}

table.list-simple td {
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #E3E7EC;
    border-bottom: solid 1px #E3E7EC;
    /*    white-space: nowrap;*/

}
table.list-simple thead tr {
    background: #e6EEEE;
    cursor: text;
}

table.list-simple tr:hover {
    background: transparent;
    cursor: text;
    /*font-weight: bold;*/
}

table.list-simple tr.bottom:hover {
    background: none;
    cursor: default;
}

table.list-simple td.first,th.first {
    border-left: 0px;
}

table.list-simple tr.row-a {
    background: #F8F8F8;
}

table.list-simple tr.row-b {
    background: #EFEFEF;
}
/*Table simple */
/* tables */
table.table-suivi {
    /*font-family:arial;
        background-color: #CDCDCD;
        margin:10px 0pt 15px;
        font-size: 8pt;
        width: 100%;
        text-align: left;*/
    border: 1px solid #E3E7EC;
    border-collapse: collapse;
    margin-top: 10px;
}
table.table-suivi thead tr th, table.table-suivi tfoot tr th {
    /*    background-color: #e6EEEE;
        border: 1px solid #FFF;
        font-size: 8pt;
        padding: 4px;*/
    /*    background-color: #BFC4CD;*/
    background-color: #e6EEEE;
    height: 22px;
    padding-left: 12px;
    padding-right: 20px;
    color: #000;
    text-align: left;
    /*    border: 1px solid #E3E7EC;*/
    border: 1px solid #BFC4CD;
    /*    border-bottom: solid 1px #E3E7EC;*/
    font: bold;

}
table.table-suivi thead tr td, table.table-suivi tfoot tr td {
    /*    background-color: #BFC4CD;*/
    background-color: #e6EEEE;
    height: 22px;
    padding-left: 12px;
    padding-right: 12px;
    color: #000;
    text-align: left;
    /*    border: 1px solid #E3E7EC;*/
    border: 1px solid #BFC4CD;
    /*    border-bottom: solid 2px #E3E7EC;*/
    font: bold;
}
table.table-suivi thead tr .header {
    background-image: url(../images/table-suivi/bg.gif);
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
}
table.table-suivi tbody td {
    color: #3D3D3D;
    padding: 4px;
    /*    background-color: #F0F0F0;*/
    vertical-align: top;
    border: solid 1px #E3E7EC;
}

table.table-suivi tbody tr.odd td {
    background-color:#FFFFFF;
}

table.table-suivi tbody tr.odd.over td, table.table-suivi tbody tr.over td {
    background-color: #DFEDFD;
    cursor: default;
}

table.table-suivi thead tr .headerSortUp {
    background-image: url(../images/tablesorter/asc.gif);
}

table.table-suivi thead tr .headerSortDown {
    background-image: url(../images/tablesorter/desc.gif);
}

table.table-suivi thead tr .headerSortDown, table.table-suivi thead tr .headerSortUp {
    background-color: #DFEDFD;
}
/* start - table */
table.list {
    border-collapse: collapse;
    margin-top: 10px;
    /*border: 1px solid #E3E7EC;*/

    table-layout: fixed;
}

table.list th strong {
    color: #000; /*#fff;*/
}

table.list th {
    /*    background: #BFC4CD;#2d3e7e;*/
    background-color: #e6EEEE;
    height: 22px;
    padding-left: 12px;
    padding-right: 12px;
    color: #000;
    text-align: left;
    border: 1px solid #E3E7EC;
    border-bottom: solid 2px #E3E7EC;
}

table.list tr {
    height: 22px;
}

table.list td {
    padding-left: 11px;
    padding-right: 11px;
    border: 1px solid #E3E7EC;
    border-bottom: solid 1px #E3E7EC;
}

table.list tr:hover {
    background: transparent;
    cursor: text;
    /*font-weight: bold;*/
}

table.list tr.bottom:hover {
    background: none;
    cursor: default;
}

table.list td.first,th.first {
    border-left: 0px;
}

table.list tr.row-a {
    background: #F8F8F8;
}

table.list tr.row-b {
    background: #EFEFEF;
}
/*Table Form */
/* start - table */
table.tabForm {
    border-collapse: collapse;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
}

table.tabForm th strong {
    color: #000; /*#fff;*/
}

table.tabForm th {
    background: #F6A69A;/*#2d3e7e;*/ 
    height: 22px;
    padding-left: 6px;
    padding-right: 2px;
    color: #fff;
    text-align: left;
    border: 1px solid #E3E7EC;
    border-bottom: solid 2px #E3E7EC;
}

table.tabForm tr {
    height: 22px;
}

table.tabForm td {
    padding-left: 6px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;

}

table.tabForm tr:hover {
    /* background: #DFEDFD;*/

}

table.tabForm tr.bottom:hover {
    background: none;

}

table.tabForm td.first,th.first {
    border-left: 0px;
}

table.tabForm tr.row-a {
    background: #F8F8F8;
}

table.tabForm tr.row-b {
    background: #EFEFEF;
}


/* start - table list barre bottom */
table.listBarreBottom {
    border-collapse: collapse;
    margin-top: 10px;
}

table.listBarreBottom th strong {
    color: #000; /*#fff;*/
}

table.listBarreBottom th {
    /*    background: #BFC4CD;#2d3e7e; FIXME
        height: 22px;
        padding-left: 12px;
        padding-right: 12px;
        color: #000;
        text-align: left;
        border-left: 1px solid #E3E7EC;
        border-bottom: solid 2px #E3E7EC;*/
    background-color: #e6EEEE;
    height: 22px;
    padding-left: 12px;
    padding-right: 20px;
    color: #000;
    text-align: left;
    /*    border: 1px solid #E3E7EC;*/
    border: 1px solid #BFC4CD;
    /*    border-bottom: solid 1px #E3E7EC;*/
    font: bold;
}

table.listBarreBottom tr {
    height: 22px;
    background-color: #FFF;
}

table.listBarreBottom td {
    padding-left: 11px;
    padding-right: 11px;
    /*border-left: 1px solid #E3E7EC;*/
    border-bottom: solid 1px #E3E7EC;
    background-color: #FFF;
}

table.listBarreBottom tr:hover {
    /*    background: #DFEDFD;*/
    /*font-weight: bold;*/
    /*    cursor: pointer;*/
}

table.listBarreBottom td.first,th.first {
    border-left: 0px;
}

table.listBarreBottom tr.row-a {
    background: #F8F8F8;
}

table.listBarreBottom tr.row-b {
    background: #EFEFEF;
}

.single-title {

    background-color: #e6EEEE;
    height: 22px;
    padding-left: 12px;
    padding-right: 20px;
    color: #000;
    text-align: left;
    border: 1px solid #BFC4CD;
    font: bold;
}
.clotureForcee{
    background-color: #ffcccc;
}
.ligneDocumente{
    background: #ffcccc;
}
.ligneImpaire{
    background: #FFF;
}


.lignePaire{
    background: #F0F0F0;
}
.ligneActive{
    background: #DFEDFD;
}
.ligneSeparateurInsert {
    margin:10px 0 10px 0;
    font: Bold 100% 'Trebuchet MS', Tahoma, Sans-serif;
    color: black;
    padding: 5px 0 5px 10px;
    border-bottom: 1px solid #CDB695/*#473527*/;
    text-transform: none;
    text-align: left;
}
/*search*/
table.search {
    border-collapse: collapse;
    margin-top: 10px;
}

table.search th strong {
    color: #fff;
}

table.search th {
    background: #2d3e7e;
    height: 22px;
    padding-left: 12px;
    padding-right: 12px;
    color: #FFF;
    text-align: left;
    border-left: 1px solid #B6D59A;
    border-bottom: solid 2px #FFF;
}

table.search tr {
    height: 22px;
}

table.search td {
    padding-left: 11px;
    padding-right: 11px;
    border-left: 1px solid #FFF;
    /*border-bottom: solid 1px #ffffff;*/
}

table.search td.first,th.first {
    border-left: 0px;
}

table.search tr.row-a {
    background: #F8F8F8;
}

table.search tr.row-b {
    background: #EFEFEF;
}
/*  titre list **/
table.titreList {
    border-collapse: collapse;
    margin-top: 10px;
}

table.titreList th strong {
    color: #fff;
}

table.titreList th {
    background: #e6EEEE;/*#c30;*/
    height: 22px;
    padding-left: 12px;
    padding-right: 12px;
    color: #000;
    text-align: left;
    /*    border-left: 1px solid #B6D59A;
        border-bottom: solid 2px #FFF;*/
    border: 1px solid #BFC4CD;


}

table.titreList tr {
    height: 22px;
}

table.titreList td {
    padding-left: 11px;
    padding-right: 11px;
    border-left: 1px solid #FFF;
    /*border-bottom: solid 1px #ffffff;*/
}

table.titreList td.first,th.first {
    border-left: 0px;
}

table.titreList tr.row-a {
    background: #F8F8F8;
}

table.titreList tr.row-b {
    background: #EFEFEF;
}

/* end - table */
/* collapse */
dt {
    margin-top: 10px;
    font: Bold 100% 'Trebuchet MS', Tahoma, Sans-serif;
    color: black;
    padding: 5px 0 5px 25px;
    border-bottom: 1px solid #EFF0F1;
    /*    background: #FFF url(../images/arrow_up.gif) no-repeat 3px 50%;*/

    text-transform: none;
}


.layer1 {
    margin: 0;
    padding: 0;
    width: 500px;
}

.titreCollapse {
    margin: 1px;
    color: #fff;
    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    background-color:#c30;
}
.contentCollapse {
    padding: 5px 10px;
    background-color:#fafafa;
}
p { padding: 5px 0; }
/* end collapse*/
/* form elements */
form {
    margin:0px; padding: 0 5px;
    /*    border: 1px solid #f2f2f2;*/
    /*background-color: #FAFAFA;*/
}
label {
    display:block;
    font-weight:bold;
    margin:5px 0;
}
input {
    padding:2px;
    border:1px solid #BDC7D8;
    font: normal 1em Verdana, sans-serif;
    color:#777;
}
textarea {
    /*width:400px;*/
    padding:2px;
    font: normal 1em Verdana, sans-serif;
    border:1px solid #BDC7D8;
    /*height:100px;*/
    display:block;
    color:#777;
}
input.button {
    font: bold 12px Arial, Sans-serif;
    height: 24px;
    margin: 0;
    padding: 2px 3px;
    color: #FFF;
    /*    background: #8EB50C url(../images/button-bg.jpg) repeat-x 0 0;*/
    border: none;

}
input.button:hover{
    background: #c30;
}
/* search form */
.searchform {
    background-color: transparent;
    border: none;
    margin: 0; padding: 5px 0 15px 0;
    width: 190px;
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox {
    width: 120px;
    color: #777;
    height: 18px;
    padding: 2px;
    border: 1px solid #E5E5E5;
    vertical-align: top;
}
.searchform input.button {
    width: 60px;
    height: 24px;
    padding: 2px 5px;
    vertical-align: top;
}

#search{ /*Partie de recherche*/
    margin: 0 5px 0 0;
}
#listResult{ /*Partie résultat de recherche*/
    margin: 0 5px 0 0;
}
#listResult2{ /*Partie résultat de recherche*/
    margin: 0 5px 0 0;
}
#contenu {

    width: 100%;
    padding: 0; 
    margin-bottom: 0;
    /*    margin-left: 50px;
        margin-right: 50px;*/
    margin-top: 0;
    /*    margin: 0 0 0 0;*/
    display: inline;
    text-align: left;


}
#contenu h2 {
    /*    margin-top: 5px;*/
    margin-bottom: 10px;
    font: Bold 100% 'Trebuchet MS', Tahoma, Sans-serif;
    color: #2e4d6a;
    padding: 5px 0 5px 1px;
    border-bottom: 3px solid #A6CAEF; /*#EFF0F1*/
    /*    background: #FFF url(../images/drawingpin1_blue.png) no-repeat 3px 50%;*/
    text-transform: none;
    /* text-transform: uppercase;*/
    text-align: left;
}
#contenu h2 a {
    background: none;
    color: black;
    text-decoration: none;
}

.title-form {

    background-color: #e6EEEE;

    /*    padding-left: 12px;
        padding-right: 20px;*/
    color: #000;
    text-align: left;
    border: 1px solid #BFC4CD;
    font: bold;
}
/*test mody */
#loader-indicator{
    position: absolute;
    width : 100%; 

    margin-top: 12px;
    margin-left: auto; 
    margin-right: auto; 
    /*     overflow-x: hidden;
        background-position: -4px 0px;*/

}

#content-form {
    width: auto;
    /*    overflow-x: hidden;*/
    overflow-x: auto;
    background-color: #FFF;
    /*    border:1px solid #F6A69A;*/
    border:1px solid #ddd;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
}
.webkit #content-form {
    -webkit-bgsie-shadow: 0px 0px 30px 0px black;
}

.firefox #content-form {
    -moz-bgsie-shadow: 0px 0px 30px 0px black;
}

.IE9 #content-form {

    bgsie-shadow: 0px 0px 30px 0px #555;
}

.IE #content-form {
    border: 1px solid #888;
    border-color: #888 #555 #444 #888;
}

#content-form form {
    /*    margin: 0;*/
}

#content-form td {
    vertical-align: middle;
}

.content-title {
    height: 27px;
    margin-bottom: 20px;
    /*    background-image: url(../images/th_blue.png);*/
    background-position: -4px 0px;
    background-repeat: repeat-x;
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
}
.title{
    color: #FFF;
    text-align: center;
    /*    font-weight: bold;*/
    /*    font-size: 19px;*/
    padding-top: 4px;
    font-family: verdana;
    font: Bold 10pt 'Trebuchet MS', Tahoma, Sans-serif;
    background-color: #F6A69A;
    height: 24px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
}
/*fin test mody*/
.ligne {
    margin-top: 3px;
    font: Bold 100% 'Trebuchet MS', Tahoma, Sans-serif;
    color: black;
    padding: 5px 0 5px 10px;
    border-bottom: 1px solid #A6CAEF; /*#EFF0F1*/
    /*background: #FFF url(../images/ligne.gif) no-repeat 3px 50%;*/
    text-transform: none;
    text-align: left;
}

#contenu ul li {
    /*    list-style-image: url(../images/bullet.gif);*/
}

#contenuSearch {
    width: 70%;
    margin:auto;
    position: absolute;
    color: #FFF;
    /* top - right - bottom - left */
    margin: 20% 10% 5% 10%;

}

#tableSearch table, tr, td, th {
    border:0;
}

.post-footer {
    background-color: #FAFAFA;
    padding: 5px; margin: 20px 10px 10px 10px;
    border: 1px solid #f2f2f2;
    font-size: 95%;
}
.post-footer .date {
    /*    background: url(../images/clock.gif) no-repeat left center;*/
    padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
    /*    background: url(../images/comment.gif) no-repeat left center;*/
    padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
    /*    background: url(../images/page.gif) no-repeat left center;*/
    padding-left: 20px; margin: 0 10px 0 5px;
}

/* Sidebar */
#sidebar {
    float: right;
    width: 26.5%;
    padding: 0; margin: 0;
    color: #68774A;
}
#sidebar h3 {
    margin-top: 10px;
    padding: 5px 5px;
    font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
    color: #728D26;
}
#sidebar ul.sidemenu {
    list-style: none;
    text-align: left;
    margin: 7px 4px 8px 0; padding: 0;
    text-decoration: none;
    /*    background: url(../images/dots.jpg) repeat-x left top;*/
}
#sidebar ul.sidemenu li {
    list-style: none;
    /*    background: url(../images/dots.jpg) repeat-x left bottom;*/
    padding: 4px 0 4px 5px;
    margin: 0 2px;
    color: #68774A;
}
* html body #sidebar ul.sidemenu li {
    height: 1%;
}
#sidebar ul.sidemenu li a {
    text-decoration: none;
    background-image: none;
    color: #666666;
}
#sidebar ul.sidemenu li a:hover {
    color: #1773BC;
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { background: none; }


/* Footer */
#footer {
    color: #000;

    clear: both;
    width: 1000px;
    height: 65px;
    text-align: center;
    font-size: 92%;
}
#footer a {
    color: #FFF;
    text-decoration: none;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

.boutonRecherche {
    /* Sliding right image */
    /*background: transparent url('button_right.png') no-repeat scroll top right;*/
    background: #E36F25 no-repeat scroll top right;
    border-color: #E57024;
    border-width: 2px;
    display: block;
    float: left;
    height: 22px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    width: 40px;
    margin-right: 6px;
    padding-right: 6px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
}
.boutonRecherche span {
    /* Background left image */
    /*background: transparent url('button_left.png') no-repeat;*/
    background: grey no-repeat;
    display: block;
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 0 5px 18px;
}
.boutonRecherche:hover span{
    text-decoration:underline;
}

.calendarBouton{
    text-align: center;

    color: #000;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
}
.calendarBouton:hover{

    background-color: #e6EEEE;
    color: black;
}

.searchBouton{
    text-align: center;
    /*    width: 100px;*/
    /*    background: #727272 url('../images/find.png') no-repeat;*/
    /*    color: #F8F8F8;*/
    color: #000;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
}
.searchBouton:hover{
    /*    background: #A6CAEF url('../images/find.png') no-repeat;*/
    background-color: #e6EEEE;
    color: black;
}

.backBouton{
    text-align: center;
    /*    width: 100px;*/
    /*    background: #727272 url('../images/backward.png') no-repeat;*/
    color: #000;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
}
.backBouton:hover{
    /*    background: #A6CAEF url('../images/backward.png') no-repeat;*/
    color: black;
    background-color: #e6EEEE;
}
.confirmBouton{
    text-align: center;
    /*    width: 100px;*/
    /*    background: #727272 url('../images/button_confirm.png') no-repeat;*/
    color: black;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
}
.confirmBouton:hover{
    /*    background: #A6CAEF url('../images/button_confirm.png') no-repeat;*/
    color: black;
    background-color: #e6EEEE;
}
.checkBouton{
    text-align: center;
    /*    width: 100px;*/
    /*    background: #727272 url('../images/16_em_check.png') no-repeat;*/
    color: #000;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
}
.checkBouton:hover{
    /*    background: #A6CAEF url('../images/16_em_check.png') no-repeat;*/
    color: black;
    background-color: #e6EEEE;
}
.historyLien{
    /*    background:  url('../images/icones/16x16/apple_time_machine.png') no-repeat;*/
    text-align: left;
    width: 50px;
    color: #2180BC;
    font-weight: bold;
    cursor: pointer;
    padding-left: 3px;
    margin-top: 10px;
    display: block;
    font-size: 8pt;
}
.historyLien:hover{
    /*    background:  url('../images/icones/16x16/apple_time_machine.png') no-repeat;*/
    color: black;
}
.sessionLien{
    /*    background:  url('../images/icones/16x16/session.png') no-repeat;*/
    text-align: left;
    width: 50px;
    color: #2180BC;
    font-weight: bold;
    cursor: pointer;
    padding-left: 3px;
    margin-top: 10px;
    display: block;
    font-size: 8pt;
}
.sessionLien:hover{
    /*    background:  url('../images/icones/16x16/session.png')  no-repeat;*/
    color: black;
}
.newLien_{
    /*    background:  url('../images/icones/ajouter.gif') no-repeat;*/
    text-align: left;
    width: inherit;
    color: #2180BC;
    font-weight: bold;
    cursor: pointer;
    /*    padding-left: 1px;*/
    /*    margin-top: 10px;*/
    margin-top: 4px;
    display: block;
    font-size: 12pt;
    /*    border: 1px solid #2180BC;*/
    padding: 3px 3px 0 3px;

}
.newLien {
    font: bold 11px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;    
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}
.newLien:hover{
    /*    background:  url('../images/icones/ajouter.gif') no-repeat;*/
    color: black;
    border-bottom-color: #eca32b;
}

.secureCloseLink{
    /*    background: url('../images/lock_open.png') no-repeat;*/
    text-align: left;
    /*    width: 50px;*/
    position: relative;
    color: #2180BC;
    font-weight: bold;
    cursor: pointer;
    padding-left: 10px;
    margin-top: 10px;
    display: block;
    font-size: 8pt
}

.secureCloseLink:hover{
    /*    background:  url('../images/lock_open.png') no-repeat;*/
    color: black;
}

.addBouton{
    text-align: center;
    /*    width: 100px;*/
    /*    background: #727272 url('../images/ajouter.png') no-repeat;*/
    color: #000;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 5px;
    /*height: 18px;*/
}
.addBouton:hover{
    /*    background: #A6CAEF url('../images/ajouter.png') no-repeat ;*/
    color: black;
    background-color: #e6EEEE;
}
.editBouton{
    text-align: center;
    /*    width: 100px;*/
    /*    background: #727272 url('../images/edit.png') no-repeat;*/
    color: #000;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 5px;
    /*height: 18px;*/
}
.editBouton:hover{
    /*    background: #A6CAEF url('../images/edit.png') no-repeat ;*/
    color: black;
    background-color: #e6EEEE;
}
.closeBouton{
    text-align: center;
    /*    width: 100px;*/
    /*    background: #727272 url('../images/exit.png') no-repeat;*/
    color: #000;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 5px;
    /*height: 18px;*/
}
.closeBouton:hover{
    /*    background: #A6CAEF url('../images/exit.png') no-repeat ;*/
    color: black;
    background-color: #e6EEEE;
}

.secureCloseBouton{
    text-align: center;
    /*    width: 100px;*/
    /*    background: #727272 url('../images/lock_open.png') no-repeat;*/
    color: #000;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 5px;
    /*height: 18px;*/
}
.secureCloseBouton:hover{
    /*    background: #A6CAEF url('../images/lock_open.png') no-repeat ;*/
    color: black;
    background-color: #e6EEEE;
}

.secureCloseBroken{
    /*    background: url('../images/stock_lock_brocken.png') no-repeat;*/
    height: 40px;
}

.cancelBouton{
    text-align: center;
    /*    width: 100px;*/
    /*    background: #727272 url('../images/cancel.png') no-repeat;*/
    color: #000;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 5px;
    /*height: 18px;*/
}
.cancelBouton:hover{
    /*    background: #A6CAEF url('../images/cancel.png') no-repeat ;*/
    color: black;
    background-color: #e6EEEE;
}

.printBouton{
    text-align: center;
    /*    width: 100px;*/
    /*    background: #727272 url('../images/print.png') no-repeat;*/
    color: #000;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
    /*height: 18px;*/
}
.printBouton:hover{
    /*    background: #A6CAEF url('../images/print.png') no-repeat;*/
    color: black;
    background-color: #e6EEEE;
}

.titreSecteur{
    text-align:center;
    background: #000;
    color: #FFF;
    font-weight:bold;
}


.allOpportunite{
    text-align:center;
    background: #b0b0b0;
    color: #FFF;
    font-weight:bold;
}

.infoAnnonce{
    text-align:center;
    background: #EFEFEF;
}

a.detail{
    text-align:right;
    color: red;
    padding: 150px 0 5px 0px;
}

.cadrePhoto {
    margin-bottom: 5px;
    border-color: #95959A;
    background: #CACACA;
}

/* Menu */
/*Ajouter pour gérer les éléments de sous menu */
#menu{
    float: left;
    width: 100%;
    padding: 0 0 0 0; 
    margin: 0 0 0 0;
    display: inline;
    height: 30px;
    background-color: #F6A69A;
    /*    background: url(../images/menu-top.gif) repeat-x 0 0;*/

}
#menuDeroulant
{
    width: 100%;
    list-style-type: none;
    /*    margin: 0 35px;*/
    margin-right: 1px;
    padding-right: 1px;
    border: 0;
    position: absolute;
    margin-top: 3px;
    left: 0;
    /*    top: 0;
    */
}

#menuDeroulant li
{
    /*    width: 150px;*/
    float: left;
    margin: 0;
    padding: 0 0;
    border: 0;
    font-size: 95%;

    /*    background: transparent url("../images/arrow_down.gif") repeat;*/

}
#menuDeroulant li a
{
    /*    position: relative;
        left: 100px;
        right: 100px;*/
}
#menuDeroulant li a:hover
{
    border-bottom: 2px solid #e6EEEE;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
#menuDeroulant .sousMenu
{
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 1000;
}
#menuDeroulant .sousMenu li
{
    float: none;
    background-color:#1773BC;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 150px;
    /*    width: 150px;*/
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
#menuDeroulant li:hover > .ssMenu { display: block; }
#menuDeroulant .sousMenu .ssMenu
{
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 1001;
    margin-left: 150px;
    top: 5px;
    border: 1px solid #006699;
}
#menuDeroulant .sousMenu li .ssMenu li
{
    float: none;
    /*    background-color: white;*/
    background-color:#fff;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 150px;
    margin-top: 0px;
    /*    width: 150px;*/
    border-bottom: 1px solid #006699;
    border-left: 1px solid #e6EEEE;
}

#menuDeroulant .sousMenu .ssMenu li:last-child {
    border-bottom: 1px solid transparent;
}

#menuDeroulant .sousMenu li .ssMenu li:hover
{
    background-color: #F6A69A;
    cursor: pointer;
}

#menuDeroulant .sousMenu li .ssMenu li a
{
    text-decoration: none;
    border: 0;
    color: #006699;
}

/*.sousMenu{
    position: absolute;  Position absolue 
    width: 200px;  Largeur des sous-listes 

}*/
#menuDeroulant .sousMenu li:last-child {
    border-bottom: 1px solid transparent;
}
#menuDeroulant .sousMenu li:first-child {
    /*    border-top: 2px solid #006699;*/
    /*    border-top: 2px solid transparent;*/
    margin-top: 3px;
}
/*#menuDeroulant li a:hover {
    color: #2180BC;
    background-color: #F2462E;
    border-bottom: 3px solid #F2462E;
}*/
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
    display: block;
    height: 1%;
    color: #FFF;
    /*    background: #3B4E77;*/
    margin: 0;
    padding: 4px 8px;
    border-right: 1px solid #FFF;
    text-decoration: none;
}
/*#menuDeroulant li a:hover { background-color: #F2462E; }*/
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
    display: block;
    color: #2180BC;
    margin: 0;
    border: 0;
    text-decoration: none;
    background-color: #FFF;
    /*    background: transparent url("../images/fondTR.png") repeat;*/
}

#menuDeroulant .sousMenu li a:hover
{
    background-image: none;
    background-color: #F6A69A;
}

/*Fin Ajouter pour gérer les éléments de sous menu */
#bar-menu{
    clear: both;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;

}


/*#menu {
    float: left;
    width: 85%;
    padding: 0; margin: 0 0 0 0;
    display: inline;
    margin-top: 0px;



    margin: 0 auto; padding: 0;
    background: url(../images/menu-top.gif) repeat-x 0 0;
    background: #000;
    font: bold 12px/30px Verdana, Arial, Tahoma, Sans-serif;
    height: 30px;
        width: 100%;

}
#menu ul {
    float: right;
    list-style: none;
    margin:0; padding: 0;
}
#menu ul li {
    display: inline;
    font-size: 90%;
}
#menu ul li a {
    display: block;
    float: left;
    padding: 0 10px;
    color: #FFF;
    text-decoration: none;
}
#menu ul li.last a {
    padding-right: 5px;
}
#menu ul li a:hover {
    color: #2180BC;#D4E59F
    background-color: #F2462E;
    border-bottom: 3px solid #F2462E;
}
#menu ul li#current a {
    color: #2180BC;#D4E59F
}*/

iframe{
    border: 0px;
}
select {
    margin: 2px 0 0;
    border: 1px solid #BDC7D8;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    padding: 2px;
}
select#dateDay, select#dateDebutDay, select#dateFinDay, select#dateNaissanceDay,  select#dateInDay, select#dateOutDay{
    width: 50px;
}
select#dateMonth, select#dateDebutMonth, select#dateFinMonth, select#dateNaissanceMonth, select#dateInMonth, select#dateOutDay{
    width: 100px;
}
select#dateYear, select#dateDebutYear, select#dateFinYear, select#dateNaissanceYear, select#dateInMonth, select#dateOutDay{
    width: 70px;
}

/* MESSAGES ET ERREURS*/
.messageWarning {
    position: fixed;
    left: 20%;
    top: 10%;
    font-size: 11px !important;
    display: block;
    padding: 5px 5px 5px 5px;
    margin: 3px 0 3px 0;
    border: 1px solid #B0A25F;
    color: red;
    font-weight: bold;
    background-color: #ffc;
    /*    background: #ffc url(../images/icon_alert.gif) 5px .3em no-repeat;*/
}
.messageSuccess {
    position: fixed;
    left: 20%;
    top: 10%;
    font-size: 11px;
    display: block;
    padding: 5px 5px 5px 5px;
    margin: 3px 0 3px 0;
    border-bottom: 1px solid #ddd;
    color: #666;
    background-color: #ffc;
    /*    background: #ffc url(../images/icon_success.gif) 5px .3em no-repeat;*/
}
.messageInfo {
    position: fixed;
    left: 20%;
    top: 10%;
    font-size: 11px;
    display: block;
    padding: 5px 5px 5px 5px;
    margin: 3px 0 3px 0;
    border-bottom: 1px solid #ddd;
    color: #666;
    background-color: #ffc;
    /*    background: #ffc url(../images/info.png) 5px .3em no-repeat;*/
}
.messageError {
    position: fixed;
    left: 20%;
    top: 10%;
    font-size: 11px !important;
    display: block;
    padding: 5px 5px 5px 5px;
    margin: 3px 0 3px 0;
    border: 1px solid red;
    color: red;
    font-weight: bold;
    background-color: #F4CDD6;
    /*    background: #F4CDD6 url(../images/icon_error.gif) 5px .3em no-repeat;*/
}
/*.info {
    position: fixed;
    left: 20%;
    top: 10%;
    font-size: 13px;
    display: block;
    padding: 5px 5px 5px 5px;
    margin: 3px 0 3px 0;
    border: 1px solid #33be40;
    color: #666;
    background-color: #ffc;
    }*/
.info {
    position: relative;
    font-size: 20px;
    display: block;
    padding: 10px 10px 10px 10px;
    margin-top: 30px;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
    border: 1px solid #71acd6;
    color: #666;
}
.success {
    position: fixed;
    left: 20%;
    top: 10%;
    font-size: 13px;
    display: block;
    padding: 5px 5px 5px 5px;
    margin: 3px 0 3px 0;
    /*    border-bottom: 1px solid #ddd;*/
    color: #666;
    border: 1px solid #33be40;
    /*    font-weight: bold;*/
    background-color: #ffc;
    /*    background: #ffc url(../images/success.png) 5px .3em no-repeat;*/
}
.error {
    position: fixed;
    left: 20%;
    top: 10%;
    font-size: 13px !important;
    display: block;
    padding: 5px 5px 5px 5px;
    margin: 3px 0 3px 0;
    border: 1px solid red;
    color: red;
    /*    font-weight: bold;*/
    background-color: #F4CDD6;
    /*    background: #F4CDD6 url(../images/error.png) 5px .3em no-repeat;*/
}
.warning {
    position: fixed;
    left: 20%;
    top: 10%;
    font-size: 13px !important;
    display: block;
    padding: 5px 5px 5px 5px;
    margin: 3px 0 3px 0;
    border: 1px solid #B0A25F;
    color: #827839;
    /*    font-weight: bold;*/
    background: #ffc
        /*    background: #ffc url(../images/warning.png) 5px .3em no-repeat;*/
}
.logOut{
    /*    background: #ffc url(../images/quit.png) 5px .3em no-repeat;*/
    padding: 4px 5px 4px 5px;
    margin: 1px 0 3px 0;
    border: 1px solid #B0A25F;
    color: #827839;
    font-weight: bold;
    background: #ffc;
}
.logOut:hover{
    /*    background: url(../images/quit-hover.png) 0px .4em no-repeat;*/
    background: #F2462E;
    color:#FFF;
}
.multilateral{
    /*    background: url(../images/world.png) 0px .1em no-repeat;*/
    height: 32px;
    /*width: 32px;*/
    color: #313131;
    font-weight: bold;
    font-size: 12px;
    /*    text-indent: 38px;*/
    text-indent: 10px;
    vertical-align: middle;
    padding-top: 12px;
    padding-right: 12px;
}

.bilateral{
    /*    background: url(../images/transfer_right_left.png) 0px .1em no-repeat;*/
    height: 20px;
    /*width: 32px;*/
    color: #313131;
    font-weight: bold;
    font-size: 12px;
    /*    text-indent: 25px;*/
    text-indent: 10px;
    vertical-align: middle;
    padding-top: 5px;
    padding-right: 12px;
}

.titleCadreForTd{
    background-color: #FFF;
    font-size: 14px !important;
    width: 12px;;
    font-weight: normal;
    text-decoration: underline;
    text-indent: 5px;
}
.titleCadreForTd:hover{
    background-color: #FFF;
    font-weight: normal;
}
.titleCadreForTdSimple{
    background-color: #FFF;
    font-size: 14px !important;
    width: 12px;;
    font-weight: normal;
    text-decoration: none;
    text-indent: 5px;
}
.titleCadreForTdSimple:hover{
    background-color: #FFF;
    font-weight: normal;
}
fieldset{
    /*    border: 1px solid #313131;*/
    border: 1px solid #b0b0b0;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
}

a.infoTransaction {
    position: relative;
    color: black;
    text-decoration: none;
    border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.infoTransaction span {
    display: none; /* On masque l'infobulle. */
}
a.infoTransaction:hover {
    background: none; /* Correction d'un bug d'Internet Explorer. */
    z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */

    cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.infoTransaction:hover span {
    display: inline; /* On affiche l'infobulle. */
    position: absolute;

    white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */

    top: 30px; /* On positionne notre infobulle. */
    left: 20px;

    background: white;

    color: #2d3e7e;
    padding: 3px;

    border: 1px solid #c30;
    border-left: 4px solid #c30;
}

#print{
    display:none;
}
a.curseur{
    color: red;
}
.pageEnCours{
    color: #000;
    text-decoration: underline;
    text-transform: uppercase;
}
.obligatoire:after{content: " *"; color: red;}

.clignotant {
    color:red;
    text-decoration: blink;
}

/*Use par validation formulaire */
/*form.validation {
        font-family: tahoma, verdana, "sans-serif";
        font-size: 12px;
        padding: 20px;
        border: 1px solid #A5A8B8;
        width: 300px;
        margin: 0 auto;
}*/
.validation fieldset {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #B5B8C8;
}

.validation legend {
    font-size: 12px;
    color: #15428B;
    font-weight: 900;
}

.formular fieldset label {
    float: none;
    text-align: inherit;
    width: auto;
}

.validation label span {
    color: #000;
}

.validation input,.validation select,.validation textarea {
    /*	display: block;*/
    margin-bottom: 5px;
}

.validation .text-input {
    min-width: 150px;
    color: #555;
    /*padding: 4px;*/
    border: 1px solid #BDC7D8;/*#B5B8C8*/ 
    font-size: 12px;
    /*margin-top: 4px;*/
    background: #FFF repeat-x;
}
.validation .multi_langue {
    min-width: 300px;
    color: #555;
    /*padding: 4px;*/
    border: 1px solid #BDC7D8;/*#B5B8C8*/ 
    font-size: 12px;
    /*margin-top: 4px;*/
    background: #FFF repeat-x;
}

.validation .select {
    min-width: 200px;
    color: #555;
    /*padding: 4px;*/
    border: 1px solid #BDC7D8;/*#B5B8C8*/ 
    font-size: 12px;
    /*margin-top: 4px;*/
    background: #FFF repeat-x;
}

.validation textarea {
    /*    width: 250px;
        height: 70px;*/
    color: #555;
    /*padding: 4px;*/
    border: 1px solid #BDC7D8;
    font-size: 12px;
    /*margin-top: 4px;*/
    background: #FFF repeat-x;
}

.validation .infos {
    background: #FFF;
    color: #333;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 10px;
}

.validation span.checkbox,.validation .checkbox {
    display: inline;
}

.validation .submit {

    border: 1px solid #AAA;
    /*padding: 4px;*/
    margin-top: 20px;
    float: right;
    text-decoration: none;
    cursor: pointer;
}

.validation hr {
    clear: both;
    visibility: hidden;
}

.validation .fc-error {
    width: 350px;
    color: #555;
    /*padding: 4px*/;
    border: 1px solid #BDC7D8;
    font-size: 12px;
    margin-bottom: 15px;
    background: #FFEAEA;
}
/* end formular*/

/*
#menu {
    font-weight: bold;
    font-size: 100%;
    font-family: 'Trebuchet MS',arial,tahoma,verdana,sans-serif;

    width: 100%;
    background-color: #2d3e7e;
}
#menu ul {
    border-right: #b0b0b0 1px solid;
    padding-right: 0px;
    border-top: #b0b0b0 1px solid;
    display: block;
    padding-left: 0px;
    right: 5px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #b0b0b0 1px solid;
    padding-top: 0px;
    border-bottom: #b0b0b0 1px solid;


}
#menu ul ul {
    border-right: #b0b0b0 1px solid;
    padding-right: 0px;
    border-top: #b0b0b0 1px solid;
    display: none;
    padding-left: 0px;
    left: 164px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #b0b0b0 1px solid;
    padding-top: 0px;
    border-bottom: #b0b0b0 1px solid;
    position: absolute;
    top: -1px
}
#menu li {
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    margin: 0px;
    width: 160px;
    padding-top: 2px;
    list-style-type: none;
    position: relative;
    background-color: #e0e0e0;

    font-size: 14px;
    background-color: #2d3e7e;
    color: #ffffff;
}

#menu li:hover {
    background-color: #2d3e7e
}
#menu ul ul li:hover{
    background-color: #ffffff;
}
#menu li.sfhover {
    background-color: #2d3e7e
}
#menu li A {
    text-decoration: none
}
#menu li:hover ul.niveau2 {
    display: block
}
#menu li li:hover ul.niveau3 {
    display: block
}
#menu li.sfhover ul.niveau2 {
    display: block
}
#menu li li.sfhover ul.niveau3 {
    display: block
}
#menu li.plus {
    background-position: center;
    background-image: url(illustrations/fdroite.gif);
    border-bottom: #b0b0b0 1px solid;
    background-repeat: no-repeat
}
*/

/* validationEngine.jquery.css*/
.inputContainer {
    position: relative;
    float: left;
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    z-index: 5000;
    cursor: pointer;
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position:relative;
    z-index:5001;
    color: #fff;
    width: 150px;
    font-family: tahoma;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
    background: #33be40;
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position:relative;
    z-index: 5006;
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0px 0 0 12px;
    top:2px;
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    font-size: 0px;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
    background: #33be40;
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}

.formError .formErrorArrow .line8 {
    width: 11px;
}

.formError .formErrorArrow .line7 {
    width: 9px;
}

.formError .formErrorArrow .line6 {
    width: 7px;
}

.formError .formErrorArrow .line5 {
    width: 5px;
}

.formError .formErrorArrow .line4 {
    width: 3px;
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}
/* END validationEngine.jquery.css*/

#loader-indicator{
    background:url('../images/ajax-loader.gif');
    position: absolute; 
    width: 128px;
    height: 15px;
    display: none;
    position: absolute;  
    top: 120px;
    right: 50%;  
    /*text-indent: 10em;*/
}

.addBoutonPopup{
    text-align: center;
    /*    width: 100px;*/
    /*    background: #727272 url('../images/ajouter.png') no-repeat;*/
    color: #000;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 5px;
    /*height: 18px;*/
}
.addBoutonPopup:hover{
    /*    background: #A6CAEF url('../images/ajouter.png') no-repeat ;*/
    color: black;
    background-color: #e6EEEE;
}

.mode{
    text-align: center;

    color: #fff;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #006699;
    /*text-decoration: blink;*/
}

.nombre{
    text-align: center;

    color: #fff;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px; /*For firefox*/
    -webkit-border-radius: 5px 5px 5px 5px; /* For chrome & other */
    border-color: #636363;
    padding-left: 3px;
    padding-right: 3px;
    background-color: red;
    text-decoration: blink;
}