/* -----------------------------------------------------
Custom styles for screen media
----------------------------------------------------- */

/* Actualites */
/* ----------------------------------------------------- */
#middleCol #listActu {
    margin: 0 0 1em 0;
    padding: 0;
    list-style: none;
}

#middleCol #listActu .strapLine {
    font-size: 80%;
    font-weight: bold;
}

#middleCol #listActu li {
    line-height: 95%;
    margin: 1em 0;
    padding: 0 0 0 15px;
    background: url("../../pictures/layout/body/shared/bullet2.gif") top left no-repeat;
}

#middleCol #listActu .text {
    font-weight: normal;
    font-size: 80%;
}

/* Actualites */
/* ----------------------------------------------------- */
#middleCol #listAgenda {
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0;
}

#middleCol #listAgenda li {
    line-height: 95%;
    margin: 0;
    padding: 0.5em 0;
}

/* Boites flottantes					 */
/* ----------------------------------------------------- */
.container3col {
    width: 100%;
    color: #2B66A0;
    font-size: 80%;
    line-height: 140%;
}

.container3col a:link,.container3col a:visited {
    text-decoration: none;
}

.container3col a:hover,.container3col a:visited:hover {
    text-decoration: underline;
}

.container3col p {
    float: left;
    margin: 0;
    width: 33%;
    height: 150px;
    text-align: center;
    overflow: hidden;
}

.container3col img {
    margin-bottom: 0.5em;
}

.container3col .break {
    clear: left;
}

/* Systeme de commande de publication */
/* -----------------------General----------------------- */
#identity { /* annule la hauteur fixe */
    height: auto;
}

.none {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ------------------ Mon panier ------------------ */
.basket,.basketOn {
    float: right;
    font-weight: bold;
    font-size: 0.8em;
    background: #fff url("../../pictures/layout/basket/bg_basket_left.gif") top left no-repeat;
    padding-left: 6px;
}

.basket a,.basket .contentA,.basket .contentB,.basket .contentC,.basket .contentD,.basketOn a,.basketOn .contentA,.basketOn .contentB,.basketOn contentC,.basketOn .contentD {
    display: block;
}

.basket a:link,.basket a:visited {
    background: #e5f2f3 url("../../pictures/layout/basket/bg_basket.gif") bottom right repeat-x;
    color: #000000;
}

.basket a:hover,.basketOn a:hover {
    color: #FF6600;
    background-color: #FFFFFF;
}

.basket .contentA {
    background: transparent url("../../pictures/layout/basket/bg_basket_right.gif") bottom right no-repeat;
}

.basket .contentB {
    background: transparent url("../../pictures/layout/basket/basket_icon.gif") center right no-repeat;
    padding-right: 20px;
}

.basket .contentD,.basketOn .contentD {
    padding: 5px 30px;
}

.basketOn {
    background: transparent url("../../pictures/layout/basket/bg_basket_left01.gif") top left no-repeat;
}

.basketOn a:link,.basketOn a:visited {
    background: #ffe6d4 url("../../pictures/layout/basket/bg_basket01.gif") top left repeat-x;
    color: #b9ada0;
    text-decoration: none;
}

.basketOn .contentA {
    background: transparent url("../../pictures/layout/basket/bg_basket_right01.gif") top right no-repeat;
}

.basketOn .contentB {
    background: transparent url("../../pictures/layout/basket/basket_icon01.gif") center right no-repeat;
    padding-right: 20px;
}

/* ---------------- Barre de progression --------------- */
#publication .progressbar {
    position: relative;
    width: 32em;
    float: left;
    background: #fff url("../../pictures/layout/basket/bg_progressbar.gif") bottom right repeat-x;
    border: 1px solid #d9d9d9;
    padding: 0 1em 1em 1em;
    margin-right: 1em;
    margin-bottom: 1em;
}

#publication .progressbar a,#publication .progressbar a:link,#publication .progressbar a:visited {
    color: #6D6D70;
}

#publication .progressbar a:active,#publication .progressbar a:hover {
    color: #ff6600;
}

#publication .progressbar .tl,#publication .progressbar .tr,#publication .progressbar .br,#publication .progressbar .bl {
    line-height: 0;
    font-size: 0;
    height: 2px;
    width: 2px;
    display: block;
    position: absolute;
    border: 0;
}

#publication .progressbar .tl {
    background: #fff url("../../pictures/layout/basket/bg_progressbar_tl.gif") top left no-repeat;
    top: -1px;
    left: -1px;
}

#publication .progressbar .tr {
    background: #fff url("../../pictures/layout/basket/bg_progressbar_tr.gif") top left no-repeat;
    top: -1px;
    right: -1px;
}

#publication .progressbar .br {
    background: #fff url("../../pictures/layout/basket/bg_progressbar_br.gif") bottom right no-repeat;
    bottom: -1px;
    right: -1px;
}

#publication .progressbar .bl {
    background: #fff url("../../pictures/layout/basket/bg_progressbar_bl.gif") bottom right no-repeat;
    bottom: -1px;
    left: -1px;
}

#publication .progressbar .on span,#publication .progressbar .off span,#publication .progressbar .past span,#publication .progressbar .recapOn span,#publication .progressbar .recapOff span {
    display: block;
}

#publication .progressbar .on,#publication .progressbar .off,#publication .progressbar .past,#publication .progressbar .recapOn,#publication .progressbar .recapOff {
    display: block;
    float: left;
    width: 33%;
    font-size: 0.8em;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    background: #fff url("../../pictures/layout/basket/bg_progressbar_off.gif") top left repeat-x;
}

#publication .progressbar .off {
    color: #6D6D70;
}

#publication .progressbar .on {
    background: transparent url("../../pictures/layout/basket/bg_progressbar_on.gif") top left repeat-x;
}

#publication .progressbar .past {
    background: transparent url("../../pictures/layout/basket/bg_progressbar_past.gif") top left repeat-x;
}

#publication .progressbar span.contentA {
    background: transparent url("../../pictures/layout/basket/bg_progressbar_sep.gif") top left no-repeat;
}

#publication .progressbar .on span.contentB,#publication .progressbar .recapOn span.contentB {
    background: transparent url("../../pictures/layout/basket/bg_progressbar_basket.gif") top center no-repeat;
}

#publication .progressbar .recapOff span.contentC {
    color: #6D6D70;
    background: transparent url("../../pictures/layout/basket/bg_progressbar_recapOff.gif") top right no-repeat;
}

#publication .progressbar .recapOn {
    background: transparent url("../../pictures/layout/basket/bg_progressbar_on.gif") top left repeat-x;
}

#publication .progressbar .recapOn span.contentC {
    background: transparent url("../../pictures/layout/basket/bg_progressbar_recapOn.gif") top right no-repeat;
}

#publication .progressbar span.contentC {
    padding: 20px 1em 1px 1em;
}

/* -------- Boites de telechargement + commande -------- */
p.publiIntro {
    margin-right: 175px;
}

.orderBoxGroup {
    float: right;
    overflow: hidden;
    width: 18em;
    margin: 0 0 0 15px;
    padding: 0;
}

.orderBox,.searchBox {
    float: right;
    overflow: hidden;
    width: 20em;
    margin: 0 0 0 15px;
    padding: 0;
    font-size: 0.9em;
}

.orderBoxLeft {
    float: none;
    overflow: hidden;
    width: 20em;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 0.9em;
}

.searchBoxLeft {
    float: none;
    overflow: hidden;
    width: auto;
    margin: 0 21em 0 0;
    padding: 0;
    font-size: 0.9em;
}

.searchBoxTitle {
    background: #ff8e41 url("../../pictures/layout/basket/obox_bg_search.gif") top right repeat-x;
}

#publication .searchBoxTitle h2.title {
    color: #333;
    font-size: 1em;
}

.searchBoxTitle .contentA {
    background: transparent url("../../pictures/layout/basket/obox_bg_search_title_left.gif") top left no-repeat;
}

.searchBoxTitle .contentB {
    background: transparent url("../../pictures/layout/basket/obox_bg_search_title_right.gif") top right no-repeat;
    padding: 3px 2px 0 2px;
}

.searchBoxTitle .contentC {
    
}

.searchBoxTitle .contentC {
    border-bottom: 1px solid #bd4d01;
    padding: 2px 10px 2px 6px;
}

.searchBoxContent {
    position: relative;
    background: #fff url("../../pictures/layout/basket/obox_bg_content_right.gif") top right repeat-y;
    background-color: #f8f5f3;
    border-color: #336666;
    border-left: 1px solid #336666;
}

.searchBoxContent .contentD {
    padding: 6px;
}

#publication .searchBoxContent div.formContent {
    border: 0;
    background: none;
    padding: 0;
    font-size: 0.95em;
}

#publication .searchBoxContent div.formContent input,#publication .searchBoxContent div.formContent select {
    width: 8em;
    font-size: 1.1em;
}

#publication .searchBoxLeft .searchBoxContent div.formContent input,#publication .searchBoxLeft .searchBoxContent div.formContent select {
    width: 15em;
    font-size: 1.1em;
}

#publication .searchBoxContent div.formContent .submit {
    width: 6.5em;
}

#publication .searchBoxLeft .searchBoxContent div.formContent .submit {
    width: 6.5em;
}

#publication .searchBoxContent div.formContent .line {
    border-bottom: 1px solid #c9c9c9;
    font-size: 1px;
    line-height: 1px;
}

#publication .searchBoxContent div.formContent p {
    margin: 0.2em 0;
}

#publication .searchBoxContent div.formContent .label {
    padding-top: 0.1em;
    padding-bottom: 0.5em;
    width: 9em;
}

#publication .searchBoxContent div.formContent .formw {
    border-bottom: none;
    margin-left: 9.1em;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 6px;
}

#publication .searchBoxContent div.formContent .error label {
    font-size: 0.9em;
    width: 10em;
}

#publication .searchBoxContent div.formContent .errorText {
    font-size: 0.9em;
    line-height: 1.2em;
}

.searchBoxFooter {
    background: #fff url("../../pictures/layout/basket/obox_bg_footer.gif") bottom right repeat-x;
    height: 6px;
    line-height: 0;
    font-size: 0;
}

.searchBoxFooter .contentA {
    background: transparent url("../../pictures/layout/basket/obox_bg_footer_left.gif") bottom left no-repeat;
    height: 6px;
}

.searchBoxFooter .contentB {
    background: transparent url("../../pictures/layout/basket/obox_bg_footer_right.gif") bottom right no-repeat;
    height: 6px;
}

.orderBoxGroup .orderBox {
    float: none;
    width: 100%;
    margin: 0 0 1em 0;
    padding: 0;
}

#publication .orderBox h2,#publication .orderBox h3,#publication .orderBox h4,#publication .searchBox h2,#publication .searchBox h3,#publication .searchBox h4 {
    color: #000000;
    background-image: none;
    margin: 0;
}

#publication .orderBoxContent h2.paperTitle,#publication .orderBoxContent h4.paperTitle {
    background-color: #feede4;
    background-image: none;
    padding: 2px 5px;
    border-top: 1px solid #336666;
    border-bottom: 1px solid #ee7025;
    margin: 0;
}

.orderBoxNoTitle {
    background: #ecf2f2 url("../../pictures/layout/basket/obox_bg_title_top.gif") top right repeat-x;
    font-size: 0;
    line-height: 0;
}

.orderBoxNoTitle .contentA {
    background: transparent url("../../pictures/layout/basket/obox_bg_title_left.gif") top left no-repeat;
}

.orderBoxNoTitle .contentB {
    background: transparent url("../../pictures/layout/basket/obox_bg_title_right.gif") top right no-repeat;
    padding: 3px 2px 0 2px;
}

.orderBoxNoTitle .contentC {
    padding: 2px 10px 2px 6px;
}

.orderBoxTitle {
    background: #e5f2f3 url("../../pictures/layout/basket/obox_bg_title_top.gif") top right repeat-x;
}

.orderBoxTitle .contentA {
    background: transparent url("../../pictures/layout/basket/obox_bg_title_left.gif") top left no-repeat;
}

.orderBoxTitle .contentB {
    background: transparent url("../../pictures/layout/basket/obox_bg_title_right.gif") top right no-repeat;
    padding: 3px 2px 0 2px;
}

.orderBoxTitle .contentC {
    border-bottom: 1px solid #94d4e3;
    padding: 2px 10px 2px 6px;
}

.orderBoxContent {
    position: relative;
    background: #fff url("../../pictures/layout/basket/obox_bg_content_right.gif") top right repeat-y;
    border-color: #336666;
    border-left: 1px solid;
}

.group .orderBoxContent {
    background-color: #ecf2f2;
    font-size: 0.95em;
    line-height: 1.4em;
}

.orderBoxContent .contentD {
    padding: 1px 4px 1px 1px;
}

.orderBoxContent .downloadBox,.orderBoxContent .paperBox {
    margin: 0 5px 0 5px;
    font-size: 1em;
}

.orderBoxContent .type {
    float: left;
    display: block;
    width: 7em;
    margin-left: 5px;
    font-size: 0.75em;
    line-height: 1.1em;
    padding-top: 0.7em;
}

.orderBoxContent .langRow {
    margin: 10px 0;
}

.orderBoxContent .langRow label {
    font-size: 0.9em;
}

.orderBoxContent .langListTitle {
    font-weight: bold;
    font-size: 1em;
    width: 5.5em;
    display: block;
    float: left;
    text-align: right;
    padding-right: 4px;
    font-weight: normal;
}
/* pour le lien : telecharger */
.orderBoxContent a.button,.orderBoxContent a.button:link,.orderBoxContent a.button:visited,.orderBoxContent a.button:hover {
    text-decoration: none;
    font-weight: bold;
    float: left;
    font-size: 0.75em;
}

.orderBoxContent a.button .contentA,.orderBoxContent a.button .contentB,.orderBoxContent a.button .contentC,.orderBoxContent a.button .contentD {
    padding-top: 4px;
    padding-bottom: 8px;
}

.orderBoxContent a.button .contentD,.orderBoxContent a.button .contentD,.orderBoxContent a.button .contentD {
    padding-left: 4px;
    padding-right: 8px;
}
/* pour les leins de telechargement */
.orderBoxContent a.download:link,.orderBoxContent a.download:visited,.orderBoxContent a.download:hover {
    color: #000;
    background-color: #e3f9fc;
}

.orderBoxContent a.download:hover {
    color: #172d25;
    background-color: #ffffff;
}

.orderBoxContent a.download .contentA {
    background: url(../../pictures/layout/basket/but_download_tl.gif) no-repeat top left;
}

.orderBoxContent a.download .contentB {
    background: url(../../pictures/layout/basket/but_download_tr.gif) no-repeat top right;
}

.orderBoxContent a.download .contentC {
    background: url(../../pictures/layout/basket/but_download_br.gif) no-repeat bottom right;
}

.orderBoxContent a.download .contentD {
    background: url(../../pictures/layout/basket/but_download_bl.gif) no-repeat bottom left;
}

#publication div.formContent .error {
    color: #b90000;
    background-image: none;
    padding: 0;
}

#publication div.formContent .errorText {
    display: block;
    padding-top: 0.2em;
    padding-bottom: 0.8em;
}

#publication div.formContent .label {
    width: 10em;
}

#publication div.formContent span.formw {
    font-size: 1em;
    margin-left: 14em;
}

#publication div.formContent .error input,#publication div.formContent .error .selectBox {
    border: 2px solid #b90000;
}

#publication input.quantity {
    width: 1.4em;
    font-weight: bold;
    text-align: center;
}

#publication table.navigation {
    width: 600px;
}

#publication table.navigation td {
    padding: 0;
}

#publication .submitImage {
    text-align: center;
}

#publication .alignCenter {
    text-align: center;
}

#publication .navigation .alignLeft {
    width: 145px;
}

#publication .navigation .alignRight {
    width: 185px;
}

.group .submitImage {
    text-align: center;
}

.group .submitImage img {
    margin: auto;
}

#publication.order .submitImage {
    text-align: right;
}

#publication .shippingAddress .submitImage,#publication .billingAddress .submitImage {
    position: absolute;
    bottom: 1em;
    right: 1em;
}

#publication.order .submitImage input {
    margin: 0;
}

#publication .submitImage input {
    margin: 0 auto 0 auto;
}

/* DEBUT --- Recherche de publications */
#publication .searchForm fieldset legend,#publication .searchForm label.legendlike {
    padding-top: 1em;
    font-size: 1em;
}

#publication .searchForm label.legendlike {
    display: block;
}

#publication .searchForm .nofieldset {
    margin-top: 1em;
}

#publication .searchForm .nofieldset .formContent {
    border: 0;
}

#publication .searchForm fieldset {
    margin-top: 1em;
}

#publication .searchForm fieldset .formContent,#publication .searchForm .fieldset .formContent {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 1em;
}

#publication .searchForm fieldset fieldset .formContent,#publication .searchForm fieldset fieldset fieldset .formContent {
    border: none;
    margin-top: 0;
}

#publication .searchForm fieldset.nofieldset .formContent {
    padding: 0;
}

#publication .searchForm fieldset .formContent {
    border: 1px solid #ccc;
    padding: 1em;
}

#publication .searchForm div.formContent fieldset {
    margin: 0;
}

#publication .searchForm textarea {
    width: 25em;
}

#publication .searchForm input[type="text"] /* To keep form fields consistent */ {
    width: 25em;
}

#publication .searchForm input[size] /* To keep form fields consistent */ {
    width: auto;
}

#publication .searchForm div.formContent .label {
    display: block;
    width: 11em;
    text-align: left;
    font-size: 1em;
    padding-left: 0;
    padding-right: 0;
    text-align: right;
    color: #2e4358;
}

#publication .searchForm div.formContent .error,#publication .searchForm div.formContent .error .formw {
    color: #000;
    font-weight: normal;
}

#publication .searchForm div.formContent .error .label,#publication .searchForm div.formContent .error .errorText {
    color: #CC0000;
}

#publication .searchForm span.formw {
    vertical-align: top;
    display: block;
    margin: 0 0 5px 11em;
    border: none;
}

#publication .searchForm div.formContent span.formw {
    padding-left: 0;
    vertical-align: top;
    display: block;
    margin: 0 0 5px 11.5em;
    border: none;
}

#publication .searchForm div.formContent .allElements {
    display: block;
    float: left;
    text-align: left;
}

#publication .searchForm div.formContent .addRemoveElements {
    display: block;
    text-align: center;
    float: left;
    width: 3em;
    padding-top: 2em;
}

#publication .searchForm div.formContent span.addRemoveElements input {
    right: 0;
    padding: 0;
    margin-left: 0;
}

#publication .searchForm div.formContent .myElements {
    display: block;
    float: left;
}

#publication .searchForm div.formContent .allElements select,#publication .searchForm div.formContent .myElements select {
    width: 13.5em;
    font-size: 0.9em;
}

#publication .searchForm div.formContent .allElements label,#publication .searchForm div.formContent .myElements label {
    font-weight: bold;
    font-size: 0.9em;
}

#publication .formContent .help {
    float: left;
    font-size: 90%;
    width: 45%;
    padding-left: 1em;
}

#publication .searchForm .formButtons {
    display: block;
    position: relative;
    margin: 0;
    border-top: 1px solid #fff;
}
/* FIN --- Recherche de publications */
.orderBoxFooter {
    background: #fff url("../../pictures/layout/basket/obox_bg_footer.gif") bottom right repeat-x;
    height: 6px;
    line-height: 0;
    font-size: 0;
}

.orderBoxFooter .contentA {
    background: transparent url("../../pictures/layout/basket/obox_bg_footer_left.gif") bottom left no-repeat;
    height: 6px;
}

.orderBoxFooter .contentB {
    background: transparent url("../../pictures/layout/basket/obox_bg_footer_right.gif") bottom right no-repeat;
    height: 6px;
}

/* --------------- Le panier -------------------- */
#publication div.groupTable {
    background: #b4dbdd url("../../pictures/layout/basket/table_border.gif") top right repeat-y;
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
}

#publication div.basketTable {
    background: #c8c8c8 url("../../pictures/layout/basket/table_basket_border.gif") top right repeat-y;
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
}

#publication div.shippingAddress {
    width: 47%;
    float: left;
}

#publication div.billingAddress {
    width: 47%;
    float: right;
    position: relative;
}

#publication .step1 div.basketTable,#publication .step3 div.basketTable {
    margin-top: 0;
}

#publication .step2part2 {
    margin-bottom: 2em;
}

#publication div.groupTable .contentA {
    background: transparent url("../../pictures/layout/basket/table_border.gif") bottom right repeat-x;
}

#publication div.groupTable .contentB {
    
}

#publication div.groupTable .contentC {
    background: transparent url("../../pictures/layout/basket/table_br.gif") bottom right no-repeat;
}

#publication div.groupTable .contentD {
    padding-right: 8px;
    padding-bottom: 8px;
    background: transparent url("../../pictures/layout/basket/table_bl.gif") bottom left no-repeat;
}

#publication div.groupTable .tr {
    background: #fff url("../../pictures/layout/basket/table_tr.gif") bottom right no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    height: 2.5em;
    width: 8px;
    border: 0;
}

#publication div.basketTable .contentA {
    background: transparent url("../../pictures/layout/basket/table_basket_border.gif") bottom right repeat-x;
}

#publication div.basketTable .contentB {
    background: transparent url("../../pictures/layout/basket/table_basket_tr.gif") top right no-repeat;
}

#publication div.basketTable .contentC {
    background: transparent url("../../pictures/layout/basket/table_basket_br.gif") bottom right no-repeat;
}

#publication div.basketTable .contentD {
    padding-right: 8px;
    padding-bottom: 8px;
    background: transparent url("../../pictures/layout/basket/table_basket_bl.gif") bottom left no-repeat;
}

#publication div.shippingAddress .title,#publication div.billingAddress .title,#publication div.basketTable .title {
    border-top: 1px solid #fff;
    border-bottom: 2px solid #ffa387;
    background-color: #feeee3;
    color: #3e6460;
    font-size: 0.9em;
    padding: 0;
    margin: 0;
}

#publication div.shippingAddress .title .content,#publication div.billingAddress .title .content,#publication div.basketTable .title .content {
    border-bottom: 1px solid #ee7025;
    margin: 0;
    padding: 0.5em 1em;
    display: block;
}

#publication div.formContent {
    background-color: #fff;
    border-left: 1px solid #848484;
}

#publication .macrotheme div.formContent {
    background-color: #fff;
    border: 1px solid #848484;
    padding: 3px 4px;
}

#publication div.shippingAddress div.formContent,#publication div.billingAddress div.formContent {
    background-color: #f9f9f9;
    border-left: 1px solid #fff;
    padding-right: 6em;
}

#publication div.shippingAddress div.formContent p,#publication div.billingAddress div.formContent p {
    margin: 0;
    padding: 0;
}

#publication .step1 div.formContent {
    padding: 0;
}

#publication .step1 fieldset legend,#publication .step3 fieldset legend {
    padding-top: 1em;
    padding-bottom: 0.5em;
    margin-left: 5px;
    color: #3e6460;
}

#publication .step2 fieldset legend {
    font-weight: normal;
    color: #000000;
    padding: 0;
}

#publication div.formContent .label {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    width: 13em;
}

#publication .macrotheme div.formContent .label {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    width: 30%;
}

#publication div.formContent .groupFields .label {
    padding-top: 0;
    padding-bottom: 0;
}

#publication div.formContent .formw,#publication div.formContent .groupFields {
    border-bottom: 1px solid #e6e6e6;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#publication .macrotheme div.formContent .formw,#publication .macrotheme div.formContent .groupFields {
    border-bottom: none;
    margin-left: 32%;
    padding: 0.1em;
    padding-left: 5px;
    margin-bottom: 0;
}

#publication .macrotheme div.formContent .line {
    border-bottom: 1px solid #e6e6e6;
    font-size: 1px;
    line-height: 1px;
    margin: 3px 0;
}

#publication .macrotheme select {
    width: 80%;
    margin: 0;
    padding: 0;
}

#publication div.formContent .groupFields .formw {
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#publication div.navigation {
    clear: both;
    margin-top: 1.5em;
}

#publication div.basketTable table,#publication div.groupTable table {
    width: 100%;
    margin: auto;
    margin-bottom: 0;
}

#publication div.basketTable th {
    border-bottom: 1px solid #c1c1c1;
    padding: 0.2em 1%;
    font-size: 0.9em;
    padding-bottom: 2px;
    text-align: left;
    color: #3e6460;
}

#publication div.basketTable .borderLeft td {
    background: #fff url("../../pictures/layout/basket/bg_border.gif") top left repeat-y;
}

#publication div.basketTable tr.borderLeft th {
    background: #f0f0f0 url("../../pictures/layout/basket/bg_border.gif") top left repeat-y;
}

#publication div.basketTable th.right {
    text-align: right;
}

#publication div.basketTable th.left {
    text-align: left;
}

#publication div.basketTable .deleteCol {
    width: 8.5em;
}

#publication div.basketTable table td {
    border-bottom: 1px solid #c1c1c1;
    text-align: left;
}

#publication div.basketTable tr {
    
}

#publication div.basketTable td.right {
    text-align: right;
}

#publication div.basketTable td.left {
    text-align: left;
}
/* pour les leins de suppression */
#publication div.basketTable a.button,#publication div.basketTable a.button:link,#publication div.basketTable a.button:visited,#publication div.basketTable a.button:hover {
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    padding-bottom: 8px;
    white-space: nowrap;
}

#publication div.basketTable a.button .contentA,#publication div.basketTable a.button .contentB,#publication div.basketTable a.button .contentC,#publication div.basketTable a.button .contentD {
    padding-top: 4px;
    padding-bottom: 8px;
}

#publication div.basketTable a.button img {
    vertical-align: middle;
}

#publication div.basketTable a.button .contentD,#publication div.basketTable a.button .contentD,#publication div.basketTable a.button .contentD {
    padding-left: 4px;
    padding-right: 4px;
}

#publication div.basketTable a.delete:link,#publication div.basketTable a.delete:visited,#publication div.basketTable a.delete:hover {
    color: #000;
    background-color: #ffc8a9;
}

#publication div.basketTable a.delete:hover {
    color: #172d25;
    background-color: #ffffff;
}

#publication div.basketTable a.delete .contentA {
    display: inline;
    background: url(../../pictures/layout/basket/but_delete_tl.gif) top left no-repeat;
}

#publication div.basketTable a.delete .contentB {
    display: inline;
    background: url(../../pictures/layout/basket/but_delete_tr.gif) no-repeat top right;
}

#publication div.basketTable a.delete .contentC {
    display: inline;
    background: url(../../pictures/layout/basket/but_delete_br.gif) no-repeat bottom right;
}

#publication div.basketTable a.delete .contentD {
    display: inline;
    background: url(../../pictures/layout/basket/but_delete_bl.gif) no-repeat bottom left;
}

#publication div.basketTable .total {
    margin: 2px;
    background-color: #feeee3;
    padding: 2em;
}

#publication div.basketTable .total .text {
    padding-left: 1em;
}

#publication div.basketTable a.calculate:link,#publication div.basketTable a.calculate:visited,#publication div.basketTable a.calculate:hover {
    color: #000;
    font-size: 0.65em;
    background-color: #e1e1e1;
}

#publication div.basketTable a.calculate:hover {
    color: #172d25;
    background-color: #ffffff;
}

#publication div.basketTable a.calculate .contentA {
    display: inline;
    background: url(../../pictures/layout/basket/but_calculate_tl.gif) top left no-repeat;
}

#publication div.basketTable a.calculate .contentB {
    display: inline;
    background: url(../../pictures/layout/basket/but_calculate_tr.gif) no-repeat top right;
}

#publication div.basketTable a.calculate .contentC {
    display: inline;
    background: url(../../pictures/layout/basket/but_calculate_br.gif) no-repeat bottom right;
}

#publication div.basketTable a.calculate .contentD {
    display: inline;
    background: url(../../pictures/layout/basket/but_calculate_bl.gif) no-repeat bottom left;
}

#publication div.basketTable a.address:link,#publication div.basketTable a.address:visited,#publication div.basketTable a.address:hover {
    color: #000;
    font-size: 0.8em;
    background-color: #ffc8a9;
}

#publication div.basketTable a.address:hover {
    color: #172d25;
    background-color: #ffffff;
}

#publication div.basketTable a.address .contentA {
    display: inline;
    background: url(../../pictures/layout/basket/but_delete_tl.gif) top left no-repeat;
}

#publication div.basketTable a.address .contentB {
    display: inline;
    background: url(../../pictures/layout/basket/but_delete_tr.gif) no-repeat top right;
}

#publication div.basketTable a.address .contentC {
    display: inline;
    background: url(../../pictures/layout/basket/but_delete_br.gif) no-repeat bottom right;
}

#publication div.basketTable a.address .contentD {
    display: inline;
    padding-left: 6px;
    background: url(../../pictures/layout/basket/but_delete_bl.gif) no-repeat bottom left;
}

#publication div.basketTable .total {
    margin: 0;
    background: #feeee3 url("../../pictures/layout/basket/bg_border.gif") top left repeat-y;
    padding: 1em;
    text-align: right;
    font-weight: bold;
    font-size: 1.2em;
}

#publication .aleft {
    width: 15em;
    margin-left: 1%;
}

#publication .aright {
    width: 15em;
    padding: 0;
    margin-right: 1%;
}

/* --------------- commande groupee -------------------- */
#publication table {
    width: 100%;
    border: 0;
}

#publication table caption {
    display: none;
}

#publication legend.none {
    display: none;
}

#publication table thead,#publication table tfoot,#publication table tbody,#publication table th {
    border: 0;
}

#publication table th {
    text-align: left;
    background-color: #FFFFFF;
    padding-bottom: 1px;
    color: #3e6460;
    padding-left: 0.8em;
    border-bottom: 4px solid #5daca7;
}

#publication table td {
    padding: 1em 1%;
    vertical-align: top;
    border: 0;
}

#publication table td.cover {
    text-align: center;
    border-left: 1px solid #50abc1;
}

#publication table td.cover img {
    margin: 0 auto;
}

#publication table tr.language td {
    border-top: 1px solid #bcdbe2;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#publication table td.language {
    color: #FFFFFF;
    background: transparent url("../../pictures/layout/basket/bg_border_green.gif") top left repeat-y;
}

#publication table tr.language a:link,#publication table tr.language a:visited {
    font-weight: bold;
    color: #1a9fbe;
    color: #188d81;
    display: list-item;
    margin-left: 2em;
}

#publication table tr.language a:visited {
    color: #5E5E5E;
}

#publication table tr.language a:active,#publication table tr.language a:hover {
    color: #ff6600;
}

#publication table td.input {
    white-space: nowrap;
    vertical-align: middle;
    border-left: 1px solid #50abc1;
    width: 15%;
}

#publication tr.odd td {
    background-color: #fff;
}

#publication tr.even,#publication tr.even .description,#publication tr.even .input {
    background-color: #edf4f3;
}

#publication tr.publication td {
    border-top: 3px solid #5daca7;
}

#publication tr td.description {
    background: #fff url("../../pictures/layout/basket/bg_border_green.gif") top left repeat-y;
}

#publication tr.languageTitle td {
    padding-top: 0;
    padding-bottom: 0.5em;
}

#publication tr.publication td.title {
    border-left: 1px solid #50abc1;
    padding-left: 0.8em;
    font-size: 0.9em;
    padding-top: 0.8em;
    padding-bottom: 0.5em;
}

#publication tr.new td {
    border-top: 2px solid #ffa387;
}

/* -----------------------FIN--------------------------- */

/* Publications */
/* ----------------------------------------------------- */
/* Liste de documents � t�l�charger ou commander		 */
/* ----------------------------------------------------- */
#publication {
    overflow: hidden;
    margin: 0;
    padding: 0;
    clear: both;
}

#publication a,#publication a:link {
    color: #188d81;
}

#publication a:visited {
    color: #5E5E5E;
}

#publication a:active,#publication a:hover {
    color: #ff6600;
}

#publication .element {
    margin-top: 1em;
}

#publication .thumb140 {
    float: left;
    width: 150px;
    display: inline;
    padding: 0;
    font-size: 80%;
    text-align: left;
    color: #2B66A0;
}

#publication .descWithThumbnail { /* if there is a thumbnail */
    margin-left: 155px;
}

#publication .desc { /* if there is NO thumbnail */
    
}

#publication .thumb140 img {
    width: 140px;
}

#publication .desc {
    padding: 0;
}

#publication .title {
    font-weight: bold;
    font-size: 105%;
    color: #000;
    margin: 0;
    margin-bottom: 7px;
    background-image: none;
    padding: 0;
}

#publication h2 {
    margin: 0;
    margin-bottom: 1em;
}

#publication .subTitle {
    font-weight: bold;
    font-size: 80%;
    color: #000;
    margin: 0;
    margin-bottom: 7px;
    background-image: none;
    padding: 0;
}

#publication .subTitle a:link {
    color: #000;
}

#publication .title,#publication .title a:link,#publication .title a:visited {
    color: #188d81;
}

#publication .title a:hover,#publication .subTitle a:hover {
    color: #ff6600;
}

#publication .desc .metaData,#publication .descWithThumbnail .metaData {
    margin-bottom: 1em;
}

#publication .desc .metaRow,#publication .descWithThumbnail .metaRow {
    margin: 0 auto;
    color: #294341;
}

#publication .desc .metaRow .metaCol1,#publication .descWithThumbnail .metaRow .metaCol1 {
    width: 120px;
    font-weight: bold;
}

#publication .desc .metaRow .metaCol2,#publication .descWithThumbnail .metaRow .metaCol2 {
    color: #6F6F6F;
}

#publication .copyright {
    font-size: inherit;
    margin-bottom: 1em;
    color: #999999;
}

#publication .desc .langListTitle,#publication .descWithThumbnail .langListTitle,#publication table .langListTitle {
    font-weight: bold;
    margin-bottom: 0;
}

#publication .desc .langList,#publication .descWithThumbnail .langList {
    margin-left: 10px;
    padding-left: 10px;
    font-size: 85%;
}

#publication .hr {
    clear: left;
    height: 1px;
    background-color: #54AAA4;
    position: relative;
    border: 0;
    margin: 10px 0;
    color: #4774B0;
}

#publication .sep {
    clear: left;
    content: ".";
    display: block;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    visibility: hidden;
}

#publication img.thumbnailImg {
    position: relative;
    top: 0px;
    margin: 0px;
    border: 0px;
}

/* Publication link colors */
#publication .desc h1 a:link,#publication .desc h1 a:visited,#publication .descWithThumbnail h1 a:link,#publication .descWithThumbnail h1 a:visited {
    color: #54AAA4;
}

#publication .desc h1 a:active,#publication .desc h1 a:hover,#publication .desc h1 a:visited:hover,#publication .descWithThumbnail h1 a:active,#publication .descWithThumbnail h1 a:hover,#publication .descWithThumbnail h1 a:visited:hover {
    color: #3232B6;
}

.cancel {
    color: #b90000;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 0px;
}

.cancel ul,.cancel ol,.cancel dl {
    color: #b90000;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* contacts */
/* ----------------------------------------------------- */
/* Annuaire des personnes de contact					 */
/* ----------------------------------------------------- */
#contacts {
    clear: both;
    overflow: hidden;
    margin: 0 10% 0 0;
    padding: 0;
}

#contacts ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#contacts .element {
    margin: 0;
    padding: 0;
}

#contacts .nameCol {
    float: left;
    width: 30%;
    padding: 0;
}

#contacts .nameCol .content {
    margin: 0;
    padding: 0;
}

#contacts .nameCol h3 {
    margin: 0 0 0 15px;
    padding: 0;
    background: none;
    border-bottom: 1px solid #F9C7A5;
    padding: 2px 0;
    color: #F67B26;
    font-weight: bold;
}

#contacts p {
    margin: 0;
    border-bottom: 1px solid #F9C7A5;
    padding: 2px 0;
}

#contacts .desc {
    margin: 0 0 0 30%;
    padding: 0;
    border-left: 1px solid #F9C7A5;
}

#contacts .desc .content {
    margin: 0;
}

#contacts .desc p {
    padding-left: 10px;
}

#contacts .desc .metaData {
    
}

#contacts .desc .metaRow {
    color: #294341;
}

#contacts .desc .metaCol1 img {
    margin-top: 3px;
}

#contacts .desc .metaRow .metaCol1 {
    display: block;
    float: left;
    width: 4em;
    font-weight: bold;
}

#contacts .desc .metaRow .metaCol2 {
    color: #6F6F6F;
}

#contacts .sep {
    clear: left;
    display: block;
    font-size: 1em;
}

/* Tableaux */
/* ----------------------------------------------------- */
/* Annuaire des personnes de contact					 */
/* ----------------------------------------------------- */
table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
}

thead,tfoot {
    background-color: #E3EDF8;
    border: 1px solid #888888;
}

tbody {
    border: 1px solid #84b5b0;
}

th {
    padding: 5px;
    /*background-color:#E3EDF8;*/
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #888888;
    border-right-color: #888888;
    border-bottom-color: #888888;
    border-left-color: #888888;
}

td {
    font-size: 1em;
    padding: 5px;
    text-align: left;
}

caption {
    font-weight: bold;
    padding-bottom: 10px;
}

/* ----------------------------------------------------- */
/* Formations											 */
/* ----------------------------------------------------- */
#formation {
    padding-bottom: 2em;
}

#formation .title {
    background: #c7eae7 url("../../pictures/layout/body/formation/title_bg.gif") bottom left repeat-x;
    position: relative;
    border-bottom: 1px solid #A8C3C0;
}

#formation h2 {
    position: absolute;
    bottom: 3px;
    left: 70px;
    margin: 0;
    padding: 0;
    background: none;
    color: #294341;
    font-weight: bold;
    font-size: 1em;
}

#formation .leftLogo {
    float: left;
    margin-right: 5px;
    border: 1px solid #A8C3C0;
    border-bottom: 0;
}

#formation .rightLogo {
    float: right;
    margin-left: 5px;
    border: 1px solid #A8C3C0;
    border-bottom: 0;
}

div#formation .content {
    border: 1px solid #A8C3C0;
    border-bottom: 0;
    margin: 2em 0 0 0;
    padding: 0;
    background: #fff url("../../pictures/layout/body/formation/content_bg.gif") top left repeat-y;
}

div#formation .content .content {
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
}

div#formation .content a,div#formation .content a:link {
    color: #5B8D88;
}

div#formation .content a:visited,div#formation .content a:active,div#formation .content a:hover,div#formation .content a:visited:hover {
    color: #6F6F6F;
}

#formation div.content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#formation div.content ul ul {
    margin: 0;
    padding: 1em 1em 0 0;
    list-style-type: circle;
}

#formation div.content ul ul li {
    margin: 0 0 0 2em;
    padding: 0 1em 0 0;
    list-style-type: circle;
}

#formation .element {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #A8C3C0;
    font-size: 1em;
}

#formation .nameCol {
    float: left;
    width: 178px;
    padding: 0;
}

#formation .nameCol .content {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}

#formation .nameCol h3 {
    margin: 0 0 0 5px;
    background: none;
    padding: 1em 0 0 0;
    color: #5B8D88;
    font-weight: bold;
}

#formation p {
    margin: 0;
    padding: 1em 1em 0 0;
}

#formation .desc {
    margin: 0 0 0 180px;
    padding: 0;
}

#formation .desc .content {
    margin: 0;
}

#formation .desc p {
    padding-left: 1em;
}

#formation .sep {
    clear: left;
    display: block;
    font-size: 1em;
}

div#formation .submit {
    background: #fff url("../../pictures/layout/body/formation/button_bg.gif") top left no-repeat;
    width: 91px;
    height: 24px;
    font-weight: bold;
}

/* Calendrier */
/* ----------------------------------------------------- */
div#calendar .calSubtitle {
    border-bottom: 0;
    margin: 0;
}

div#calendar .formCalendar {
    padding: 0 5px 0 8px;
    margin-bottom: 1em;
    border: 1px dashed #999;
}

div#calendar .calLeft {
    float: left;
    display: block;
    width: 15em;
    margin-right: 80px;
    padding-top: 1em;
}

/* Tableau sur 1 mois */
/* ----------------------------------- */
/* mise a 0 des valeurs par defaut     */
/* ----------------------------------- */
div#calendar table {
    border: 0;
    border-collapse: collapse;
    margin: 0;
}

div#calendar thead,div#calendar tfoot {
    background-color: #f6f9f9;
    border: 0;
}

div#calendar tbody {
    background-color: #fff;
    border: 0;
}

div#calendar th {
    border: 1px solid #84b5b0;
    border-bottom: 0;
    padding: 0;
    background-color: transparent;
}

div#calendar td {
    font-size: 100%;
    border: 0;
    padding: 0;
    text-align: center;
}

div#calendar caption {
    font-weight: bold;
    padding-bottom: 10px;
}

/* ----------------------------------- */
/* mise en forme du tableau		       */
/* ----------------------------------- */
div#calendar .calTable {
    width: 194px;
}

div#calendar .calTable td {
    text-align: center;
}

div#calendar .monthCal {
    font-weight: bold;
    font-size: 120%;
    color: #4277be;
    height: 2em;
    text-align: center;
}

div#calendar .arrowCal {
    color: #a2bcdf;
    font-weight: bold;
    font-size: 140%;
    text-decoration: none;
}

div#calendar .weekCal {
    background-color: #4277be;
    text-align: center;
    color: #FFFFFF;
    width: 22px;
}

div#calendar .weekCalBlank {
    width: 20px;
}

div#calendar .calTable .cal4,div#calendar .calTable a.cal4:link,div#calendar .calTable a.cal4:visited {
    border: 1px solid #fff;
    background: #fff;
    font-size: 75%;
    color: #000;
    display: block;
}

div#calendar .calTable a.cal4 {
    text-decoration: underline;
}

div#calendar .calTable a.cal4:hover,div#calendar .calTable a.cal4:visited:hover {
    border: 1px solid #4774b0;
    display: block;
    background: #4774b0;
    color: #fff;
    text-decoration: none;
}

div#calendar .calTable .cal5,div#calendar .calTable .cal5:link,div#calendar .calTable .cal5:visited {
    border: 1px solid #4774b0;
    background: #fff;
    color: #000000;
    font-size: 75%;
    display: block;
}

div#calendar .calTable a.cal5 {
    
}

div#calendar .calTable .cal5:hover,div#calendar .calTable .cal5:visited:hover {
    border: 1px solid #4774b0;
    background: #4774b0;
    color: #fff;
    text-decoration: none;
}

/* ----- FIN Tableau sur 1 mois ------ */
div#calendar #linksCal {
    padding-top: 30px;
    display: block;
}

div#calendar #linksCal ul {
    margin: 0;
    padding: 0;
}

div#calendar #linksCal li {
    list-style-image: url(../../pictures/layout/body/shared/bullet.gif);
}

div#calendar hr {
    clear: left;
}

div#calendar .calHr {
    clear: left;
    height: 2px;
    background-color: #4774B0;
    position: relative;
    border: 0;
    margin: 0;
    color: #4774B0;
}

div#calendar #entreleetle {
    float: left;
    margin-right: 0.4em;
}

div#calendar .formTitle {
    font-weight: bold;
}

div#calendar .default {
    background-color: #DFDFDF;
    margin-bottom: 10px;
}

/* Tableaux */
/* ----------------------------------------------------- */
/* Annuaire des personnes de contact					 */
/* ----------------------------------------------------- */

/* Navigation 
   La largeur des menus ne peut en aucun cas depasser la 
   largeur de la colonne : 160px.				 */
/* ----------------------------------------------------- */
#thematicNav ul,#transversalNav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-transform: uppercase;
}

#thematicNav {
    padding-bottom: 16px;
    background: #b4d4e5 url(../../pictures/layout/leftnav/shared/thematic_bottom.gif) bottom left no-repeat;
}

#thematicNav ul li,#transversalNav ul li {
    margin: 0;
    padding: 0;
    margin-bottom: 0;
}

#transversalNav ul li {
    
}

#thematicNav ul li ul li,#transversalNav ul li ul li {
    margin: 0;
    border: 0;
}

/* Main Navigation 
	   Si l'aspect des elements de navigation varie de categorie
	   en categorie, on commence par fixer les preferences 
	   generales comme l'espacement, la taille, la font etc... */
/* ------------------------------------------------------- */
#leftCol #thematicNav a,#leftCol #thematicNav .navOn a {
    font-weight: bold;
    font-size: 90%;
    text-decoration: none;
    position: relative;
    display: block;
    background-color: #005379;
    background-image: url(../../pictures/layout/leftnav/shared/bg_buttons.gif);
    background-repeat: repeat-y;
    color: #fff;
}

#leftCol #thematicNav a.navColor5 .contentA {
    background: url(../../pictures/layout/leftnav/shared/bg_buttons_bottom_last.gif) bottom left repeat-x;
}

#leftCol #thematicNav a .contentA {
    padding: 7px 5px 10px 8px;
    display: block;
    background: url(../../pictures/layout/leftnav/shared/bg_buttons_bottom.gif) bottom left repeat-x;
}

#leftCol #thematicNav #subNav a .contentA {
    padding: 7px 5px 10px 8px;
    display: block;
    background: transparent;
}

#leftCol #thematicNav .navOn a .contentA {
    padding: 7px 5px 10px 8px;
    display: block;
    background: none;
}
/* Pour dissocier les differents elements de navigation
	   on varie leurs couleurs :						 */
/* ----------------------------------------------------- */
#leftCol #thematicNav .navOn a,#leftCol #thematicNav .navOn a {
    
}

#leftCol #thematicNav a:hover,#leftCol #thematicNav a:active,#leftCol #thematicNav .navOn a,#leftCol #thematicNav .navOn a {
    background-color: #004261;
    background-image: url(../../pictures/layout/leftnav/shared/bg_buttons_over.gif);
}

#leftCol #thematicNav a.navColor1:hover,#leftCol #thematicNav a.navColor1:active,#leftCol #thematicNav .navOn a.navColor1,#leftCol #thematicNav .navOn a.navColor1 {
    background-color: #004261;
}

/* Navigation transversale								 */
/* ----------------------------------------------------- */
#transversalNav {
    padding: 0 0 114px 0;
    list-style: none;
    z-index: 10;
    overflow: visible;
    background: transparent url(../../pictures/layout/leftnav/shared/transversal_bottom.gif) bottom left no-repeat;
}

#transversalNav ul li {
    margin-bottom: 0;
    padding: 0;
}

#transversalNav ul {
    margin-bottom: 0;
    padding: 0;
}

#leftCol #transversalNav a,#leftCol #transversalNav .navOn a {
    font-weight: bold;
    font-size: 90%;
    text-decoration: none;
    position: relative;
    display: block;
    background-color: #f8b313;
    background-image: url(../../pictures/layout/leftnav/shared/bg_tbuttons.gif);
    background-repeat: repeat-y;
    background-position: bottom left;
    color: #000;
}

#leftCol #transversalNav a .contentA,#leftCol #transversalNav .navOn a .contentA {
    padding: 7px 5px 10px 8px;
    display: block;
    background-image: url(../../pictures/layout/leftnav/shared/bg_tbuttons_bottom.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
}

#leftCol #transversalNav a:hover,#leftCol #transversalNav a:active,#leftCol #transversalNav .navOn a,#leftCol #transversalNav .navOn a {
    background-color: #d99a03;
}

/* Navigation de deuxieme niveau						 */
/* ----------------------------------------------------- */
#subNav {
    color: #4c1703;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 100%;
}

#transversalNav #subNav {
    background-image: url(../../pictures/layout/leftnav/shared/bg_tsubnav.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 6px;
}

#subNav ul {
    padding: 0 0 0 0;
    margin: 0;
    text-transform: none;
}

#transversalNav #subNav ul {
    border-left: 1px solid #c8b4b3;
}

#leftCol #thematicNav #subNav li {
    margin: 0;
    padding: 0;
    display: inline; /* this gets rid of the gaps */
    display: block;
    background-color: #f1f6fb;
    background-image: url(../../pictures/layout/leftnav/shared/bullet.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 100%;
    color: #254f5b;
}

#leftCol #subNav a:link,#leftCol #subNav a:visited {
    border-bottom: 1px solid #fff;
    color: #254f5b;
    text-decoration: none;
    font-weight: normal;
    display: block;
    padding: 5px 0 5px 17px;
    background: transparent;
}

#leftCol #transversalNav #subNav li {
    margin: 0;
    padding: 0;
    display: inline; /* this gets rid of the gaps */
    display: block;
    background-color: #fff;
    background-image: url(../../pictures/layout/leftnav/shared/bullet.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 100%;
    color: #254f5b;
}

#leftCol #thematicNav #subNav li a.leftnav span.contentA {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    color: #254f5b;
}

#leftCol #transversalNav #subNav li a.leftnav span.contentA {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    color: #254f5b;
    background: none;
}

#leftCol #transversalNav #subNav a:hover,#leftCol #transversalNav #subNav .subNavOn a:hover,#leftCol #transversalNav #subNav a:active,#leftCol #transversalNav #subNav .subNavOn a {
    text-decoration: underline;
    color: #254f5b;
    background: #fedc89 url(../../pictures/layout/leftnav/shared/bullet_over.gif) top left no-repeat;
}

#leftCol #subNav a:hover,#leftCol #subNav .subNavOn a:hover,#leftCol #subNav a:active,#leftCol #subNav .subNavOn a {
    text-decoration: underline;
    color: #254f5b;
    background: #e3edf8 url(../../pictures/layout/leftnav/shared/bullet_over.gif) top left no-repeat;
}

#leftCol #subNav .subNavOn a:link,#leftCol #subNav .subNavOn a:visited,#leftCol #subNav .subNavOn a:active {
    
}