1213 lines
24 KiB
CSS
1213 lines
24 KiB
CSS
|
||
/* --------------------------------------------------------------------------
|
||
* 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 <20>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<69> 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 <20>l<EFBFBD>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; }
|