body {    margin: 0;    font-family: Arial, Helvetica, sans-serif;    font-size: 0.7em;    background-color: #fff;    padding:0; margin:0;}#conteneur {    position: relative; /* on positionne le conteneur */    margin-left: auto;    margin-right: auto;    width: 984px;}#main {    width: 984px;    float: left;}#right {    width: 165px;    float: left;    height: 50px;    padding-top: 12px;}#right ul {    margin: 10px 0 0 0;    padding: 0}#right li {    list-style-type: none;    padding: 0;    margin: 4px 0 0 0}#right a {    text-decoration: none;    font-weight: bold;    display: block;    padding-left: 4px}#right a:link, #right a:visited {    color: #786854;}#right a:hover, #right a:active {    background-color: #7cded5;    color: #fff;}#top {width: 984px;float: left;height: 108px;background: url(../img/librairie-laique.gif) no-repeat;margin-top: 38px;/*background-color:#ff0000*/}#gauche {    width: 100px;    float: left;    margin: 34px 0 0 0;}#gauche #menu, #gauche #menuc {    margin: 14px 0 18px 0;    font-size: 1.1em;    padding-left: 6px;    line-height: 1.3em;}#menuc {    display: none;}#gauche #menuc li a {    font-size: .8em;    padding-left: 2px;}#gauche #menu ul {    padding: 0;    margin: 0}#gauche #menu ul li, #gauche #menuc ul li {    padding: 0;    margin: 0;    list-style-type: none;}#norm li a, #cat li a, #menuc li a {    text-decoration: none;    font-weight: bold;}#norm li a:link, #norm li a:visited, #menuc li a:link, #menuc li a:visited,#numerotation a:link, #numerotation a:visited{    color: #000;}#norm li a:hover, #norm li a:active, #menuc li a:hover, #menuc li a:active,#numerotation a:hover, #numerotation a:active {    color: #786854;    border-bottom: 1px solid #8e776b}#cat a:link, #cat a:visited {    color: #7cded5;}#menu #cat a:hover, #menu #cat a:active {    color: #786854;    border-bottom: 1px solid #8e776b}#droite {    width: 632px;    float: left;    padding-left: 58px;    margin: 32px 0 32px;    line-height: 1.4em;}#moncompte, #rechercher {    background-color: #786854;    color: #fff;    font-size: .8em;    padding: 10px 4px 10px 6px;    margin: 0;    width: 90px;}#moncompte {}#moncompte h1 {    font-size: 1.2em;    margin: 0}#moncompte a:link, #moncompte a:visited {    color: #fff;    text-decoration: none}#moncompte a:hover, #moncompte a:active {    color: #fff;    text-decoration: underline}#connect {    margin: 20px 0 0 0;font-size:1.2em;}#rechercher {    padding: 4px 4px 4px 6px;}#moncompte .submit, #rechercher .submit {    background-color: #786854;    color: #fff;    font-size: 1.2em;    font-weight: bold;    border: 0px;    padding: 3px 0 0 0;    margin: 0 0 0 0;}.no {    width: 84px;}.mdp {    width: 54px;}.no, .mdp {    height: 16px;    border: 0px;    font-size: 1.2em;}.dialog {    width: 100px;    margin: 0px auto;    min-width: 5em;    color: #fff;}.dialog .hd .c, .dialog .ft .c {    font-size: 1px; /* ensure minimum height */    height: 10px;}.dialog .ft .c {    height: 14px;}.dialog .hd {    background: transparent url(../img/tl.gif) no-repeat 0px 0px;}.dialog .hd .c {    background: transparent url(../img/tr.gif) no-repeat right 0px;}.dialog .ft {    background: transparent url(../img/bl.gif) no-repeat 0px 0px;}.dialog .ft .c {    background: transparent url(../img/br.gif) no-repeat right 0px;}#footer {    float: left;    width: 100%;    text-align: center}#footer hr {    width: 340px;    border: 1px solid #c0c0c0}#footer ul {    margin: 0px;    padding: 0px;}#footer ul li {    display: inline;    padding: 0 0 0 10px;}#footer ul li a {    font-weight: normal}.menuc a {    display: block}#catListe img {    margin: 0 16px 10px 0;    border: 0;}#catListe a {    text-decoration: none}#loadingMsg {    /*     avec le gif de chargement     */    display: none;    position: absolute;    width: 200px;    height: 200px;    text-align: center;    left: 50%;    top: 50%;    margin-top: -100px; /* moitié de la hauteur */    margin-left: -100px; /* moitié de la largeur */    z-index: 980;}#lettreDisplay {    margin: 0px 0 20px 0;    line-height: 1.4em;}/* la div qui reçoit l'index */#catDisplay {    margin: 0 0 20px 0;}#catDisplay a {    font-size: 1.1em;    width: 142px;    display: block;    font-weight: bold;    text-decoration: none;    margin: 0 0 6px 0;    padding: 0 10px 0 0;}#catDisplay a:link, #catDisplay a:visited {    color: #000;}#catDisplay a:hover, #catDisplay a:active {    color: #786854;}/*apparence des résultats de l'index */.indexListe {    float: left;}/* * stylisation des formulaires  */#ajout {    background: #ffffff;    padding: 10px 0 26px 0}#ajout .text {    background-color: #CCC;    /*display:block;*/    float: left;    margin-bottom: 10px;    border: 1px solid black;    width: 300px;}#ajout .textp {    background-color: #CCC;    /*display:block;*/    float: left;    margin-bottom: 10px;    border: 1px solid black;    width: 120px;}#ajout label {    display: block;    text-align: right;    float: left;    width: 120px;    padding-right: 20px;    font-size: .8em;}#ajout br {    clear: left;}#ajout textarea {    background-color: #ccc;    width: 300px;    border: 1px solid black;    margin-bottom: 10px;}#ajout select {    margin-bottom: 14px;}#ajout input.sub1 {    background-color: #786854;    color: white;    border: 1px solid black;    font-size: .6em;    width: 15em;    margin-left: 200px}#ajout input:focus {    background-color: #9fe7e0;}.red {    color: red;    font-size: 1.4em;    margin-left: 4px;}.redform {    background-color: #e1caae;    font-size: .7em;    padding: 0 0 0 6px;}/* stylisation des boutons  */.tableform {    margin-left: 136px;}#merci , .merci {    background-color: #786854;    color: #fff;    padding: 10px 10px 10px 40px;    margin: 0 40px 0 20px;}#merci2 {    background-color: #786854;    color: #fff;    padding: 10px 10px 10px 40px;    margin: 0 40px 0 20px;}/*perde d'identifiants  */#perteBoite { /*     la div avec le forumailre de reconnaissance     */    width: 300px;    height: 180px;    position: absolute;    left: 50%;    margin: 10px 0 0 0px;    padding: 10px;    z-index: 500;    display: none;    left: 50%;    top: 50%;    margin-top: -100px; /* moitié de la hauteur */    margin-left: -100px; /* moitié de la largeur */background-color: #786854;    color: #fff;    font-size: .8em;    padding: 10px 4px 10px 6px;   opacity: 0.8;    -moz-opacity: 0.8;    -khtml-opacity: 0.8;    filter: alpha(opacity = 80);}/*.boiteRouge {    border: 1px solid Black;    padding: 4px 14px 2px 8px;    font-family: Verdana, Arial;    font-size: .7em;    background-color: #d61616;    opacity: 0.8;    -moz-opacity: 0.8;    -khtml-opacity: 0.8;    filter: alpha(opacity = 80);    text-align: justify;}*/#perteBoite  input {    font-size: 1em;    color: black;    border: 1px solid grey;    width: 150px;    height: 16px;    background-color: #7cded5;    margin: 4px 0 2px 0;}#perteBoite #pp /*bouton pour envoyer le mail*/ {    font-size: 1.1em;    font-weight: bold;    color: #000;    border: 0px solid #999;    width: 80px;    height: 24px;    margin: 10px 0 2px 10px;    padding: 2px;}.boiteRouge label {    text-align: left;}#xxx { /*     La div de fermeture des fenêtres     */    text-align: right;}#xx a:link, #xxx a:link, #xxsmall a:link, #xxxInfoPers a:link {    background-color: black;    text-decoration: none;    color: white;    font-weight: bold;    padding: 1px 2px 0px 4px;    border-left: 1px solid yellow;}#xx a:visited, #xxx a:visited, #xxsmall a:visited, #xxxInfoPers a:visited {    background-color: black;    text-decoration: none;    color: white;    font-weight: bold;    padding: 1px 2px 0px 4px;    border-left: 1px solid yellow;}#xx a:hover, #xxx a:hover, #xxsmall a:hover, #xxxInfoPers a:hover {    background-color: white;    text-decoration: none;    color: black;    font-weight: bold;    padding: 1px 2px 0px 4px;    border-left: 1px solid yellow;}#xx a:active, #xxx a:active, #xxsmall a:active, #xxxInfoPers a:active {    background-color: black;    text-decoration: none;    color: red;    font-weight: bold;    padding: 1px 2px 0px 4px;    border-left: 1px solid yellow;}/*boutons d'envoi dans les listes de sclient */.t1 {    width: 80px;    border: 1px solid grey;    background-color: #6FC;    font-size: .8em;}.t2 {    width: 80px;    border: 1px solid grey;    background-color: #F63;    font-size: .8em;    0}.t3 {    width: 160px;    border: 1px solid grey;    background-color: #FF6;    font-size: .8em;    0}.pape {    float: left;    width: 300px;    margin: 4px;    height: 160px;    font-size: 1.1em;    padding: 0 6px 0px 0;    margin: 0 0 16px 0}.pape img {    margin: 0 6px 0 0}/*les images du catalogue*/.prod_img {    height: 160px;    float: left;    width: 130px;text-align:center}.prod_recyc {z-index:4; margin: 0 0 0 104px;position:absolute; height:18px;width:18px; }.prod_text {    height: 130px;    float: left}.prod_bt {    border: 0px solid #fff;background-color:transparent}#numerotation {    float: left;    width: 600px;    background-color: #f7f7f7;    margin: 20px 0 20px 0;font-size:1.3em;font-weight:bold;}#numerotation a{text-decoration:none;font-size:.7em;font-weight:normal;}.qte {    font-size: .8em;margin-bottom:0px;width:30px;border:1px solid #ab9f90}#basket {    width: 140px;border-left:1px solid #786854;padding:0 0 0 4px;color:#786854;line-height:1.2em;}#basket .prixtotal{padding: 0 0 0 4px;background-color:#7cded5; margin:10px 0 0px 0}.green{background-color:#009036; color:white;}.yellow{background-color:#f29400;}.orange{background-color:#33b1e6;}.index{ background:url(../img/librairie-laique.jpg) center 28px no-repeat;}#connectInpage{margin:0 0 0 30px;}#connectInpage label{    display: block;    text-align: right;    float: left;    width: 120px;    padding-right: 20px;    font-size: .8em;}#connectInpage input{ float:left;width:150px; border:1px solid #786854; }#connectInpage .sub{ float:left;width:90px; border:1px solid #786854; margin:10px 0 0 40px}#connectInpage br {    clear: left;}.validationright{padding: 0 0 0 30px;}#droite a{text-decoration:none;}#droite a:link, #droite a:visited {    color: #786854;/*border-bottom: 1px solid #7cded5*/}#droite a:hover, #droite a:active {    color: #786854;    border-bottom: 1px solid #8e776b }#droite h2{font-style:italic;font-size:1.2em;}.sclient a{font-size:.8em;margin:0 0 0 10px;}.ok{ background-color: #786854; color:#fff; border:0px solid #fff; font-weight:bold;}.devis{ border:1px solid #666; margin:0 0 0 50px}.test{ background-color:red; height:40px; float:left}.memoriser{background-color:#7cded5;}.remise{font-size:1.2em; color:#999; padding: 0 0 8px 0;}.remise_p{font-size:.9em; color:#999; padding: 0 0 8px 0;}.gris_seuil{color:#545454}.gris{ font-size:1.1em; color:#fff}.subpop{color:red;width:190px;height:60pxcolor:white;border:1px solid #999;margin: 0 0 0 200px;}#barre{}/* Base Superbox Styles */#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}#superbox{margin:0 auto;padding:0;}#superbox-container .loading{margin:0;text-align:center;}/* IE7 */*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}*:first-child+html #superbox{position:relative;top:-50%;display:block;}/* IE6 - Thanks to Thickbox for IE expressions */* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}* html #superbox{position:relative;top:-50%;display:block;}* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}/* Default Theme */#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}#superbox{padding:10px;background:#fff;}#superbox-innerbox{padding:10px 0;}#superbox.image{text-align:center;}#superbox .close,#superbox .nextprev{overflow:hidden;margin:0;}#superbox-overlay{background:#e0e4cc;}#superbox-container .loading{width:32px;height:32px;margin:0 auto;text-indent:-9999px;background:url(../../img/ajax-loader.gif) no-repeat 0 0;}#superbox .close a{float:right;padding:0 5px;line-height:20px;background:#333;cursor:pointer;}#superbox .close a span{color:#fff;}#superbox .nextprev a{float:left;margin-right:5px;padding:0 5px;line-height:20px;background:#333;cursor:pointer;color:#fff;}#superbox .nextprev .disabled{background:#ccc;cursor:default;}/* *  File:         demo_table.css *  CVS:          $Id$ *  Description:  CSS descriptions for DataTables demo pages *  Author:       Allan Jardine *  Created:      Tue May 12 06:47:22 BST 2009 *  Modified:     $Date$ by $Author$ *  Language:     CSS *  Project:      DataTables * *  Copyright 2009 Allan Jardine. All Rights Reserved. * * *************************************************************************** * DESCRIPTION * * The styles given here are suitable for the demos that are used with the standard DataTables * distribution (see www.datatables.net). You will most likely wish to modify these styles to * meet the layout requirements of your site. * * Common issues: *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is *     no conflict between the two pagination types. If you want to use full_numbers pagination *     ensure that you either have "example_alt_pagination" as a body class name, or better yet, *     modify that selector. *   Note that the path used for Images is relative. All images are by default located in *     ../images/ - relative to this CSS file. *//* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables features */#example td{padding:2px 0px 2px 6px;}.dataTables_wrapper {padding:20pxpx;position: relative;min-height: 302px;clear: both;_height: 302px;zoom: 1; /* Feeling sorry for IE */}.dataTables_processing {position: absolute;top: 50%;left: 50%;width: 250px;height: 30px;margin-left: -125px;margin-top: -15px;padding: 14px 0 2px 0;border: 1px solid #ddd;text-align: center;color: #999;font-size: 14px;background-color: white;}.dataTables_length {}.dataTables_filter {width: 50%;float: right;text-align: right;}.dataTables_info {width: 60%;margin-bottom:20px;font-weight:bold;font-size:.9em;}.dataTables_paginate {width: 44px;* width: 50px;float: right;text-align: right;}/* Pagination nested */.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {height: 19px;width: 19px;margin-left: 3px;float: left;}.paginate_disabled_previous {background-image: url('../images/back_disabled.jpg');}.paginate_enabled_previous {background-image: url('../images/back_enabled.jpg');}.paginate_disabled_next {background-image: url('../images/forward_disabled.jpg');}.paginate_enabled_next {background-image: url('../images/forward_enabled.jpg');}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables display */table.display {margin: 0 auto;width: 100%;clear: both;}table.display thead th {padding: 3px 18px 3px 10px;border-bottom: 1px solid black;font-weight: bold;cursor: pointer;* cursor: hand;}table.display tfoot th {padding: 3px 10px;border-top: 1px solid black;font-weight: bold;}table.display tr.heading2 td {border-bottom: 1px solid #aaa;}table.display td {padding: 3px 10px;}table.display td.center {text-align: center;}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables sorting */.sorting_asc {background: url('../images/sort_asc.png') no-repeat center right;}.sorting_desc {background: url('../images/sort_desc.png') no-repeat center right;}.sorting {background: url('../images/sort_both.png') no-repeat center right;}.sorting_asc_disabled {background: url('../images/sort_asc_disabled.png') no-repeat center right;}.sorting_desc_disabled {background: url('../images/sort_desc_disabled.png') no-repeat center right;}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables row classes */table.display tr.odd.gradeA {background-color: #ddffdd;}table.display tr.even.gradeA {background-color: #eeffee;}table.display tr.odd.gradeA {background-color: #ddffdd;}table.display tr.even.gradeA {background-color: #eeffee;}table.display tr.odd.gradeC {background-color: #ddddff;}table.display tr.even.gradeC {background-color: #eeeeff;}table.display tr.odd.gradeX {background-color: #ffdddd;}table.display tr.even.gradeX {background-color: #ffeeee;}table.display tr.odd.gradeU {background-color: #ddd;}table.display tr.even.gradeU {background-color: #eee;}tr.odd {background-color: #E2E4FF;}tr.even {background-color: white;}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Misc */.top, .bottom {padding: 15px;background-color: #F5F5F5;border: 1px solid #CCCCCC;}.top .dataTables_info {float: none;}.clear {clear: both;}.dataTables_empty {text-align: center;}tfoot input {margin: 0.5em 0;width: 100%;color: #444;}tfoot input.search_init {color: #999;}td.group {background-color: #d1cfd0;border-bottom: 2px solid #A19B9E;border-top: 2px solid #A19B9E;}td.details {background-color: #d1cfd0;border: 2px solid #A19B9E;}.example_alt_pagination div.dataTables_info {width: 40%;}.paging_full_numbers {width: 400px;height: 22px;line-height: 22px;}.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active {border: 1px solid #aaa;-webkit-border-radius: 5px;-moz-border-radius: 5px;padding: 2px 5px;margin: 0 3px;cursor: pointer;*cursor: hand;}.paging_full_numbers span.paginate_button {background-color: #ddd;}.paging_full_numbers span.paginate_button:hover {background-color: #ccc;}.paging_full_numbers span.paginate_active {background-color: #99B3FF;}table.display tr.even.row_selected td {background-color: #B0BED9;}table.display tr.odd.row_selected td {background-color: #9FAFD1;}/* * Sorting classes for columns *//* For the standard odd/even */tr.odd td.sorting_1 {background-color: #D3D6FF;}tr.odd td.sorting_2 {background-color: #DADCFF;}tr.odd td.sorting_3 {background-color: #E0E2FF;}tr.even td.sorting_1 {background-color: #EAEBFF;}tr.even td.sorting_2 {background-color: #F2F3FF;}tr.even td.sorting_3 {background-color: #F9F9FF;}/* For the Conditional-CSS grading rows *//* Colour calculations (based off the main row colours)  Level 1:dd > c4ee > d5Level 2:  dd > d1  ee > e2 */tr.odd.gradeA td.sorting_1 {background-color: #c4ffc4;}tr.odd.gradeA td.sorting_2 {background-color: #d1ffd1;}tr.odd.gradeA td.sorting_3 {background-color: #d1ffd1;}tr.even.gradeA td.sorting_1 {background-color: #d5ffd5;}tr.even.gradeA td.sorting_2 {background-color: #e2ffe2;}tr.even.gradeA td.sorting_3 {background-color: #e2ffe2;}tr.odd.gradeC td.sorting_1 {background-color: #c4c4ff;}tr.odd.gradeC td.sorting_2 {background-color: #d1d1ff;}tr.odd.gradeC td.sorting_3 {background-color: #d1d1ff;}tr.even.gradeC td.sorting_1 {background-color: #d5d5ff;}tr.even.gradeC td.sorting_2 {background-color: #e2e2ff;}tr.even.gradeC td.sorting_3 {background-color: #e2e2ff;}tr.odd.gradeX td.sorting_1 {background-color: #ffc4c4;}tr.odd.gradeX td.sorting_2 {background-color: #ffd1d1;}tr.odd.gradeX td.sorting_3 {background-color: #ffd1d1;}tr.even.gradeX td.sorting_1 {background-color: #ffd5d5;}tr.even.gradeX td.sorting_2 {background-color: #ffe2e2;}tr.even.gradeX td.sorting_3 {background-color: #ffe2e2;}tr.odd.gradeU td.sorting_1 {background-color: #c4c4c4;}tr.odd.gradeU td.sorting_2 {background-color: #d1d1d1;}tr.odd.gradeU td.sorting_3 {background-color: #d1d1d1;}tr.even.gradeU td.sorting_1 {background-color: #d5d5d5;}tr.even.gradeU td.sorting_2 {background-color: #e2e2e2;}tr.even.gradeU td.sorting_3 {background-color: #e2e2e2;}/* * Row highlighting example */.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {background-color: #ECFFB3;}.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {background-color: #E6FF99;}/* * KeyTable */table.KeyTable td {border: 3px solid transparent;}table.KeyTable td.focus {border: 3px solid #3366FF;}table.display tr.gradeA {background-color: #eeffee;}table.display tr.gradeC {background-color: #ddddff;}table.display tr.gradeX {background-color: #ffdddd;}table.display tr.gradeU {background-color: #ddd;}div.box {height: 100px;padding: 10px;overflow: auto;border: 1px solid #8080FF;background-color: #E5E5FF;}#example{font-size:.9em;}#example td{padding:6px;}#example_filter input {margin-bottom:30px; border:1px solid black}