.appVersion {
    width: 100%;
    text-align: right;
    font-size: 0.9em;
    height: 40px;
    color: #FFFFFF;
}

span.filAriane {
    float: left;
    height: 20px;
    margin: 0;
}

.msgAlerte {
    text-align: center;
    color: #F6273F;
    font-size: 2em;
    font-weight: bold;
    margin: 0 0 4px 0;
    clear: both;
}

span.aide {
    float: right;
    line-height: normal;
}

.nomUtilisateur {
    width: 140px;
    color: #6699CC;
    font-size: 0.8em;;
    font-style: normal;
    font-weight: normal;
    line-height: 14px;
    text-align: center;
    margin: 0px 0px 20px 0px;
}

.bandeauGauche {
    width: 140px;
    vertical-align: top;
}

.titreEcran {
    background-image: url("../img/fondTitreEcran.gif");
    background-repeat: repeat-x;
    background-position: top left;
    height:23px;
    font-style: normal;
    line-height: 23px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    font-size: 0.9em;
    padding-left: 7px;
}

.codeEcran {
    text-align: right;
    font-size: 0.8em;;
    color: #FF6060;
}

.paveType1 {
    background-color: #BACFE3;
    border-color: #6699CC;
    border-style: solid;
    border-width: 2px;
    display:table;
    padding: 3px;
    margin-bottom: 3px;
}

.paveType2 {
    background-color: #FFFFFF;
    border-color: #6699CC;
    border-style: solid;
    border-width: 2px;
    display:table;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 3px;
}

.libelleZone {
    margin: 0;
    padding: 0 15px 0 15px;
    color: #000000;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: inherit;
    font-style: normal;
    font-weight: normal;
    /*line-height: 14px;*/
    text-decoration: none;
    text-align: left;
    vertical-align : middle;
}

.libelleZoneObligatoire {
    margin: 0;
    padding: 0 15px 0 15px;
    color: #000000;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: inherit;
    font-style: normal;
    font-weight: normal;
    line-height: 14px;
    text-decoration: none;
    text-align: left;
    vertical-align : middle;
    background: url(../img/required.gif) no-repeat center left ;
}
@media (max-width:768px) {
    .libelleZoneObligatoire:before {
        content: '' !important;
        padding:0 5px;
    }
}

.zoneNonSaisissable {
    color: #000000;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: inherit;
    font-style: normal;
    font-weight: bold;
    line-height: 14px;
    text-decoration: none;
    text-align: left;
    vertical-align : bottom;
}

.zoneSaisissable {
    color: #000000;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: inherit;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2em;
    text-decoration: none;
    text-align: left;
    vertical-align : bottom;

}

.liste {
    width: 100%;
}

.pagination {
    font-size: 0.8em;;
    display: block;
    text-align: center;
    margin:0.1rem;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

.enteteListePaire {
    background-color: #BACFE3;
    font-weight: bold;
    color: #000000;
    text-align: center;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 0.8em;;
    font-style: normal;
    line-height: 14px;
    text-decoration: none;
    padding-left: 4px;
}

.enteteListeImpaire {
    background-color: #D4E2F1;
    font-weight: bold;
    color: #000000;
    text-align: center;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 0.8em;;
    font-style: normal;
    line-height: 14px;
    text-decoration: none;
    padding-left: 4px;
}

th.enteteListeTriable a, th.enteteListeTriable a:hover, th.enteteListeTriable a:visited {
    color: #000000;
    background-position: right;
    display: block;
    width: 100%;
    background-image: url(../img/tri/triable.gif);
    background-repeat: no-repeat;
}

th.enteteListeTrieeAsc a, th.enteteListeTrieeAsc a:hover, th.enteteListeTrieeAsc a:visited {
    color: #000000;
    background-position: right;
    display: block;
    width: 100%;
    background-image: url(../img/tri/asc.gif);
    background-repeat: no-repeat;
}

th.enteteListeTrieeDesc a, th.enteteListeTrieeDesc a:hover, th.enteteListeTrieeDesc a:visited {
    color: #000000;
    background-position: right;
    display: block;
    width: 100%;
    background-image: url(../img/tri/desc.gif);
    background-repeat: no-repeat;
}

.ligneListePaire {
    background-color: #D4E2F1;
    color: #000000;
    text-align: left;
    font-size: 0.8em;;
    font-style: normal;
    font-weight: normal;
    line-height: 14px;
    text-decoration: none;
}

.ligneListeImpaire {
    background-color: #FFFFFF;
    color: #000000;
    text-align: left;
    font-size: 0.8em;;
    font-style: normal;
    font-weight: normal;
    line-height: 14px;
    text-decoration: none;
}

.ligneListeSelectionnee {
    background-color: #E0ACB7; /*#D4E2F1; #8DABCA;#E0ACB7 ;  #ffb6ad;*/
    color: #000000;
    text-align: left;
    font-size: 0.8em;;
    font-style: normal;
    font-weight: normal;
    line-height: 14px;
    text-decoration: none;
}

.boutonStandardPair {
    background-color: #BACFE3;
    border-right-width: medium;
    border-bottom-width: medium;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #2C6095;
    border-bottom-color: #2C6095;
    font-size: 0.8em;;
    text-align: center;
}

.boutonStandardImpair {
    background-color: #D4E2F1;
    border-right-width: medium;
    border-bottom-width: medium;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #6699CC;
    border-bottom-color: #6699CC;
    font-size: 0.8em;;
    text-align: center;
}


.boutonPetitImpair {
    background-color: #BACFE3;
    /*border-right-width: medium;
    border-bottom-width: medium;*/
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #2C6095;
    border-bottom-color: #2C6095;
    font-size: 0.8em;;
    text-align: center;
}



/*************************************/
/**         BOUTTON - TAG           **/
/*************************************/
/* Partie commune */
.bouton_clair, .bouton_fonce, .bouton_click ,
.bouton_clair_fond_bleu, .bouton_fonce_fond_bleu, .bouton_click_fond_bleu {
    border:none;
    background:none;
    padding:0;
    margin:0;
    width:auto;
    overflow:visible;
    text-align:center;
    white-space:nowrap;
    height:25px;
    line-height:23px;
    cursor:pointer;

}

.bouton_fonce span, .bouton_fonce em, .bouton_clair span, .bouton_clair em, .bouton_click span, .bouton_click em,
.bouton_fonce_fond_bleu span, .bouton_fonce_fond_bleu em, .bouton_clair_fond_bleu span, .bouton_clair_fond_bleu em, .bouton_click_fond_bleu span, .bouton_click_fond_bleu em{
    display:block;
    height:25px;
    line-height:23px;
    margin:0;
    /*font-family:arial;*/
    font-weight:bold;
    font-size:12px;
}

.bouton_fonce span, .bouton_clair span, .bouton_click span,
.bouton_fonce_fond_bleu span, .bouton_clair_fond_bleu span, .bouton_click_fond_bleu span{
    padding-left:15px;
}
.bouton_fonce em, .bouton_clair em, .bouton_click em,
.bouton_fonce_fond_bleu em, .bouton_clair_fond_bleu em, .bouton_click_fond_bleu em{
    font-style:normal;
    padding-right:15px;
}

.bouton_click,
.bouton_click_fond_bleu {
    color:#FEFEFE;
}
.bouton_click em{
    background:url(../img/bouton/bg_click.gif) no-repeat 100% 0;
}
.bouton_click span{
    background:url(../img/bouton/bg_click.gif) no-repeat 0 0;
}
.bouton_click_fond_bleu em{
    background:url(../img/bouton/bg_click_fond_bleu.gif) no-repeat 100% 0;
}
.bouton_click_fond_bleu span{
    background:url(../img/bouton/bg_click_fond_bleu.gif) no-repeat 0 0;
}

/* Bouton foncé */
.bouton_fonce,
.bouton_fonce_fond_bleu{
    color:#F6FAFA;
}
.bouton_fonce span{
    background:url(../img/bouton/bg_fonce.gif) no-repeat 0 0;
}
.bouton_fonce em{
    background:url(../img/bouton/bg_fonce.gif) no-repeat 100% 0;
}
.bouton_fonce_hover em{
    background:url(../img/bouton/bg_fonce.gif) no-repeat 100% -25px;
}
.bouton_fonce_hover span{
    background:url(../img/bouton/bg_fonce.gif) no-repeat 0 -25px;
}
.bouton_fonce_fond_bleu span{
    background:url(../img/bouton/bg_fonce_fond_bleu.gif) no-repeat 0 0;
}
.bouton_fonce_fond_bleu em{
    background:url(../img/bouton/bg_fonce_fond_bleu.gif) no-repeat 100% 0;
}
.bouton_fonce_fond_bleu_hover em{
    background:url(../img/bouton/bg_fonce_fond_bleu.gif) no-repeat 100% -25px;
}
.bouton_fonce_fond_bleu_hover span{
    background:url(../img/bouton/bg_fonce_fond_bleu.gif) no-repeat 0 -25px;
}
/* Bouton clair */
.bouton_clair,
.bouton_clair_fond_bleu{
    color:#579397;
}
.bouton_clair span{
    background:url(../img/bouton/bg_clair.gif) no-repeat 0 0;
}
.bouton_clair em{
    background:url(../img/bouton/bg_clair.gif) no-repeat 100% 0;
}
.bouton_clair_hover em{
    background:url(../img/bouton/bg_clair.gif) no-repeat 100% -25px;
}
.bouton_clair_hover span{
    background:url(../img/bouton/bg_clair.gif) no-repeat 0 -25px;
}
.bouton_clair_fond_bleu span{
    background:url(../img/bouton/bg_clair_fond_bleu.gif) no-repeat 0 0;
}
.bouton_clair_fond_bleu em{
    background:url(../img/bouton/bg_clair_fond_bleu.gif) no-repeat 100% 0;
}
.bouton_clair_fond_bleu_hover em{
    background:url(../img/bouton/bg_clair_fond_bleu.gif) no-repeat 100% -25px;
}
.bouton_clair_fond_bleu_hover span{
    background:url(../img/bouton/bg_clair_fond_bleu.gif) no-repeat 0 -25px;
}
/*************************************/
/**    FIN : BOUTTON - TAG          **/
/*************************************/

.texteErreur {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 1em;
    font-style: normal;
    line-height: 16px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

#errorDiv, #errorIframe {
    position: absolute;
    top: 100px;
    margin-left : 150px;
    width: 500px;
}

#errorDiv {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    background-color: #FFFFFF;
    z-index: 1000;
    visibility : visible;
    overflow:auto;
}

#errorIframe {
    z-index: 999;
    visibility : visible;
    overflow:auto;
}

.titreEcranAide {
    color : #6699CC;
    font-size: 1em;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-weight: bold;
}

div#loginDiv {
    position: absolute;
    left:50%;
    margin-left: -175px;
    top: 250px;
    width: 350px;
    background-color: white
}


.section {
    padding: 10px 0px 10px 10px;
    border-color: #8AACA3;
    border-style: solid;
    border-width: 2px;
}

.legendeSection {
    margin-bottom: 10px;
    color: #000000;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
}


.link_detail, .link_detail:hover, .link_detail:visited{

    color:black;
    text-decoration:underline;
    text-transform:none;
    font-weight:normal;
}

/*

Les différents blocs de l'application.

*/

/* - Commun. */
.bloc_blanc, .bloc_vert{

    border-collapse:collapse;
    border-spacing:0px;
    padding: 3px;
    margin-bottom: 3px;
}

/* - Bloc blanc. */

.bloc_blanc .coin_gauche_haut{

    background-image:url('../img/cadre_blanc/coin_gauche_haut.gif');
    background-repeat:no-repeat;
    font-size:1px;
    height:6px;
    width:6px;
}

.bloc_blanc .bord_haut{

    background-image:url('../img/cadre_blanc/bord_haut.gif');
    background-repeat:repeat-x;
    font-size:1px;
    height:6px;
}

.bloc_blanc .coin_droit_haut{

    background-image:url('../img/cadre_blanc/coin_droit_haut.gif');
    background-repeat:no-repeat;
    font-size:1px;
    height:6px;
    width:6px;
}

.bloc_blanc .bord_gauche{

    background-image:url('../img/cadre_blanc/bord_gauche.gif');
    background-repeat:repeat-y;
    font-size:1px;
    width:6px;
}

.bloc_blanc .frame-content{

    background-color:#FFFFFF;

}

.bloc_blanc .bord_droit{

    background-image:url('../img/cadre_blanc/bord_droit.gif');
    background-repeat:repeat-y;
    font-size:1px;
    width:8px;
}

.bloc_blanc .coin_gauche_bas{

    background-image:url('../img/cadre_blanc/coin_gauche_bas.gif');
    background-repeat:no-repeat;
    font-size:1px;
    height:8px;
    width:6px;
}

.bloc_blanc .bord_bas{

    background-image:url('../img/cadre_blanc/bord_bas.gif');
    background-repeat:repeat-x;
    font-size:1px;
    height:8px;
}

.bloc_blanc .coin_droit_bas{

    background-image:url('../img/cadre_blanc/coin_droit_bas.gif');
    background-repeat:no-repeat;
    font-size:1px;
    height:8px;
    width:6px;
}

/* Fin */

/* - Bloc vert. */

.bloc_vert .coin_gauche_haut{

    background-image:url('../img/cadre_vert/coin_gauche_haut.gif');
    background-repeat:no-repeat;
    font-size:1px;
    height:17px;
    width:9px;
}

.bloc_vert .bord_haut{

    background-image:url('../img/cadre_vert/bord_haut.gif');
    background-repeat:repeat-x;
    font-size:1px;
    height:17px;
}

.bloc_vert .coin_droit_haut{

    background-image:url('../img/cadre_vert/coin_droit_haut.gif');
    background-repeat:no-repeat;
    font-size:1px;
    height:17px;
    width:9px;
}

.bloc_vert .bord_gauche{

    background-image:url('../img/cadre_vert/bord_gauche.gif');
    background-repeat:repeat-y;
    font-size:1px;
    width:9px;
}

.bloc_vert .frame-content{

    background-color:#E9F3F5;
}

.bloc_vert .bord_droit{

    background-image:url('../img/cadre_vert/bord_droit.gif');
    background-repeat:repeat-y;
    font-size:1px;
    width:11px;
}

.bloc_vert .coin_gauche_bas{

    background-image:url('../img/cadre_vert/coin_gauche_bas.gif');
    background-repeat:no-repeat;
    font-size:1px;
    height:22px;
    width:9px;
}

.bloc_vert .bord_bas{

    background-image:url('../img/cadre_vert/bord_bas.gif');
    background-repeat:repeat-x;
    font-size:1px;
    height:22px;
}

.bloc_vert .coin_droit_bas{

    background-image:url('../img/cadre_vert/coin_droit_bas.gif');
    background-repeat:no-repeat;
    font-size:1px;
    height:22px;
    width:9px;
}
#idDetailSousListe {
    display:table;
}
#idBlocListe {
    display:table;
}

/* Fin */

/* Onglets */
ul.tabs {
    padding: 10px 0 0 0;
    margin: 0;
    list-style-type: none;
    display: block;
}
ul.tabs li {
    display: inline;
}
ul.tabs li a {
    padding-right: 0px;
    /*display: block;*/
    /*padding-left: 4px; */
    /*font-weight: bold; */
    font-size: 14px;
    /*background: url(../img/tabs/tab-left.gif) no-repeat 0% -42px; */
    padding-bottom: 0px;
    color: #ffffff;
    padding-top: 0px;
    /*  font-family: Verdana, Arial, Helvetica, sans-serif;*/
    white-space: nowrap;
    text-decoration: none;

}

ul.tabs li a span.tabDebut {
    padding-left: 1px;
    background: url(../img/tabs/tab-left.gif) no-repeat 100% -42px;
}

ul.tabs li a span.tabCenter {
    padding-right: 5px;
    padding-left: 5px;
    background: url(../img/tabs/tab-center.gif) repeat-x 100% -42px;
}

ul.tabs li a span.tabFin {
    padding-right: 4px;
    background: url(../img/tabs/tab-right.gif) no-repeat 100% -42px;
}
ul.tabs li a span {
    display:inline-block;
    line-height:25px;
    cursor: pointer;
}

ul.tabs li a:hover span {
    background-position: 100% -84px;
}
ul.tabs li a:hover {
    background-position: 0% -84px;
}
ul.tabs li.active a {
    background-position: 0% 0px; cursor: default;
}
ul.tabs li.active a:hover {
    background-position: 0% 0px; cursor: default;
}
ul.tabs li.active a span {
    background-position: 100% 0px; cursor: default;
}
ul.tabs li.active a:hover span {
    background-position: 100% 0px; cursor: default;
}
ul.tabs li.disabled a {
    background-position: 0% -126px; cursor: not-allowed; color: #CCCCCC;
}
ul.tabs li.disabled a:hover {
    background-position: 0% -126px; cursor: not-allowed; color: #CCCCCC;
}
ul.tabs li.disabled a span {
    background-position: 100% -126px; cursor: not-allowed; color: #CCCCCC;
}
ul.tabs li.disabled a:hover span {
    background-position: 100% -126px; cursor: not-allowed; color: #CCCCCC;
}
div.tabs {

}
/* Fin Onglets */

/********************************\
 *				*
 *          BOUTONS		*
 *				*
\********************************/
button {
    margin: 0;
    padding: 0 10px 0 0;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    font-size: 1em;
}
button.standard span {
    display: block;
    padding-left: 10px;
    white-space: nowrap;
}
* html button {
    width: auto;
    overflow: visible;
}
*+html button {
    width: auto;
    overflow: visible;
}

button.standard {
    background: url("../img/button/bouton-right.png") 100% 50% no-repeat;
}
button.standard span {
    height: 21px;
    font-weight: bold;
    line-height: 21px;
    vertical-align: middle;
    color: #555;
    background: url("../img/button/bouton-left.png") 0 50% no-repeat;
}

button.boutonadd {
    background: url(../img/button/add-right.png) 100% 50% no-repeat;
}
button.boutonadd span {
    height: 21px;
    vertical-align: middle;
    font-weight: bold;
    line-height: 21px;
    color: #555;
    padding-left: 25px;
    background: url(../img/button/add-left.png) 0 50% no-repeat;
}

button.abonnement {
    background: url(../img/button/abonnement-right.png) 100% 50% no-repeat;
}
button.abonnement span {
    height: 48px;
    vertical-align: middle;
    font-weight: bold;
    line-height: 48px;
    color: black;
    padding-left: 25px;
    background: url(../img/button/abonnement-left.png) 0 50% no-repeat;
}

button.encours {
    background: url(../img/button/abonnement-encours-right.png) 100% 50% no-repeat;
}
button.encours span {
    background: url(../img/button/abonnement-encours-left.png) 0 50% no-repeat;
}




.word-wrap {
    word-wrap: break-word;
    display: block;
}

button[disabled] {
    color: #B7B7B7;
    cursor: not-allowed;
}

/* Images cliquables */
img.bouton {
    cursor: pointer;
}

/* Fin Boutons */


/** Popup d'ajout des fichiers PES **/
#ajoutSuffixe {
    display: none;
    width:750px;
    height: 450px;
}

#ajoutSuffixe body {
    margin: 0;
    padding: 0;
}

#ajoutSuffixe div.container {
    background: window;
    height: 120px;
    margin: 5px;
    position: relative;
}

.dragWindow {
    position: absolute;
    padding: 0;
    border: 2px solid #BACFE3;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #444;
    -webkit-box-shadow: 5px 5px 5px #444;
    box-shadow: 5px 5px 5px #444;
    z-index: 999;
}

.dragWindowProxy {
    background: whitesmoke;
    border-style: dotted;
    opacity: 0.5;
    filter: alpha(opacity=50); /*IE*/
}

.dragWindow .ieFrame {
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    filter:alpha(opacity=0);
    display: block;
}

.dragHandle {
    background: #9AC;
    border-bottom: 1px solid #89B;
    cursor: move;
    font-size: 0.8em;;
    line-height: 10px;
    height: 20px;
    margin: 0;
    text-align: center;
    color: #222;
}

.dragHandle .butFermer {
    position: absolute;
    top: 0;
    right: 2px;
}

/* ACTAULITE */
.listeActualite {
    width: 80%;
}
.listeContenu table{
    border-collapse:collapse;
    width: 90%;
}

tr.separator td {
    height: 5px;
}

tr td.bordure {
    border: 1px solid #89B;
}

.ligneContenuPair td.contenu
{
    margin-left:auto;
    margin-right:auto;
    background-color:#D4E2F1;
}
.ligneContenuImpair td.contenu
{
    margin-left:auto;
    margin-right:auto;
    background-color:#E8F9F8;
}

.ligneContenuTitre {
    font-weight: bold;
}
.ligneContenuCreateur {
    font-style: italic;
}
.gras {
    font-weight: bold;
}

pre {
    font-family: inherit;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}