/* CSS Document */ body {margin: 0; padding: 0; background:#FFF; background-position:0px 0px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #808080;} td,th {font-size: 11px;color: #808080; margin:0; padding:0;} form,p {margin:0;padding:0;} img {border:0;} ul, li { margin:0; padding:0; list-style:none;} #conteneur { width: 983px; margin: 0 auto; } #contenu { width: 983px;border: 1px solid #ddd; overflow:hidden; } .titre { font: 20px Arial, Helvetica, sans-serif; color:#780c44;} .lettre { font: 20px Arial, Helvetica, sans-serif; color:#ff9000;} .lettrenoir { font: 20px Arial, Helvetica, sans-serif; color:#000;} .soustitre { font: 17px Arial, Helvetica, sans-serif; color:#ff9000; font-weight: bold;} .soustitreb { font: 17px Verdana, Helvetica, sans-serif; color:#750844; font-weight: bold;} .bordeau { font: 11px Arial, Helvetica, sans-serif; color:#780c44;} .tbordeau { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#780c44;} .t13bordeau { font: 13px Verdana, Arial, Helvetica, sans-serif; color:#780c44;} .trouge { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#990033;} .t13rouge { font: 13px Verdana, Arial, Helvetica, sans-serif; color:#990033;} .t14rouge { font: 14px Verdana, Arial, Helvetica, sans-serif; color:#990033;} .t17rouge { font: 17px Verdana, Arial, Helvetica, sans-serif; color:#990033;} .t18rouge { font: 18px Verdana, Arial, Helvetica, sans-serif; color:#990033;} .t12b { font: 15px Verdana, Arial, Helvetica, sans-serif; color:#780c44;} .b12 { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#780c44; font-weight:bold;} .t12rose { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#9c0754;} .t13n { font: 13px Verdana, Arial, Helvetica, sans-serif; color:#000;} .t12n { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#000;} .t11n { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000;} .t12bleu { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#006699;} .t11bleu { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#006699;} .t11bleufonce { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#004383;} .t12j { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#ff8400;} .t11j { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#ff8400;} .t10j { font: 10px Verdana, Arial, Helvetica, sans-serif; color:#ff8400;} .t13j { font: 13px Verdana, Arial, Helvetica, sans-serif; color:#ff8400;} .t13g { font: 13px Verdana, Arial, Helvetica, sans-serif; color:#636162;} .vbordeau { font:11px Verdana, Arial, Helvetica, sans-serif; color:#780c44;} .vjaune { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#ff9000;} a { font:11px Verdana, Arial, Helvetica, sans-serif; color:#8d897e; text-decoration: underline;} a:hover { /*font:11px Verdana, Arial, Helvetica, sans-serif; color:#780c44;*/ text-decoration: underline;} a.bleu { font:11px Verdana, Arial, Helvetica, sans-serif; color:#336699; text-decoration: underline; font-weight: bold;} a:hover .bleu { font:11px Verdana, Arial, Helvetica, sans-serif; color:#336699; text-decoration: underline; font-weight: bold;} a.bleubis { font:11px Verdana, Arial, Helvetica, sans-serif; color:#336699; text-decoration: underline;} a:hover .bleubis { font:11px Verdana, Arial, Helvetica, sans-serif; color:#336699; text-decoration: none;} .bold { font-weight:bold;} .espTop { padding-top: 4px;} .titre30 { font: 30px Arial, Helvetica, sans-serif; color:#780c44;} .lettre30 { font: 30px Arial, Helvetica, sans-serif; color:#ff9000;} /* Haut de page ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #header { padding-bottom: 2px; overflow: hidden;} #logo { width: 202px; float: left; padding: 11px 0 0 13px; } #top { width: 744px; float: right; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; overflow:hidden; } #panierTop { background:url(../images/panier.gif) no-repeat; width: 160px; height: 32px; float: right; padding-left: 5px; overflow:hidden; padding-bottom:4px; } #panierTop a { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration:none; display:block; padding: 8px 0 0 37px;} #panierTop a:hover { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #780c45; text-decoration: none; display:block; padding: 8px 0 0 37px;} #membre { width: 465px; height:32px; background:url(../images/membre.jpg) no-repeat; float: right; padding-left:8px; } #membre .membre {padding: 8px 0 0 10px; white-space:nowrap;} #membre .membre, #membre .blanc {color:#FFF;font-size:12px;} #membre .champs { width: 173px; border: 1px solid #9c9c9c; color:#695f5f; font: 11px Arial, Helvetica, sans-serif; padding-left: 2px;} #membre .ok { padding:1px 16px 0 0; } #membre a { font:11px Verdana, Arial, Helvetica, sans-serif; color: #dfdfdf; text-decoration:none;} #membre a:hover { /*font:11px Verdana, Arial, Helvetica, sans-serif; color: #dfdfdf;*/ text-decoration:underline;} #membre .droite { float:right; } #defil { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #808080; padding: 10px 4px 0 0; } #filarianne { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #780c44; padding: 10px 4px 0 0; } #filarianne .select { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #eea201; } #filarianne a { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #780c44;} #filarianne a:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #780c44; } #defil { padding: 0 ; margin : 7px 0px 0 0; overflow:hidden; width:743px; width:550px; height:17px; /* 743 - 23 550 - 23 */ } #defil p { width:783px; width:573px; height:50px; overflow:scroll; white-space:nowrap; text-align:center; } #defil p span { display:inline-block; white-space:nowrap; margin-left:700px; padding-right:700px; margin-left:573px; padding-right:573px; } /* display:inline-block; border:1px solid plum; background-color: #CCCCCC; background-color:#99FFFF; */ #sociauxTop { float:right; width:180px; height:23px; text-align:right; padding-right:8px; margin-top:0px; } #lienblog { display:block; margin-top:7px; } #sociauxLeft { position:absolute; top:-40px; left:0px; padding:0px 0px 0px 15px ; width:230px; } #sociauxLeft a { display:inline-block; float:left; padding:0px 0px 0px 5px ; } #sociauxLeft span { display:inline-block; padding:0px 0px 0px 10px ; } /*-----------------------------------------------------------------------------------------------------------------------------------*/ /* MENU ONGLET ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #menu { clear:both; overflow: hidden; line-height:normal; font-weight:bold; height:45px; font-size:12px; background: url(../images/ligne-menu.gif) no-repeat 0px 35px; } #menu ul { margin:0; padding:0px; list-style:none; } #menu li { /*display:inline;*/ float: left; margin:0px; padding:0px; padding-bottom: 6px; } #menu a { float:left; font-size:12px; background:url(../images/onglet_gauche.gif) no-repeat center 5px; color:#780c45; margin:0; padding:0px 0 0px 22px; text-decoration:none; font-weight:bold; } #menu span { float:left; display:block; background:url(../images/onglet_droit.gif) no-repeat right 5px; /*padding:14px 18px 5px 0px;*/ padding:14px 18px 10px 0px; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #menu a span {float:none;} /* End IE5-Mac hack */ #menu a:hover span { color:#f3ae1c; } #menu a:hover { background-position:1px 5px; text-decoration:none; } #menu a:hover span { background-position:100% 5px; } /* etat clique */ #menu .clic{ background: url(../images/menu-fleche.gif) no-repeat center bottom; } #menu .clic a, #menu .clic a:hover { background-position:0 -35px; color:#f3ae1c; } #menu .clic span, #menu .clic a:hover span { background-position:right -35px; } /*-----------------------------------------------------------------------------------------------------------------------------------*/ /* Coeur de page accueil ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #ombre { background: url(../images/ombre.jpg) no-repeat 235px 0px; margin:0; clear: both; } #ombre2 { background: url(../images/ombre2.jpg) no-repeat 235px 0px; margin:0; clear: both; } #central { overflow:hidden;} #left { float: left; width: 213px; padding:10px 8px 0 15px;} #left p { padding-top:12px; } #left .pointillets { padding:12px 0 6px 0; } #left .champs { width: 178px; border: 1px solid #9c9c9c; font: 11px Arial, Helvetica, sans-serif; color:#666666; padding-left:2px;} #left .ok { padding: 0 0 0 5px; vertical-align:bottom;} #left .photo { padding-top: 11px;} #right { float: right; width:744px; overflow:hidden; zoom:1; padding-top:10px;} #coeur { width: 396px; float:left; overflow:hidden;} #recherche { width:348px; float:right; overflow:hidden; margin-bottom:8px;} #recherche .champs { width:190px; border: 1px solid #7f9db9; font:11px Arial, Helvetica, sans-serif; color:#333333; padding-left:2px;} #recherche a { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#908b8b; text-decoration: underline;} #recherche a:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#780c44; text-decoration: underline;} #nouveaute { clear:both; overflow:hidden; padding: 0px 0 0 35px;} /* #nouveaute table { margin:10px 0 0px 0;} #nouveaute td { padding:0 37px 21px 0; text-align:center; vertical-align:middle;} #nouveaute .toile { border:1px solid #dadada;vertical-align:middle; text-align:center;} */ .ulToiles {display: block;} .ulToiles li {display:inline;float:left;margin:10px 45px 10px 0px;width:138px;} .ulToiles li.last {margin-right:0px;} .ulToiles li div { display:block;border:1px solid #dadada;width:138px;height:137px; background-repeat:no-repeat;background-position:center center; } .ulToiles li div a {height:138px;width:138px;display:block;text-decoration:none;} .ulToiles li div a:hover {text-decoration:none;} .ulToiles li strong, .ul li span, .ul li em {display:block;white-space:normal;width:138px;margin-top:5px;} .ulToiles li strong a {font-size:12px;color : #006699;text-decoration:none;font-weight:bold;} .ulToiles li strong a:hover {color : #006699;} .ulToiles li span { display:block;margin-top:0px;margin-bottom:5px;white-space:nowrap;} .ulToiles li span.taille { margin-top:2px;margin-bottom:2px;} .ulToiles li span.tarifeuro{ color:#780C44; font-size:12px; font-weight:bold; margin-top:2px;margin-bottom:4px; } .ulToiles li span.tarifeuro strike { font-size:11px; font-weight: normal; } .ulToiles li em {background-color:#990033 ;color:#FFF;font-style:normal;font-weight:bold; font-size:12px; width:auto; display:inline-block; padding:1px 3px; }/*#F2AB18*/ .ulToiles li em.sold {background-color:#ff9933;}/*attention .sold veut dire toile soldee et pas vendu en EN #FA9932*/ .both{ clear:both;} .ulToiles .trash { float:right;} .CC { position:relative; margin:0; border:1px solid #dadada; width:322px;height:322px;} .CC li {display: block; position:absolute; top:0px; left:0px; margin:0; width:322px; height:322px;} .CC li.top { z-index:120;} #diapolien { background-color: none;} .CC li div {width:322px;height:322px; border:0px solid #dadada; background-color:#FFFFFF;} .CC li div a {height:322px;width:322px;} /* pour les nouveautés */ .niew li {margin:10px 37px 10px 0px;} #resultat { clear:both; overflow:hidden; padding: 0px 0 0 4px;} #toile { clear:both; overflow:hidden; padding: 35px 0 120px 35px; } a.espace{ font: 11px Verdana, Arial, Helvetica, sans-serif; color:#006699; text-decoration: none;} a.espace:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#006699; text-decoration: underline;} /* Coeur de page général ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #defaut { background:#FFF; margin:0; clear: both; overflow: hidden; } #gauche { float: left; width: 200px; padding:24px 8px 0 15px;} #gauche p { padding-top:12px; } #gauche a.lienj { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #ff9933; padding: 4px 4px 0 0; font-weight: bold; } #gauche a.lienj:hover { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #ff9933; padding: 4px 4px 0 0; font-weight: bold; } #gauche a.lienb { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #8d0c44; padding: 4px 4px 0 0; font-weight: bold; } #gauche a.lienb:hover { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #8d0c44; padding: 4px 4px 0 0; font-weight: bold; } a.retour { font:11px Verdana, Arial, Helvetica, sans-serif; color:#8d897e; text-decoration: none;} a.retour:hover { font:11px Verdana, Arial, Helvetica, sans-serif; color:#8d897e; text-decoration: underline;} #criteres .g { float:left; width: 340px; padding: 25px 20px;} #criteres .d { float: right; width: 300px; padding: 25px 20px;} #criteres a.espace{ font: 11px Verdana, Arial, Helvetica, sans-serif; color:#006699; text-decoration: none;} #criteres a.espace:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#006699; text-decoration: underline;} #criteres a.telecharger{ font: 11px Verdana, Arial, Helvetica, sans-serif; color:#006699; text-decoration: underline;} #criteres a.telecharger:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#006699; text-decoration: none;} #criteres a.cliquez {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#8d0c44; text-decoration: underline;} #criteres a.cliquez:hover {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#8d0c44; text-decoration: none;} .t30 { float: right; padding:0 11px 4px 0; margin:0;} .t30left { padding:0 11px 4px 0; margin:0;} .h2, .h2_theme, .t30left {padding:0;margin:0;} .h2_theme {font-size:11px; font-weight:normal;} #droite { float: right; width:744px; overflow:hidden; zoom:1;} #criteres .picto { padding-right: 6px;} #criteres .pictogris { padding-right: 3px;} #criteres .champmots{ width:590px; border:1px solid #7f9db9; font:11px Verdana, Arial, Helvetica, sans-serif; color:#333333; padding-left: 2px;} #criteres a {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#8d0c44; text-decoration: none; font-weight:bold;} #criteres a:hover {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#8d0c44; text-decoration: none; font-weight:bold;} #criteres .champs { width:210px; border:1px solid #7f9db9; font:11px Verdana, Arial, Helvetica, sans-serif; color:#333333; padding-left: 2px;} #taille { background: url(../images/fond-canape.jpg) no-repeat; width:733px; height:261px; } #taille div { padding:30px 0 0 20px;} #taille div label { float:left;color:#FFFFFF; cursor:default;} #taille div label strong{ display:block; padding-bottom : 5px;} #taille div label img{ margin-top : 3px;} #col1 { float: left; width: 224px;} #col2 { float: left; width: 224px; padding-left: 35px;} #col3 { float: right; width: 224px; } .tblanc { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #d7d7d7; } .esp { padding: 0 0 0 5px; float: left;} #t1 { padding: 0 0 0 30px; color:#d7d7d7;} #zapping { clear:both; overflow:hidden; padding: 20px 0 0 54px;} .toile { border:1px solid #dadada;} /* !!!!!!!! LUDO: A rajouter !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ #pagination { margin-top:20px; padding-bottom:20px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000;} #pagination a { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none;} #pagination a:hover { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #ff6600; text-decoration: none;} #page-Prec { width: 250px; float: left;} .champ-page { width: 20px; /*height: 14px;*/ vertical-align:middle; font-size:10px; text-align:center;} #page-Centre { font-size:11px; width:210px; float:left; vertical-align:middle; padding-left: 0px;} #page-Suiv { width: 120px; float: right; padding-right: 25px;} .espaceDroite { padding-right:42px; } a.lienBleu{ font: 12px Verdana, Arial, Helvetica, sans-serif; color:#006699; text-decoration: none;} a.lienBleu:hover { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#006699; text-decoration: underline;} a.telecharger{ font: 11px Verdana, Arial, Helvetica, sans-serif; color:#006699; text-decoration: underline;} a.telecharger:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#006699; text-decoration: none;} #page-Prec a, #page-Suiv a{ font-size:11px; } /* !!!!!!!! FIN DU RAJOUT !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ .tablo-zap { margin-top:9px;} #zapper { width:78px; height: 19px; background:url(../images/zapper.gif) no-repeat; margin-right: 60px;} #zapper .btn { padding: 0 0 0 10px; margin-top: 4px;} .champ-result-format { font: 11px Verdana, Arial, Helvetica, sans-serif; border: 1px #000 solid; margin-top:4px; width: 120px;} .champ-result-affiche { font: 11px Verdana, Arial, Helvetica, sans-serif; border: 1px #000 solid; margin-top:4px; width: 80px;} /* Tableau fiche ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #echelle {position:relative; background: url(../images/fond-echelle.gif) no-repeat; width: 204px; height: 205px; margin-top: 10px; padding-bottom: 15px;} #echelle div{ position:absolute; left:24px; top:22px; border:1px #000 solid; width:150px; height:100px; background-color:#FFF; } .soldee { color:#FFFFFF; background-color:#ff9933;/*#FA9932*/ padding:3px 8px; margin-bottom:8px; font-size:12px; font-weight:bold; display:inline-block; } a.voir { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #7a7a7a; text-decoration: none; } a.voir:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #7a7a7a; text-decoration: underline; } a.ecard { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #336699; text-decoration: none; } a.ecard:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #336699; text-decoration: underline; } a.favoris { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #a41f13; text-decoration: none; } a.favoris:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #a41f13; text-decoration: underline; } a.caddie { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #ff8a00; text-decoration: none; } a.caddie:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #ff8a00; text-decoration: underline; } /* artist'up ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #artistup { display:inline-block; position:relative; overflow:visible; width: 966px; background:url(../images/degrade.gif) repeat-x left top; margin: 0 1px 0 1px; padding: 4px 0 15px 15px;} #artistup .nomartiste { font:18px Arial, Helvetica, sans-serif; color:#666;} /* espace d'exposition ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #espace { float: left; width: 200px; padding:24px 8px 0 15px;} .esp { padding: 0 14px 0 15px;} a.map { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #ff9933; text-decoration: underline; } a.map:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #ff9933; text-decoration: underline; } #description { clear:both; padding: 20px 15px 0 15px; margin-right:10px; width:595px; float:left; } #description a.voir {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#8d0c44; text-decoration: none; font-weight:bold;} #description a.voir:hover {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#8d0c44; text-decoration: none; font-weight:bold;} #espace .adresse { float:left; padding: 20px 0px 0 18px;} /* artiste ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .consulte { padding-bottom:30px; line-height: 14px;} .jaune { border-bottom: 1px solid #ff9000; margin-right: 10px; padding-top:10px; clear:both;} .abc { background: url(../images/onglet-abc.gif) no-repeat; width: 23px; height:17px; font: 15px Verdana, Arial, Helvetica, sans-serif; color:#ff8400; font-weight:bold; padding-left:5px;} .oeuvres { width:284px; float:left; padding-top: 12px; clear:both; } .artiste { width:450px; float:left; padding-top: 12px;} a.Artistes { color:#FFFFFF; text-decoration: none; background-color:#949293; display:block; line-height:18px;} a.Artistes:hover { background-color:#f3ae1c;color:#FFFFFF; text-decoration: none; line-height:18px; } .voirTablo {float:right; padding-right:7px;} .texte { padding:4px 7px 0 5px; } .style { padding: 4px 7px 0 5px;} .cadre { border: 1px solid #dddddd; width:78px; height:74px; margin-right:12px; text-align:center; padding-top:4px; float:left; background-repeat:no-repeat;background-position:center center; } /* commande ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #commande { padding:0px 0 10px 15px; clear:both;} #facturation { width:450px; background-color:#f6f6f6; margin-top:12px; padding:8px 23px 0px 10px; overflow:hidden; float:left; } #livraison { width: 440px; float:left; overflow: hidden; margin-top:12px; padding:8px 18px 4px 18px; color:#636162; border-bottom: 1px solid #f6f6f6;} .nouvoclient {clear:both; padding:10px 0 10px 0; margin-right:20px; border-bottom:1px dashed #a8a8a8; padding-left:13px; } .t12blanc { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; line-height:20px; font-weight:bold; padding-left:13px;} .tablo { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#004383; line-height:18px; padding: 2px 10px;} a.valider{ font: 12px Verdana, Arial, Helvetica, sans-serif; color:#336699; text-decoration: none; } a.valider:hover { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#336699; text-decoration: none; } a.conditions{ font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: underline; } a.conditions:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; } /* bas de page ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #bottom { width:981px; overflow:hidden; padding-bottom:26px;} #bottom .soustitre { font:20px Arial, Helvetica, sans-serif; color:#a8a8a8;} #idees { width:248px; background: url(../images/separation.gif) no-repeat right; float:left; padding: 0 0 0 15px;} #idees .t-droite { padding-right: 20px;} #avantage { width:395px; background: url(../images/separation.gif) no-repeat right; float:left; padding: 0 15px 0 30px; } #service { width:245px; float:left; padding: 0 0 0 25px;} #service .t-droite { float: right; padding-right: 14px; } .image { float: left; padding-right:10px;} /* Pied de page ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #footer { padding: 6px 2px 20px 2px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#8d897e;} #footer a { font:10px Verdana, Arial, Helvetica, sans-serif; color:#8d897e; text-decoration: none;} #footer a:hover { font:10px Verdana, Arial, Helvetica, sans-serif; color:#780c44; text-decoration: none;} /* Formulaire membre ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .formMembre fieldset { margin:0 0 18px;border:none;font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000;float:left;width:350px;} .contentFieldset { padding:10px 0px 0;} .formMembre .date { width:130px;} fieldset p { margin:0 0 10px } .formMembre label {display: -moz-inline-stack;display: inline-block;width:90px; } .formMembre input { width:250px } .formMembre input, .formMembre select { font:11px/1 Verdana, Helvetica, sans-serif } .checkboxCivilite label { width:auto } .checkboxCivilite input, .validerModif input { width:auto } #pays { margin:0 2px 0 0; width:254px;} #jj { margin:0 2px 0 0px;width:25px;} #mm { margin:0 2px 0 0;width:25px;} #aa { margin:0 2px 0 0;width:35px;} .desinscrire { float:left;} /* Formulaire contact ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .formContact fieldset { margin:0 0 18px;border:none;font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000;float:left;width:350px;} .formContact .date { width:130px;} fieldset p { margin:0 0 10px } .formContact .benef {width: 700px; float:left; padding-bottom: 50px;} .formContact label {display: -moz-inline-stack;display: inline-block;width:130px; } .formContact input { width:210px } .formContact textarea.commentaires { width:300px; height: 158px; } .formContact input, .formMembre select { font:11px/1 Verdana, Helvetica, sans-serif } .checkboxVousetes label { width:auto; margin:0; } .checkboxVousetes input, .validerModif input { width:auto; margin:0; } .checkboxVotredemande label { width:auto; margin:0; } .checkboxVotredemande input, .validerModif input { width:auto; margin:0; } .checkboxCivilite label { width:auto; } .checkboxCivilite input, .validerModif input { width:auto; } .checkboxBenef label { width:auto; } .checkboxBenef input, .validerModif input { width:auto; } /* Formulaire commande ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .formCommande fieldset { margin:0 0 18px; border:none;font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000; float:left; width:500px;} .formCommande .nom { width:245px;} .formCommande .ad { width:304px; height:56px;} .formCommande .ville{ width:184px;} .formCommande .pays{ width:304px !important;} fieldset p { margin:0 0 3px; vertical-align:top; } .formCommande label {display: -moz-inline-box;display: inline-block;width:130px; } .formCommande label.ville {display: -moz-inline-stack;display: inline-block; width:0; } .formCommande input { width:304px } .formCommande input, .formCommande select { font:11px/1 Verdana, Helvetica, sans-serif } .checkboxCado label { width:auto; margin:0; } .checkboxCado .cado { width: 124px;} .checkboxCado input, .validerModif input { width:auto; margin:0; } .checkboxLu label { width:auto; margin:0; } .checkboxLu{ width: 940px;} .checkboxLu input, .validerModif input { width:auto; margin:10px 0 0 0px; } .formCommande fieldset.livraison { margin:0 0 18px; border:none;font: 11px Verdana, Arial, Helvetica, sans-serif; color: #636162; float:left; width:500px;} /* Pavé de tags ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .block-tags { position:relative; overflow:hidden;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: justify; margin-bottom:20px; } .block-tags a {color:#666666;text-decoration:none;} .block-tags a:hover {text-decoration:underline;} .block-tags a.t1 {color: #000000;font-size: 12px;} .block-tags a.t2 {color: #333333;font-size: 16px;font-weight:800;} /*.block-tags a.t3 {color: #CCCCFF;font-size: 18px;}*/ .block-tags a.t3 {color: #999999;font-size: 18px;} .block-tags a.t4 {color: #CCCCCC;font-size: 10px;font-weight:bold;} /*-----------------------------------------------------------------------------------------------------------------------------------*/ /* Fiche détaillée artiste ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #toile-artiste { clear:both; overflow:hidden; padding: 30px 0px 0px 25px; } #ombreCenter { background:url(../images/ombre-center.jpg) repeat-y 235px 20px; margin:0; clear:both; overflow:hidden; zoom:1; } #ombreTop { background: url(../images/ombre-top.jpg) no-repeat 235px 0px; clear:both; overflow:hidden; zoom:1; } #ombreBottom { background: url(../images/ombre-bottom.jpg) no-repeat 235px bottom; margin:0; clear:both; overflow:hidden; zoom:1; } /* offre entreprise ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .entimg { float:right; padding:6px 44px 50px 70px; width:309px; } /* idées cadeaux ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .kdo-img { float:right; padding:0px 44px 0px 160px; width:208px; } .logo-liste { float:right; padding:0px 44px 20px 160px; } a.boite { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #780c44; text-decoration:underline; } a.boite:hover { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #ff8400; text-decoration: none;} /* news ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .newsfoto { float:right; padding:20px 34px 50px 0px; width:380px;} .newsTexte { width: 500px; float:left; padding-bottom: 60px;} #infoBulle { position:absolute; top:-200px; left:-200px; color:#000000; padding:1px 2px 2px 2px; visibility:hidden; z-index: 200; border:1px solid #000; background-color: #FFFFCC; } /*-----------------------------------------------------------------------------------------------------------------------------------*/ /* news artup ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .n-on, .n-off { color:#FFFFFF; font-size:12px; text-align:center; margin:0px 4px 0px 0px; display:inline-block; width:15px; height:15px; background: url(../images/n-on.gif) no-repeat center center; text-decoration:none; } .n-off { background: url(../images/n-off.gif) no-repeat center center; } .n-on:hover, .n-off:hover { text-decoration:none; } #bt_recherche{ margin-left:3px;padding:5px 0 0 11px; vertical-align:top; color:#D29EA2 !important; display:inline-block; width:115px; height:25px; background: transparent url(../images/fond-btn-rechercher.gif) no-repeat left top; } #bt_recherche:hover{ color:#FFF !important; } /*-----------------------------------------------------------------------------------------------------------------------------------*/ /* old panier repris ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #panierTab { } #panierTab .cellTitre{ font-weight:bold; background-color:#8D0C44; padding-left:9px; color:#FFFFFF;} #panierTab .cellTitre2{ font-weight:bold; background-color:#F3AF1D; padding-left:9px; color:#FFFFFF;} #panierTab .cell1{ font-weight:bold; background-color:#F2EEEB; padding-left:9px; color:#004383; border-top: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;} #panierTab .cell2{ font-weight:bold; background-color:#F9F7F6; padding-left:9px; color:#004383; border-top: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;} #panierTab .cellPoubelle1 { padding:0px 9px; text-align:center; background-color:#F2EEEB;border-top: 1px solid #FFFFFF;} #panierTab .cellPoubelle2 { padding:0px 9px; text-align:center;background-color:#F9F7F6;border-top: 1px solid #FFFFFF;} #panierTab .cellStandard{ padding-left:9px; color:#004383;border-bottom: 1px solid #CCCCCC; } #panierTab a{color:#004383;text-decoration:underline;} #panierTab a:hover{color:#004383;text-decoration:none;} #panierTab .ref { padding:0 20px; white-space:nowrap; } #panierTab .pri { padding:0 20px; white-space:nowrap; text-align:right; }