/* -------------------------------------------------------------------------- * ELEMENTS DE STYLE ET DE STRUCTURATION GENERAUX * $Revision: 1.1.2.73.44.15 $ */ body.full { background-image:url(/infogreffe/img/fond.png); background-repeat:no-repeat; background-position:top center; background-color:white; padding:0px; border:0px; margin:0px; font-family: arial, sans-serif; font-size: 11px; text-align:center; color:#535353; } body.simple { background-color:white; padding:0px; border:0px; margin:0px; font-family: arial, sans-serif; font-size: 11px; color:#535353; } td { font-family: arial, sans-serif; font-size: 11px; color:#535353; } form { margin:0px; padding:0px; border:none; } form select { font-family: arial, sans-serif; font-size: 10px; vertical-align:middle; border:1px solid #999999; } form input { font-family: arial, sans-serif; font-size: 11px; border:1px solid #999999; padding-left: 1px; } form input.checkbox { border:none; background-color:transparent; vertical-align:middle; padding-left: 0px; margin-left: 0px; } form input.checkboxform { border:none; background-color:transparent; vertical-align:middle; padding-left: 0px; margin-left: 3px; } /*since eirl*/ div.choixBloc { float: left; width: 275px; } /*since eirl*/ input.choicRadio { float: left; } /*since eirl*/ span.choixLibelle { display: block; margin-left: 1.75em; } /* les images dans les liens n'ont jamais de bordure */ a img { border:0px; } /* -------------------------------------------------------------------------- ELEMENTS DE STRUCTURATION GENERALE DE LA PAGE */ #struct-main { width:774px; margin:0px auto; padding:0px; border:0px; text-align:left; } .struct-main-table { border-collapse:collapse; width:100%; margin:0px; border:0px; padding:0px; } .struct-main-table td { padding:0px; margin:0px; border:0px; } #struct-left { font-size: 10px; background-color:#fffaf2; width:139px; vertical-align:top; } .struct-left { background-color:#fffaf2; width:139px; } .struct-right { background-image:url(/infogreffe/img/ombre.png); background-repeat:repeat-y; background-position:top left; width:635px; } #struct-bottom { background-image:url(/infogreffe/img/ombre.png); background-repeat:repeat-y; background-position:top left; width:635px; padding-top:2em; } /* structuration de la partie droite de la page (qui est un tableau) */ #struct-right-table { border-collapse:collapse; width:100%; margin:0px; border:none; padding:0px; } table.struct { border-collapse:collapse; margin:0px; border:0px; padding:0px; } td.struct { margin:0px; border:0px; padding:0px; } div.struct { margin:0px; border:0px; padding:0px; } /* div pour �viter l'impression d'une partie de la page*/ div.no-print { margin:0px; border:0px; padding:0px; display:none; } table.struct td { vertical-align:top; margin:0px; border:0px; padding:0px; } table.debug { border-collapse:collapse; margin:0px; border:1px solid green; padding:0px; } table.debug td { vertical-align:top; margin:0px; border:1px solid green; padding:0px; } td.debug { border:1px solid green; } div.debug { border:1px solid green; } span.debug { color: green; } /* -------------------------------------------------------------------------- ELEMENTS DE STYLE DU BANDEAU GAUCHE */ #struct-left p { background-repeat:no-repeat; background-position:top left; margin:0px; padding-left:11px; padding-top:0px; padding-bottom:0px; color: #747474; } #struct-left p.link1 {background-image:url(/infogreffe/img/puceGauche1.png);} #struct-left p.link2 {background-image:url(/infogreffe/img/puceGauche2.png);} #struct-left p.link3 {background-image:url(/infogreffe/img/puceGauche3.png);} #struct-left p.link4 {background-image:url(/infogreffe/img/puceGauche4.png);} #struct-left p.link5 {background-image:url(/infogreffe/img/puceGauche5.png);} #struct-left p.link6 {background-image:url(/infogreffe/img/puce/puce6.gif);} #struct-left p.plus { margin:0px; text-align:right; padding-top:2px; padding-right:4px; } #struct-left div.hr { width:100%; margin:0px; border:none; border-top:1px solid #c2c3c5; margin-top:4px; } #struct-left div.section { background-color:#777b94; margin-top:6px; margin-bottom:6px; padding:4px; text-align:center; color:#bfd8e9; font-size:9px; } #struct-left a { text-decoration:none; color: #747474; } #struct-left a:hover { text-decoration: underline; } #struct-left p.plus a { text-decoration:none; color: #FF9C00; } #struct-left p.plus a:hover { text-decoration:underline; } /* -------------------------------------------------------------------------- ELEMENTS DE STYLE DU BANDEAU BAS */ #struct-bottom p { text-align:center; margin-right:40px; margin-left:43px; margin-bottom:5px; padding-top:5px; color: #767676; border-top:1px dashed #939393; } #struct-bottom a { text-decoration:none; color: #767676; } #struct-bottom a:hover { text-decoration: underline; } /* -------------------------------------------------------------------------- ELEMENTS DE STYLE DE LA CELLULE DU CENTRE */ .struct-center-table { background-image:url(/infogreffe/img/fond-interieur.png); background-repeat:no-repeat; background-position:top left; border-collapse:collapse; width:100%; margin:0px; border:0px; padding:0px; } .struct-center-table a:hover { text-decoration:none; } #struct-content a:hover { text-decoration:none; } .struct-center-table td.margin-left { width:45px; } .struct-center-table td.margin-right { width:40px; } .struct-panier { padding:4px; font-weight: bold; text-align:right; padding-right:0.5em; color:#545377; font-size:9px; } .struct-panier a:link { color:#545377; } .struct-panier a:visited { color:#545377; } .struct-panier a:active { color:#545377; } .struct-panier a:hover { color:#ff9c00; } .struct-welcome { font-size:9px; color:#5b8cb8; } .struct-onglets { font-size:9px; color:#767676; } .struct-erreur { color:#FF9C00; } .struct-onglets a, .struct-onglets a:hover, .struct-onglets a:visited { color:#5b8cb0; } .struct-onglets span.courant { color:#999999; } a { color: #545377; } a:hover { color: #545377; } a:visited { color: #545377; } /* -------------------------------------------------------------------------- ELEMENTS DE STYLE REUTILISABLES */ div.fond-bleu { width:100%; background-color:#d9eef1; padding:10px; } div.fond-resultat { background-color:#f1f1f1; border-top:8px solid #767a96; padding:10px 0px 20px 21px; } /* les commentaires de bas de page (voir formulaires de recherche) */ div.commentaires { padding:5px 14px 5px 14px; margin-right:33px; margin-left:33px; border:1px solid #7f7f7f; text-align:center; line-height:1.66em; } div.commentaires p { margin-top:0; margin-bottom:1em; } div.confirPaiement { width: 529px; padding:0px 0px 0px 0px; color: #ff9933 } div.commentaires a { font-weight:bold; } .input-text { border:1px solid #7f7f7f; } .input-text-area { border:1px solid #7f7f7f; font-family: arial, sans-serif; font-size: 11px; } .input-select { border:1px solid #7f7f7f; } .tag-titre { margin-top:8px; font-size: 15px; text-transform:uppercase; padding-bottom:4px; margin-bottom:10px; font-weight: bold; color:#767676; border-bottom:1px dashed #939393; } .tag-titre-loginDirect{ margin-top:8px; font-size: 15px; text-transform:uppercase; padding-bottom:4px; font-weight: bold; color:#767676; } /* -------------------------------------------------------------------------- ELEMENTS DE STYLE DE LA BARRE DE MENUS PAR ROLLOVER */ table.top-boutons { padding:0px; margin:0px; border:none; border-collapse:collapse; margin-top:1px; } table.top-boutons td { line-height:14px; padding:0px; margin:0px; border:none; font-size:9px; text-transform:uppercase; vertical-align:middle; } table.top-boutons td.titre { color:#e2e2e2; background-color:#939393; text-align:right; padding-right:2px; letter-spacing: 1px; width:134px; } table.top-boutons td.link { background-image:url(/infogreffe/img/top-separator.png); background-repeat:no-repeat; background-position:center right; padding-right:2px; background-color:#d2d2d2; width:1em; } table.top-boutons td.link a { color:#737373; background-color:#d2d2d2; display:block; text-decoration:none; padding-left:1em; padding-right:1em; white-space: nowrap; } table.top-boutons td.link a:hover { color:#939393; background-color:white; } table.struct td.top-filler { background-image:url(/infogreffe/img/top-filler2.png); background-repeat:repeat-x; height:16px; width:635px; } /* -------------------------------------------------------------------------- ELEMENTS DE STYLE DE LA ZONE D'ABONNEMENT */ td#inscr-light { background-image:url("/infogreffe/img/inscr-bg-light.png"); background-repeat:repeat-x; background-position:top left; vertical-align:middle; padding:0 0.5em 0 1em; color:#545377; font-size: 9px; font-weight:bold; } td#inscr-light a { font-family: verdana, arial, sans-serif; } td#inscr-light a:hover { text-decoration:none; } td#inscr-dark { background-image:url("/infogreffe/img/inscr-bg-dark.png"); background-repeat:repeat-x; background-position:top left; font-family: verdana, arial, sans-serif; vertical-align:middle; padding:0 1em 0 1em; color:white; font-size: 9px; font-weight:bold; } td.inscr { background-image:url("/infogreffe/img/inscr-bg-left.png"); background-repeat:repeat-x; background-position:top left; } /* -------------------------------------------------------------------------- ELEMENTS DE STYLE DES TAGLIBS ET AUTRES ELEMENTS STANDARDS */ table.cartouche-liens { width: 100px; border-collapse:collapse; } table.cartouche-liens td.gauche { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; font-size: 10px; color: #FF9C00; padding:3px; width:65px; text-align:left; } table.cartouche-liens td.droite { text-align: center; vertical-align: middle; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white; width:35px; } /* -------------------------------------------------------------------------- ELEMENTS DE STYLE DES TABLES STANDARD */ tr.mediabar td { padding:0px; margin:0px; border:none; } /* table de prix */ table.table-prix, table.table-classic, table.table-produit { border-collapse:collapse; border: 0px; border-color: #939393; } table.table-prix tr.titre td.titre { padding:8px 4px 8px 20px; background-color: #D9EEF1; border-right:1px solid #939393; color:#545377; font-weight:bold; } table.table-prix td.mediabar { width:240px; padding-bottom:4px; } table.table-prix td.prix-popup-produit, table.table-prix td.prix-popup-transmission, table.table-prix td.prix-popup-total { background-color: #FFFAF2; border-bottom:1px dashed #939393; text-align:right; padding-right:10px; white-space:nowrap; color:black; font-weight:bold; } table.table-prix td.prix { background-color: #FFFAF2; border-bottom:1px dashed #939393; text-align:right; padding-right:10px; white-space:nowrap; color:black; } table.table-prix td.prix-popup-produit { color:#535353; } table.table-prix td.prix-popup-transmission { color:#535353; /*font-style:italic;*/ } table.table-prix td.titre span.adresse { font-size: 9px; color:#535353; font-weight:normal; width:auto; /* because of an IE6 bug */ } table.table-prix tr.ligne td.titre, table.table-prix tr.last td.titre { padding:4px 4px 4px 20px; background-color: #ECF7F8; border-right:1px solid #939393; color:#545377; font-weight:bold; vertical-align:top; } table.table-prix tr.ligne td.std, table.table-prix tr.last td.std { padding:4px 4px 4px 4px; background-color: #FFF; border-right:1px solid #939393; text-align:center; } table.table-prix tr.ligne td.media, table.table-prix tr.last td.media { width:59px; /* 59 + 1(margin) = 60 for IE6 */ padding:0px; margin:0px; background-color: #FFF; border-right:1px solid #939393; text-align:center; font-weight:bold; color:#545377; } table.table-prix td.last { padding:4px 4px 4px 4px; background-color: #FFF; text-align:center; } table.table-prix tr.ligne td.titre, table.table-prix tr.ligne td.std, table.table-prix tr.ligne td.media { border-bottom:1px dashed #939393; } table.table-prix tr.total td, table.table-prix tr.grand-total td { font-style: italic; padding:4px 10px 4px 10px; font-weight:bold; text-align:right; background-color: #FFFAF2; } table.table-prix tr.total td.titre { color:#545377; } table.table-prix tr.total td.prix { color:black; } table.table-prix tr.grand-total td.titre { color:#545377; padding-top:10px; padding-bottom:10px; background-color:white; border-right:1px solid #939393; } table.table-prix tr.grand-total td.prix { font-style: normal; border-bottom:0px; } table.table-prix a.action, table.table-prix a:hover.action, table.table-prix a:visited.action { font-size:9px; color:#545377; text-decoration:underline; } /* table de produits */ table.table-produit td.mediabar { width:320px; padding-bottom:4px; } table.table-produit tr.titre td.titre { padding:8px 4px 8px 20px; background-color: #D9EEF1; color:#545377; font-weight:bold; } table.table-produit td.titre span.adresse { font-size: 9px; color:#535353; font-weight:normal; width:auto; /* because of an IE6 bug */ } table.table-produit tr.ligne td.titre, table.table-produit tr.last td.titre { padding:4px 4px 4px 20px; background-color: #ECF7F8; border-right:1px solid #939393; color:#545377; font-weight:bold; vertical-align:top; } table.table-produit td.media, table.table-produit td.media-last { width:79px; /* 79 + 1(margin) = 80 for IE6 */ background-color: #FFF; border-right:1px solid #939393; text-align:center; } table.table-produit td.media-last { border-right:none; } table.table-produit tr.ligne td { border-bottom:1px dashed #939393; } table.table-produit a.action, table.table-produit a:hover.action, table.table-produit a:visited.action { font-size:9px; color:#545377; text-decoration:underline; } /* table classique */ table.table-classic tr.titre td { padding:8px 4px 8px 8px; background-color: #D9EEF1; font-weight:bold; color:#545377; } table.table-classic tr.ligne td.titre, table.table-classic tr.last td.titre, table.table-classic tr.ligne td.std, table.table-classic tr.last td.std, table.table-classic tr.ligne td.last, table.table-classic tr.last td.last { padding:8px 4px 8px 8px; background-color: #FFF; border-right: 1px solid #939393; color:#545377; } table.table-classic tr.ligne td.titre, table.table-classic tr.last td.titre { background-color: #ECF7F8; font-weight:bold; } table.table-classic a, table.table-classic a:visited, table.table-classic a:hover { color:#545377; } table.table-classic tr.ligne td.titre, table.table-classic tr.ligne td.std, table.table-classic tr.ligne td.last { border-bottom : 1px dashed #939393; } table.table-classic tr.ligne td.last, table.table-classic tr.last td.last { border-right: none; } /* table structurante */ table.struct td.content { padding:0px 8px 0px 0px; } table.struct td.content-ident { padding:0px 10px 0px 10px; } /** marge top 8, idem gauche/droite 10*/ table.struct td.content-ident-top { padding:8px 10px 0px 10px; } table.struct td.content-ligne-bleu { padding:8px 4px 8px 8px; background-color: #ECF7F8; border-bottom : 1px dashed #939393; color:#545377; } table.struct td.content-ligne-titre { padding:8px 4px 8px 8px; background-color: #D9EEF1; border-bottom : 1px dashed #939393; color:#545377; } table.struct td.content-ligne-transparent { padding:8px 4px 8px 8px; background-color: transparent; border-bottom : 1px dashed #939393; color:#545377; } table.struct td.content-ligne { padding:8px 4px 8px 8px; background-color: #FFF; border-bottom : 1px dashed #939393; color:#545377; } table.struct td.content-last-bleu { padding:8px 4px 8px 8px; background-color: #ECF7F8; color:#545377; } table.struct td.content-last-titre { padding:8px 4px 8px 8px; background-color: #D9EEF1; color:#545377; } table.struct td.content-last-transparent { padding:8px 4px 8px 8px; background-color: transparent; color:#545377; } table.struct td.content-last-jaune { padding:8px 4px 8px 8px; background-color: #FFFAF2; color:#545377; } table.struct td.content-last { padding:8px 4px 8px 8px; background-color: #FFF; color:#545377; } table.struct td.struct-ligne-bleu { padding:8px 0px 8px 0px; background-color: #ECF7F8; border-bottom : 1px dashed #939393; color:#545377; } table.struct td.struct-ligne-titre { padding:8px 0px 8px 0px; background-color: #D9EEF1; border-bottom : 1px dashed #939393; color:#545377; } table.struct td.struct-ligne { padding:8px 0px 8px 0px; background-color: #FFF; border-bottom : 1px dashed #939393; color:#545377; } table.struct td.struct-ligne-ident { padding:8px 10px 8px 10px; background-color: #FFF; border-bottom : 1px dashed #939393; color:#545377; } table.struct td.struct-ligne-top { padding:8px 0px 8px 0px; background-color: #FFF; border-top : 1px dashed #939393; color:#545377; } table.struct td.struct-last-bleu { padding:8px 0px 8px 0px; background-color: #ECF7F8; color:#545377; } table.struct td.struct-last-titre { padding:8px 0px 8px 0px; background-color: #D9EEF1; color:#545377; } table.struct td.struct-last-transparent { padding:8px 0px 8px 0px; background-color: transparent; color:#545377; } table.struct td.struct-last { padding:8px 0px 8px 0px; background-color: #FFF; color:#545377; } table.struct td.content-last-prix { padding:8px 10px 8px 0px; background-color: #FFFAF2; text-align:right; white-space:nowrap; } table.struct td.content-ligne-prix { padding:8px 10px 8px 0px; background-color: #FFFAF2; text-align:right; border-bottom : 1px dashed #939393; white-space:nowrap; } /* ------------ CADRES A PUCES ET AUTRES TAGLIBS -----------------*/ table.cadre-puce { table-layout:fixed; border-collapse:collapse; padding:0px; margin:0px; border:none; } table.cadre-puce td { padding:0px; } table.cadre-puce tr.head td.c1 { background-image:url(/infogreffe/img/cadrePuce-gauche-orange.png); background-repeat:no-repeat; background-position:bottom left; width:14px; } table.cadre-puce tr.head td.c2 { background-image:url(/infogreffe/img/cadrePuce-haut.png); background-repeat:repeat-x; background-position:bottom left; } table.cadre-puce tr.head td.c2 span { background-color:#777b94; color:white; padding:1px 4px 1px 4px; font-size:11px; } table.cadre-puce tr.head td.c3 { background-image:url(/infogreffe/img/cadrePuce-droite.png); background-repeat:no-repeat; background-position:bottom left; width:1px; } table.cadre-puce tr.head td img { vertical-align:top } table.cadre-puce tr.content td.c1 { background-image:url(/infogreffe/img/cadrePuce-vertical.png); background-repeat:repeat-y; background-position:top left; background-color:white; } table.cadre-puce tr.content td.c2 { padding:2px 10px 10px 0px; background-color:white; } table.cadre-puce tr.content td.c3 { background-image:url(/infogreffe/img/cadrePuce-vertical.png); background-repeat:repeat-y; background-position:top left; background-color:white; } table.cadre-puce tr.foot td.c1 { border-top:1px solid #777b94; } table.tag-titre-liste { border-collapse:collapse; border:none; padding:0px; margin:0px; } table.tag-titre-liste tr.tag-titre-liste td.puce { vertical-align:middle; } table.tag-titre-liste tr.tag-titre-liste td.content { background-color:#777b94; color:white; padding:1px 8px 1px 8px; font-size:11px; font-weight:bold; } /* ------------ FAQS ET AUTRES FENETRES ET POPUP D'INFOS -----------------*/ div.faq p { padding-left:18px; padding-right:18px; text-align: justify; } div.faq h2 { font-size:12px; font-style:italic; color:#545377; padding-left:18px; padding-top:8px; padding-right:18px; /*border-top:1px dashed #939393;*/ } div.faq h3 { font-size:13px; font-style:italic; color:#545377; padding-left:50px; padding-top:8px; padding-right:18px; /*border-top:1px dashed #939393;*/ } div.faq ul { margin-left:18px; margin-right:18px; padding-left:4em; } div.faq ol { margin-left:18px; margin-right:18px; padding-left:4em; } div.faq ol li { text-align: justify; list-style-type:decimal; padding-bottom:4px; } div.faq ul li { text-align: justify; list-style-image: url(/infogreffe/img/puce/puce6.gif); padding-bottom:4px; } div.faq ul.level2 li { list-style-type:disc; text-align: left; list-style-image: none; } div.faq div.faqChapter { padding-left: 5px; padding-top: 1em; border-top:1px dashed #939393; } /* ------------ MINIBLOCS -----------------*/ table.minibloc { border-collapse:collapse; padding:0px; margin:0px; border:none; } table.minibloc td.head { background-image:url(/infogreffe/img/puceBlanche.png); background-position:top left; background-repeat:no-repeat; font-size:10px; color:white; padding:1px 0px 2px 20px; font-weight:bold; border-left:1px solid; border-right:1px solid; } table.minibloc td.content { font-size:10px; color:#535353; border:1px solid #848484; border-top:none; padding:4px 4px 4px 4px; line-height:130%; text-align:justify; } table.minibloc td.content a { color:#535353; } /* Effet popup dynamique */ .folded { background:url(/infogreffe/img/puce/folded.gif) no-repeat left; font-weight:bold; padding-left:15px; } .unfolded { background:url(/infogreffe/img/puce/unfolded.gif) no-repeat left; } .fold { margin:5px 0px 5px 15px; border-bottom:dashed 1px #939393; padding-bottom:10px; } /* utilis� pour les produit en document direct (pas de ligne s�paratrice) */ .folddirect { margin:5px 0px 0px 15px; } .infobulle { border-bottom:#535353 dashed 1px; cursor:help; line-height:16px; } /* Utiliser pour desactiver la selection du texte*/ .preventSelection{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } /******************* * Ajouts redesign * ********************/ /* Tous les �l�ments du contenu central sont dans la div ayant pour className .struct-main-table */ /* Forcer la taille de police */ .struct-main-table { font-size:11px; color:#535353;} /* Forcer les couleurs de liens */ .struct-main-table a { color: #545377!important; } .struct-main-table a:hover { color: #545377!important; text-decoration:none!important; } .struct-main-table a:visited { color: #545377!important; } /* retours 2*/ .struct-main-table input, .struct-main-table select { margin:0; }