/* Police personnalisée */ @font-face { font-family: 'tabitha'; src: url('tabitha/tabitha-webfont.eot'); src: url('tabitha/tabitha-webfont.eot?#iefix') format('embedded-opentype'), url('tabitha/tabitha-webfont.svg#tabitharegular') format('svg'), url('tabitha/tabitha-webfont.woff') format('woff'), url('tabitha/tabitha-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Elements de base */ html { width: 100%; height: 100%; } body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.25; color: #4c4c4e; height: 100%; width: 100%; background: #f0f0f0 -webkit-linear-gradient(bottom right, #fff, #e0e0e0) fixed; background: #f0f0f0 linear-gradient(to bottom right, #fff, #e0e0e0) fixed; } table { margin: 0px; padding: 0px; } tr, thead, tbody { margin: 0px; padding: 0px; } td { margin: 0px; padding: 0px; vertical-align: top; } th { margin: 0px; padding: 0px; vertical-align: top; } p { margin: 0px; padding: 0px; margin-bottom: 4px; height: auto; } ul, ol { margin: 12px 0px; } li { margin-top: 0px; margin-bottom: 0px; list-style-image: url(/images/front/bull-li.png); } img { border: none; vertical-align: top; } input { vertical-align: middle; margin: 0px; margin-top: -1px; border: 1px solid #888; padding: 2px 3px; font-size: 12px; line-height: 1; color: #000; font-family: Arial, sans-serif; } input[type=file] { border: none; } input[type=checkbox] { margin-top: -2px; border: none; } input[type=radio] { margin-top: -3px; border: none; } input[type=submit] { border-radius: 5px; background: #eee url(/images/admin/tick.png) 4px center no-repeat; padding: 1px 4px; padding-left: 20px; border-color: #ccc; color: #666; cursor: pointer; } textarea { margin: 0px; border: 1px solid #888; font-size: 12px; color: #000; resize: none; font-family: Arial, sans-serif; } select { margin: 0px; border: 1px solid #888; font-size: 12px; color: #000; font-family: Arial, sans-serif; } div { position: relative; } hr { color: #999; background-color: #999; height: 1px; border: none; } /* Liens et classes associées */ a, a:link, a:visited { text-decoration: none; color: #db001b; } a:hover { text-decoration: none; } a.actif { font-weight: bold; } li a { text-decoration: none; color: #db001b; } .btnbg { border: 1px solid #c6c6c6; height: 45px; padding-left: 39px; text-decoration: none; display: block; margin-bottom: 10px; background-repeat: no-repeat; background-position: left top; } .btnbg.vert { background-color: #6a9d2e; } .btnbg.gris { background-color: #828282; } .btnbg:hover { background-color: #b40004; } .btnbg > .btncnt { height: 39px; padding: 3px 12px; color: #fff; font-family: 'tabitha', cursive; font-size: 18px; line-height: 18px; font-weight: normal; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.12) 29%, rgba(0, 0, 0, 0) 48%); background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.12) 29%, rgba(0, 0, 0, 0) 48%); text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); -moz-text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); -webkit-text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } a.linkgv, a.linkgv:link, a.linkgv:visited { color: #555555; font-size: 13px; line-height: 16px; } a.linkgv:hover { color: #6a9d2e; text-decoration: none; } a.lnkbul, a.lnkbul:link, a.lnkbul:visited { background: url(/images/front/bull-rayon.png) no-repeat 0px -8px; display: inline-block; padding-left: 19px; } a.lnkbul:hover { background-image: url(/images/front/bull-rayonh.png); } /* Titres */ h1 { position: relative; font-family: 'tabitha', cursive; font-size: 28px; font-weight: normal; color: #6a9d2e; margin: 0px; margin-bottom: 5px; padding: 0px; } h1.souligne { border-bottom: 1px dotted #6a9d2e; } h2 { font-size: 20px; font-weight: bold; color: #b6b6b6; margin: 0px; margin-bottom: 8px; padding: 0px; text-transform: uppercase; } h2 > a, h2 > a:link, h2 > a:visited { color: #b6b6b6; } h2 > a:hover { color: #6a9d2e; text-decoration: none; } h2.pied { color: #555555; text-transform: none; } h2.pied > a, h2.pied > a:link, h2.pied > a:visited { color: #555555; } h2.pied > a:hover { color: #6a9d2e; text-decoration: none; } h3 { color: #78a83f; font-size: 16px; padding: 0; margin: 5px 0; line-height: normal; } h4 { background-color: #db001b; background-image: -webkit-linear-gradient(top, #b30101, #d83d00); background-image: linear-gradient(to top, #b30101, #d83d00); box-shadow: 0 17px rgba(255, 255, 255, 0.1) inset; color: white; font-size: 18px; font-weight: bold; line-height: 33px; margin-bottom: 5px; text-align: center; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); text-transform: uppercase; } h5 { font-family: 'tabitha', cursive; font-size: 18px; font-weight: normal; color: #fff; margin: 0px; padding: 0px; letter-spacing: 0.3px; text-align: center; text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); -moz-text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); -webkit-text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } h6 { font-family: 'tabitha', cursive; font-size: 22px; font-weight: normal; color: #6a9d2e; margin: 0px; margin-bottom: 5px; padding: 0px; border-bottom: 1px solid #6a9d2e; } /* Classes de style */ .clear { display: block; clear: both; } .erreur { font-size: 13px; font-style: italic; color: #F00; background: url(/images/admin/erreur.png) no-repeat left; padding-left: 22px; font-weight: 500; } .alerte { display: inline-block; font-size: 11px; font-style: normal; color: #ffae00; background: url(/images/front/alerte.png) no-repeat left top; padding-left: 20px; font-weight: normal; } .info { font-size: 11px; font-style: italic; color: #0F0; background: url(/images/admin/information.png) no-repeat left; padding-left: 22px; font-weight: 500; color: #369; } .gros { font-size: 18px; font-weight: bold; color: #000; margin-bottom: 8px; } .petit { font-size: 11px; font-style: normal; color: #f0f0f0; } .surligne { background: #FF0; color: #036; font-style: normal; font-weight: bold; } .hr { border-top: 1px solid #777; height: 1px; font-size: 0px; } .ombre { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); } .outline { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; color: #fff; } .espace { height: 5px; font-size: 0px; overflow: hidden; } .icone { width: 16px; height: 16px; } .contenu { left: 50%; width: 1200px; margin-left: -600px; } .contenu > .padding { padding: 0px; } .cntcol { display: table; width: 100%; } .cntcol > .col3 { display: table-cell; width: 33%; border-left: 1px solid #d9d9d9; } .cntcol > .col3:first-child { border-left: none; } .cntcol > .col3 > .padding { padding: 0 12px; } .inline { display: inline-block; } .nbart { font-size: 9px; } .cursive { font-family: 'tabitha', cursive; } .fright { float: right; } .disabled { color: #d7d7d7; } .cntBloc { background-color: #fff; border: 1px solid #d7d7d7; border-radius: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); padding: 20px; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.07)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.07)); } .moocboqte { text-align: right; width: 24px; } .labelCheck.inactive { color: #a7a7a7; } input.montant, input.entier { text-align: right; } .encombrant { display: inline-block; width: 256px; font-size: 16px; font-weight: bold; color: #aaa; background: url(/images/front/encombrant.png) no-repeat left center; line-height: 1; } .encombrant > em { display: inline-block; font-size: 11px; font-weight: normal; color: #555; } .encombrant > em.rouge { color: #db001b; } .btnCommander { cursor: pointer; } #cntSitses { position: absolute; width: 14px; height: 28px; top: 29px; left: 5px; } .frameSitses { display: block; border: 0; padding: 0; margin: 2px; width: 10px; height: 10px; opacity: 0; } .frameMajses { position: absolute; top: 0; left: 0; border: 0; width: 0px; height: 0px; opacity: 0;} a.tagart, a.tagart:link, a.tagart:visited { display: inline-block; padding: 3px 8px; border-radius: 4px; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #fff; background-color: #6a9d2e; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); margin-bottom: 3px; } a.tagart:hover { background-color: #b40004; } a.tagart > sup { display: none; } a.dtagart, a.dtagart:link, a.dtagart:visited { display: inline-block; font-size: 12px; text-transform: uppercase; color: #b40004; margin: 0 6px 3px 0; } a.dtagart:hover { text-decoration: underline; } a.dtagart > sup { display: none; } a.btnRouge { background: #b40004; color: #fff; font-weight: bold; padding: 2px 5px; border-radius: 3px; } a.btnStyle { background-color: #db001b; background-image: linear-gradient(to top, #b30101, #d83d00); box-shadow: 0 17px rgba(255, 255, 255, 0.1) inset; color: white; display: inline-block; padding: 0 20px; font-size: 18px; font-weight: bold; line-height: 33px; height: 33px; border-radius: 15px 0 0 15px; cursor: pointer; text-align: center; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); } a.btnStyle:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.6), 0 17px rgba(255, 255, 255, 0.1) inset; } a.btnStyle > img { width: 48px; height: 48px; margin-top: -14px; margin-right: 10px; } /* ============================= Elements uniques standards */ /* Elements de la page */ #btop-test { position: fixed; bottom: 0; left: 0; right: 0; padding: 4px 8px; background: #f00; color: #fff; text-align: center; z-index: 100004; box-shadow: 0 0 4px #000; } #infsit { padding: 12px 0; background-color: #6a9d2e; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); color: #fff; z-index: 2; line-height: 20px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 3px 3px rgba(255, 255, 255, 0.1) inset; } body.erable #infsit { background-color: #d80100; } body.japon #infsit { background-color: #1c9ecf; } #infsit a { padding: 3px 6px; padding-bottom: 1px; margin: 0 4px; border-radius: 3px; text-transform: uppercase; font-weight: bold; letter-spacing: 0px; background-color: #fff; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); color: #555; } #infsit a:hover { background-color: #555; color: #fff; } #infsit p { margin: 0 } #infsit a#infClose { float: right; padding: 0; margin: 0; background: none; border-radius: 0; } #main { } #entete { height: 107px; overflow: hidden; background-color: #b40004; color: #fff; } body.erable #entete { background-color: #486922; } body.japon #entete { background-color: #545f61; } #entete #lnkentacc { display: block; float: left; margin-top: 18px; text-decoration: none; } #entete #logomini { display: none; } #entete #entlnktop { float: right; margin-top: 18px; color: #fff; font-size: 11px; line-height: 11px; } #entete #entlnktop a { color: #fff; padding: 0 9px; border-right: 1px dotted #888; } #entete a:hover { text-decoration: underline; } #entete #entlnktop strong { color: #ffb400; font-size: 13px; padding: 0 9px; } /* #entete #entlnktop #chxlangue { float: right; margin-left: 10px; } #entete #entlnktop #chxlangue a { padding: 0; margin: 0; margin-left: 6px; border: none; display: inline-block; height: 12px; width: 18px; text-decoration: none; background-repeat: no-repeat; background-position: top left; } #entete #entlnktop #chxlangue a.active { background-position: 0 -12px; } */ #entete #entlnktop #chxlangue { float: right; padding: 2px 5px; margin-top: -2px; margin-right: 6px; } #poplangue { position: absolute; padding: 2px 5px; width: 16px; background-color: #ffb400; border-radius: 3px; z-index: 99; display: none; } #poplangue a { padding: 0; margin: 2px 0; border: none; display: inline-block; height: 11px; width: 16px; text-decoration: none; } #popdevise a:hover { background-color: #fff; } #entete #entlnktop #chxdevise { float: right; padding: 2px 5px; margin-top: -2px; width: 16px; background: #ffb400; color: #b40004; border-radius: 3px; line-height: 11px; font-size: 11px; font-weight: 600; text-align: center; } #popdevise { position: absolute; padding: 2px 2px; width: 22px; background-color: #ffb400; border-radius: 3px; z-index: 99; display: none; } #popdevise a { margin: 0; padding: 2px 3px; border: none; display: block; height: 11px; width: 16px; line-height: 11px; color: #b40004; font-size: 11px; font-weight: 600; text-align: center; } #popdevise a.active { background-color: #b40004; color: #fff; } #popdevise a:hover { background-color: #fff; color: #000; } #entete #cntRech { clear: right; float: left; font-size: 12px; margin-top: 23px; margin-left: 40px; } #entete #cntRech #frmRech { border-radius: 5px; height: 29px; overflow: hidden; } #entete #cntRech #chxPortee { background-color: #d9d9d9; background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0)); float: left; height: 29px; line-height: 3px; overflow: hidden; width: 200px; } #entete #cntRech #chxPortee #portee { background-color: transparent; font-weight: bold; height: 29px; padding: 0 0 0 7px; border: none; font-size: 12px; width: 220px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(/images/front/pop-down.png) no-repeat 180px center; } #entete #cntRech #chxPortee .porteeSite { font-weight: bold; margin: 4px 0; } #entete #cntRech #chxPortee .porteeRayon { font-weight: normal; margin-left: 12px; } _:-ms-fullscreen, :root #entete #cntRech #chxPortee { width: 160px; } /* Hack IE11- */ _:-ms-fullscreen, :root #entete #cntRech #chxPortee #portee { background: url(/images/front/pop-down.png) no-repeat 140px center; } #entete #cntRech #recherche { height: 29px; width: 400px; line-height: 29px; margin: 0; padding: 0 5px; float: left; border: none; font-size: 12px; color: #59980e; } #entete #cntRech #recherche::-webkit-input-placeholder { color: #aaa; } #entete #cntRech #recherche::-moz-placeholder { color: #aaa; } #entete #cntRech #btnValrec { background-color: #6a9d2e; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); background-position: top left; border-radius: 0 4px 4px 0; color: #fff; cursor: pointer; font-weight: bold; height: 31px; line-height: 29px; padding: 0 5px; text-align: center; float: left; border: none; } body.erable #entete #cntRech #btnValrec { background-color: #d80100; } #entete #cntClient { float: right; margin-top: 23px; color: #fff; } #entete #cntClient a { color: #fff; } #entete #cntClient #compte { float: left; padding: 0 20px; border-right: 1px dotted #888; } #entete #cntClient #compte a { display: block; } #entete #cntClient #panier { float: left; padding: 0 20px; padding-left: 56px; background: url(/images/front/bg-cart.png) no-repeat 20px center; } #entete #cntClient #panier a { display: block; } #menu { background: #b40004 url(/images/front/bg-menu.png) repeat-x center 8px; height: 45px; padding-bottom: 4px; } body.erable #menu { background-color: #486922; } body.japon #menu { background-color: #545f61; } #menu a { color: #fff; display: inline-block; font-size: 14px; font-weight: bold; height: 37px; line-height: 37px; padding: 0 18px; padding-top: 8px; text-decoration: none; text-transform: uppercase; } #menu a.actif, #menu a:hover { background-color: #6a9d2e; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); border-radius: 4px 4px 0 0; box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.3), 0 3px 3px rgba(255, 255, 255, 0.1) inset; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } body.erable #menu a.actif, body.erable #menu a:hover { background-color: #d80100; } body.japon #menu a.actif, body.japon #menu a:hover { background-color: #1c9ecf; } #content { margin: 25px 0; } .at4-share-btn { box-shadow: 0 0 6px rgba(0,0,0,0.7); } /* Slideshow accueil */ #slideProduits { float: left; height: 314px; width: 778px; } #slideProduits #cntSlide { height: 314px; width: 778px; overflow: hidden; border-radius: 5px; } #slideProduits #cntSlide:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } #slideProduits #cntSlide > a { display: block; width: 760px; height: 300px; padding: 6px 8px; border: 1px solid #d9d9d9; border-radius: 5px; background: #fff; color: #555555; } #slideProduits #cntSlide > a:hover { color: #6a9d2e; } #slideProduits #cntSlide > a > img { position: absolute; height: 300px; width: 300px; left: 1; top: 1; } #slideProduits #cntSlide > a > div { position: absolute; height: 300px; width: 480px; left: 280px; top: 1; border-radius: 5px; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 4%,rgba(255,255,255,1) 100%); } #slideProduits #cntSlide > a > div .padding { padding: 20px; padding-left: 40px; } #slideProduits #cntSlide > a > div .titart { font-size: 22px; line-height: 24px; text-transform: uppercase; font-weight: bold; } #slideProduits #cntSlide > a > div .famart { font-size: 14px; line-height: 16px; padding-top: 6px; text-transform: capitalize; color: #555555; } #slideProduits #cntSlide > a > div .refart { font-size: 12px; line-height: 14px; padding-top: 10px; text-transform: lowercase; color: #555555; } #slideProduits #cntSlide > a > div .basdiv { position: absolute; top: 160px; left: 40px; width: 420px; text-align: right; } #slideProduits #cntSlide > a > div .prxart { color: #db001b; display: block; font: bold 40px/1 Tahoma,Geneva,sans-serif; margin-bottom: 15px; } #slideProduits #cntSlide > a > div .bouton { display: inline-block; background-color: #db001b; background-image: linear-gradient(to top, #b30101, #d83d00); border-radius: 4px; color: white; box-shadow: 0 17px rgba(255, 255, 255, 0.1) inset; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); font-size: 17px; line-height: 33px; padding: 0 20px; } #slideProduits #cntSlide > a:hover > div .bouton { background-color: #6a9d2e; background-image: linear-gradient(to top, #6a9d2e, #60ad25); } #slideProduits #ctlSlide { width: 768px; text-align: right; margin-top: -28px; z-index: 10; } #slideProduits #ctlSlide > a { display: inline-block; text-align: center; border-radius: 50%; background: #dcdcdc; color: #fff; font-size: 8px; line-height: 16px; width: 16px; margin-left: 3px; transition: background .3s ease-in-out; } #slideProduits #ctlSlide > a.actif { background: #db001b; } #slideProduits #ctlSlide > a:hover { background: #6a9d2e; } /* Page d'accueil (Bandeaux / catégories articles */ #cntBandeaux { float: right; width: 407px; } #cntBandeaux .banniere { display: block; margin-bottom: 10px; border-radius: 5px; } #cntBandeaux .banniere > img { border-radius: 5px; } #cntBandeaux .banniere:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } #cntBandeaux .banniere img { width: 407px; height: 128px; } #cntCategp { clear: right; float: right; width: 407px; background: #fff; padding: 10px 0; text-align: center; border: 1px solid #d9d9d9; border-radius: 5px; } #cntCategp a { color: #555555; padding: 0 10px; border-left: 1px dotted #888; } #cntCategp a:first-child { border: none; } #cntCategp a:hover { text-decoration: underline; } /* Recherche spéciale érable */ #recErables { border-radius: 8px; padding: 6px 8px; text-align: center; background: #6a9d2e linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.11), 0 3px 3px rgba(255, 255, 255, 0.1) inset; } #recErables > .cntSelect { height: 21px; overflow: hidden; border-radius: 4px; margin-bottom: 4px; background-color: #d9d9d9; background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0)); } #recErables > .cntSelect.actif { background-color: #f99; } #recErables > .cntSelect > select { width: 240px; color: #555555; background-color: transparent; border: none; padding: 2px 2px 0 2px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(/images/front/pop-down.png) no-repeat 164px center; } #recErables > .cntSelect > select option { background: #f0f0f0; } #recErables > .btnRecera { display: block; color: #fff; font-weight: bold; font-size: 13px; padding: 4px; padding-right: 12px; margin-top: 4px; text-align: center; } #recErables > .btnRecera:hover { background-color: #6a9d2e; } /* Rayons */ #titRaysel { display: none; } #cntRaysel { display: none; } #cntFrlmob { display: none; } #cntRayons { float: left; width: 200px; margin-right: 20px; } #cntRayons .lnkrayon { display: block; border-bottom: 1px solid #d9d9d9; color: #555555; font-size: 14px; line-height: 16px; padding: 6px 4px 6px 19px; text-decoration: none; background: url(/images/front/bull-rayon.png) no-repeat left -2px; } #cntRayons .lnkrayon:hover { color: #b40004; background-image: url(/images/front/bull-rayonh.png); } #cntRayons .lnkrayon.currayon { color: #6a9d2e; background-image: url(/images/front/bull-rayonc.png); } #cntRayons .cntSrayons { padding: 4px 0; background: #eaeaea linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0) 10px); border-bottom: 1px solid #d9d9d9; } #cntRayons .cntSrayons .lnkrayon { border-bottom: none; font-size: 12px; line-height: 14px; padding: 4px 4px 4px 25px; background: url(/images/front/bull-rayon.png) no-repeat 6px -7px; } #cntRayons .cntSrayons .lnkrayon.currayon { color: #6a9d2e; background-image: url(/images/front/bull-rayonc.png); } #cntRayons .cntSsrayons { padding: 4px 0; padding-left: 6px; padding-top: 6px; margin: 0; margin-bottom: 4px; background: #f3f3f3 linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0) 10px); border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } #cntRayons .cntSsrayons .lnkrayon { border-bottom: none; font-size: 11px; line-height: 13px; padding: 4px 4px 4px 25px; background: url(/images/front/bull-rayon.png) no-repeat 6px -7px; } #cntRayons .cntSsrayons .lnkrayon.currayon { color: #6a9d2e; background: url(/images/front/bull-rayonc.png) no-repeat 6px -8px; } /* Critères de sélection dans les rayons / la recherche */ .cntCrits { margin: 0; background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100% ); } .cntCrits .titCrits { font-size: 10px; color: #999; margin: 0 0 6px 6px; padding-bottom: 4px; border-bottom: 1px dotted #f7f7f7; } .cntCrits.ray { padding: 6px; background-color: #f0f0f0; } .cntCrits.sray { padding: 6px; padding-left: 12px; } .cntCrits.ssray { padding: 6px; margin-bottom: 4px; } .cntCrits .critCheck { display: block; padding-left: 23px; color: #555555; font-size: 12px; line-height: 14px; background-image: url(/images/front/crit-check_off.png); background-position: 5px center; background-repeat: no-repeat; } #cntPage .cntCrits { padding: 8px 10px; background: #fafafa linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 10px); } #cntPage .cntCrits .titCrits { border: none; display: inline-block; width: 118px; margin: 0 20px 0 0; padding: 0; color: #555; } #cntPage .cntCrits .critCheck { display: inline-block; margin-right: 16px; } .cntCrits .critCheck:hover { color: #b40004; } .cntCrits .critCheck.on { background-image: url(/images/front/crit-check_on.png); } #fltray { padding: 0px 10px 8px 154px; background: #fafafa; } #fltray .criray { display: inline-block; margin: 0 20px 0 0; padding: 3px 30px 2px 6px; background: #ddd url(/images/front/bg-popup.png) no-repeat right center; box-shadow: 0 0 8px rgba(0,0,0,0.2) inset; } #fltray .criray.actif { background-image: url(/images/front/bg-popup-actif.png); color: #db001b; font-weight: bold; } #cripop { position: absolute; background: #fff; box-shadow: 4px 4px 8px rgba(0,0,0,0.3); padding: 8px 12px; } #cripop .criopt { padding: 4px 8px 4px 20px; background: url(/images/front/crit-check_off.png) no-repeat left center; } #cripop .criopt.checked { background-image: url(/images/front/crit-check_on.png); } #cripop #crival { text-align: center; font-weight: bold; color: #fff; background: #bbb; padding: 3px; margin: 4px 0; border-radius: 3px; box-shadow: 1px 1px 2px #333; } /* Blocs articles au hasard */ #cntRayons .cntArthaz { margin-top: 24px; } #cntRayons .cntArthaz > h4 { background-color: #c7c7c7; background-image: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)); margin: 0; } #cntRayons .cntArthaz > h4 > a { color: #fff; } #cntRayons .cntArthaz > a { display: block; padding: 3px 4px; } #cntRayons .cntArthaz > a > .nomart { display: block; padding: 2px 4px; text-transform: uppercase; font-weight: bold; color: #555555; margin-bottom: 4px; height: 14px; word-wrap: break-word; overflow: hidden; } #cntRayons .cntArthaz > a > img { width: 60px; height: 60px; float: left; } #cntRayons .cntArthaz > a > .prxart { float: right; color: #db001b; font: bold 20px/1 Tahoma,Geneva,sans-serif; margin-top: 12px; margin-right: 3px; } #cntRayons .cntArthaz:hover { box-shadow: 0 0 4px rgba(0,0,0,0.3); } #cntRayons .cntArthaz:hover > h4 { background-color: #6a9d2e; } #cntRayons .cntArthaz:hover > a { background: #fff; } #cntRayons .cntArthaz:hover > a > .nomart { color: #6a9d2e; } /* Contenu de la page */ #cntPage { float: right; width: 960px; position: relative; } #cntPage .lnkaccart { display: block; float: left; background: #fff; text-align: center; border: 1px solid #d9d9d9; border-radius: 2px; height: 260px; width: 140px; padding: 3px 4px; margin: 5px; position: relative; } #cntPage .lnkaccart:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } #cntPage .lnkaccart > .nomart { display: block; font-size: 12px; line-height: 16px; text-transform: uppercase; font-weight: bold; margin-top: 6px; color: #555555; word-wrap: break-word; max-height: 48px; overflow: hidden; } #cntPage .lnkaccart:hover > .nomart { color: #6a9d2e; } #cntPage .lnkaccart > .refart { display: block; font-size: 11px; line-height: 16px; color: #555555; } #cntPage .lnkaccart > .basdiv { display: block; position: absolute; top: 220px; left: 4px; width: 140px; text-align: center; } #cntPage .lnkaccart > .basdiv .prxart { display: block; color: #db001b; font: bold 25px/1 Tahoma,Geneva,sans-serif; } #cntPage #cntImages { width: 555px; float: left; } #cntPage #cntImages > #imgMain { display: block; float: left; width: 300px; height: 300px; padding: 3px 4px; margin: 0; display: block; background-color: #fff; border: 1px solid #d9d9d9; } #cntPage #cntImages > #imgMain:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } #cntPage #cntImages > #imgMain > img { width: 300px; height: 300px; } #cntPage #cntImages > #cntMinis { float: left; width: 230px; margin-left: 10px; } #cntPage #cntImages > #cntMinis > img.mini { float: left; height: 60px; width: 60px; padding: 3px 4px; margin: 0 5px 5px 0; cursor: pointer; display: block; background-color: #fff; border: 1px solid #d9d9d9; } #cntPage #cntImages > #cntMinis > img.mini:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } #cntPage #cntImages > #cntMinis > img.mini:nth-child(3n) { margin-right: 0; } #cntPage #frmAddpan { display: block; float: right; width: 280px; /* height: 266px; */ padding: 20px; text-align: right; box-shadow: 2px -2px 2px rgba(0,0,0,0.1); background: linear-gradient(to top right, rgba(255,255,255,0), rgba(255,255,255,0) 50%, rgba(255,255,255,1)); } #cntPage #frmAddpan > .icone { width: 12px; height: 12px; margin-top: 1px; } #cntPage #frmAddpan .lpromo { font-weight: bold; color: #db001b; border-radius: 4px; } #cntPage #frmAddpan .prxori { font: bold 16px/1 Tahoma,Geneva,sans-serif; color: #4c4c4e; text-decoration: line-through; } #cntPage #frmAddpan .prix { font: bold 26px/1 Tahoma,Geneva,sans-serif; color: #db001b; } #cntPage #frmAddpan .btnStyle { margin-right: -20px; padding-right: 28px; } #cntPage #frmAddpan #cntFicart { margin-top: 16px; line-height: 16px; font-size: 13px; vertical-align: middle; } #cntPage #frmAddpan #cntFicart a { color: #555555; } #cntPage #frmAddpan #cntFicart a:hover { color: #db001b; } /* Barre de navigation */ #cntNavig { height: 16px; line-height: 16px; padding: 4px 6px; vertical-align: top; overflow: hidden; font-size: 11px; } #cntNavig > a { display: inline-block; height: 16px; line-height: 16px; vertical-align: top; background: url(/images/front/nav-sep.png) no-repeat left center; padding: 0 10px 0 18px; color: #555555; } #cntNavig > a:hover { color: #6a9d2e; } #cntNavig > #navHome { display: inline-block; height: 16px; width: 10px; background: url(/images/front/nav-home.png) no-repeat left center; padding: 0 10px 0 0; } #cntNavig > #navHome:hover { background: url(/images/front/nav-homeh.png) no-repeat left center; } /* Loupe et miniatures article */ #cntLoupe { position: absolute; width: 300px; height: 300px; display: block; padding: 3px 4px; border: 1px solid #d9d9d9; border-radius: 5px; overflow: hidden; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } #imgLoupe { position: absolute; left: -450px; top: -450px; width: 1200px; height: 1200px; display: block; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-image: url(/images/front/loader.gif); } #zonLoupe { position: absolute; width: 75px; height: 75px; border: 1px solid #d7d7d7; border-radius: 3px; background: rgba(255,255,255,0.3); z-index: 3; } .listeMinart > a { display: inline-block; position: relative; height: 96px; overflow: hidden; margin: 1px 2px; } .listeMinart > a:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .listeMinart > a > img { width: 90px; height: 90px; padding: 3px 4px; background-color: #fff; border: 1px solid #d7d7d7; } .listeMinart > a > .legende { position: absolute; top: 64px; left: 1px; width: 90px; padding: 3px 4px; background-color: rgba(255,255,255,0.7); font-size: 11px; line-height: 14px; color: #555; text-transform: uppercase; font-weight: bold; min-height: 90px; transition: top .3s ease-in-out; text-align: center; letter-spacing: -0.5px; } .listeMinart > a > .legende > .prix { position: absolute; top: 72px; left: 3px; width: 90px; text-align: center; font: bold 14px/1 Tahoma,Geneva,sans-serif; color: #db001b; } /* Spécificités érables */ #cntDetera { width: 100%; background: #fff; border-collapse: collapse; } #cntDetera tr:nth-child(2n+1) { background: #f0f0f0; } #cntDetera tr > td:nth-child(1) { width: 150px; padding: 4px 8px; color: #888; font-style: italic; } #cntDetera tr > td:nth-child(2) { padding: 4px 8px; font-weight: bold; } #cntDetera tr > td:nth-child(3) { width: 150px; padding: 4px 8px; text-align: right; } #cntDetera tr > td:nth-child(3) a { background: url(/images/front/bull-plus.png) no-repeat right center; padding-right: 16px; } #aidlit { display: inline-block; padding-left: 22px; background: url(/images/admin/information.png) no-repeat left center; color: #496296; } /* Commentaires clients */ #frmAddcom { display: none; } #frmAddcom #txtcom { width: 100%; box-sizing: border-box; height: 64px; } .cntComcli { padding: 8px 8px; background: #f0f0f0; } .cntComcli:nth-child(2n+1) { background: #fff; } .cntComcli .nomcli { font-size: 11px; font-weight: 600; display: inline-block; margin-right: 10px; } .cntComcli .datcom { font-size: 11px; font-style: italic; } .cntComcli .espace { border-top: 1px dotted #d0d0d0; margin-top: 4px; } /* Listes d'articles */ #cntListe { border-radius: 30px 30px 0 0; box-shadow: 0 0 6px rgba(0,0,0,0.2); } #cntTitre { background-color: #fff; background-position: top left; background-repeat: no-repeat; background-size: 140px; height: 100px; border-radius: 30px 30px 0 0; } #cntTitre > #txtTitre { height: 80px; padding: 10px 20px; padding-left: 80px; margin-left: 80px; border-radius: 0 30px 0 0; background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1) 60px); } #cntTitre > #txtTitre > .masque { height: 30px; overflow: hidden; } #cntTitre .lnkCatpdf { position: absolute; right: 16px; top: -20px; display: block; height: 36px; padding-top: 28px; padding-right: 70px; text-align: right; vertical-align: center; background: url(/images/front/download-pdf.png) no-repeat right center; } #cntTitre .lnkCatpdf:hover { color: #6a9d2e; } #cntTitre .lnkDespdf { position: absolute; right: 16px; top: 72px; display: block; background: url(/images/admin/pdf.png) no-repeat left center; padding: 2px 0; padding-left: 20px; } #cntTitre .lnkDespdf:hover { color: #6a9d2e; } .cntNavig { padding: 6px; color: #fff; font-size: 12px; line-height: 18px; background: #6a9d2e linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.11), 0 3px 3px rgba(255, 255, 255, 0.1) inset; } .cntNavig #chxaff { float: left; margin-right: 30px; } .cntNavig #chxaff .btnChxaff { float: left; width: 16px; height: 16px; padding: 2px; border-left: 1px solid #888; background-position: center center; background-repeat: no-repeat; background-color: #fff; } .cntNavig #chxaff .btnChxaff.off { background-color: #bbb; } #cntNavig #chxaff .btnChxaff:first-child { border-left: none; } .cntNavig #chxtri { float: left; margin-right: 30px; } .cntNavig #cntChxnbr { float: left; } .cntNavig .cntTotres { float: right; margin-right: 6px; margin-top: 1px; } .cntNavig .btnPage { background: #fff; color: #555555; padding: 3px 4px; font-weight: bold; min-width: 20px; } .cntNavig .btnPage.actif { color: #db001b; } .cntNavig .btnPage:hover { color: #6a9d2e; } #cntArts { background: #fff; } #cntArts .noresult { color: #a7a7a7; font-size: 30px; text-align: center; padding: 170px 0; font-weight: bold; } .art-liste { background: #fff; border-bottom: 1px dotted #d7d7d7; width: 100%; } .art-liste > a { display: table; width: 100%; table-layout: fixed; } .art-liste > a > .imgart { display: table-cell; padding: 6px 8px; width: 90px; height: 90px; vertical-align: top; } .art-liste > a > .imgart > .art-image { width: 90px; height: 90px; } .art-liste > a > .art-descr { display: table-cell; padding: 6px 12px; vertical-align: top; } .art-liste > a > .art-descr > .masque { display: block; height: 82px; overflow: hidden; text-overflow: ellipsis; } .art-liste > a > .art-descr > .masque > .nomart { display: inline-block; font-weight: bold; text-transform: uppercase; font-size: 14px; } .art-liste:hover > a > .art-descr > .masque > .nomart { color: #6a9d2e; } .art-liste > a > .art-descr > .masque > .refart { display: block; float: right; color: #999; } .art-liste > a > .art-descr > .masque > .desart { color: #555555; word-wrap: break-word; } .art-liste > a > .art-descr > .masque > .icone { width: 12px; height: 12px; margin-left: 4px; margin-top: 3px; } .art-liste > a > .art-prix { display: table-cell; position: relative; width: 130px; font: bold 22px/1 Tahoma,Geneva,sans-serif; color: #db001b; padding: 6px 8px; vertical-align: middle; text-align: right; background: #f4f4f4; } .art-liste > a > .art-prix > .cntapd { position: absolute; display: block; top: 8px; left: 15px; width: 120px; text-align: right; color: #888; font-size: 11px; font-weight: normal; font-style: italic; } .art-liste > a > .art-prix > .cntcde { position: absolute; display: block; bottom: 14px; left: 15px; width: 120px; text-align: right; color: #555; font-size: 11px; font-weight: normal; } .art-liste > a > .art-prix > .cntcde > .btnCommander { color: #db001b; cursor: pointer; display: inline-block; padding: 1px 0; padding-left: 20px; background: url(/images/front/add-panier-mini.png) no-repeat left center; } .art-liste > a > .art-prix > .cntcde > .btnCommander:hover { color: #6a9d2e; } .art-liste > a > .art-prix > .prxavtrem { text-decoration: line-through; font-size: 11px; color: #333; display: block; margin-top: -12px; } .art-vignette { display: block; float: left; background: #fff; text-align: center; border: 1px solid #d9d9d9; border-radius: 2px; height: 260px; width: 140px; padding: 3px 4px; margin: 5px; position: relative; } .art-vignette:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .art-vignette > a > .art-image { width: 140px; height: 140px; display: block; } .art-vignette > a > .nomart { display: block; font-size: 12px; line-height: 16px; text-transform: uppercase; font-weight: bold; margin-top: 6px; color: #555555; word-wrap: break-word; max-height: 32px; overflow: hidden; } .art-vignette:hover > a > .nomart { display: block; color: #6a9d2e; } .art-vignette > a > .icones { position: absolute; top: 8px; width: 100px; left: 100%; margin-left: -112px; text-align: right; } .art-vignette > a > .icones > .icone { width: 12px; height: 12px; margin-left: 4px; margin-top: 3px; } .art-vignette > a > .refart { display: block; font-size: 11px; line-height: 16px; color: #555555; } .art-vignette > .basdiv { display: block; position: absolute; top: 204px; left: 4px; width: 140px; text-align: center; } .art-vignette > .basdiv > .cntcde { display: block; text-align: center; color: #555; font-size: 11px; font-weight: normal; } .art-vignette > .basdiv > .cntcde > .btnCommander { color: #db001b; cursor: pointer; display: inline-block; padding: 1px 0; padding-left: 20px; background: url(/images/front/add-panier-mini.png) no-repeat left center; } .art-vignette > .basdiv > .prxart { display: block; color: #db001b; display: block; font: bold 25px/1 Tahoma,Geneva,sans-serif; } .art-ligne { display: block; background: #fff; text-align: left; border-bottom: 1px dotted #d9d9d9; position: relative; font-size: 12px; line-height: 18px; } .art-ligne > a { display: table; width: 100%; } .art-ligne > a > * { vertical-align: middle; } .art-ligne > a > .nomart { display: table-cell; padding: 3px 6px; text-transform: uppercase; font-weight: bold; color: #555555; word-wrap: break-word; overflow: hidden; } .art-ligne:hover > a > .nomart { color: #6a9d2e; } .art-ligne > a > .nomart > .icone { width: 12px; height: 12px; margin-left: 4px; margin-top: 2px; } .art-ligne > a > .nomart > .cntcde { display: inline-block; float: right; color: #555; font-size: 11px; font-weight: normal; text-transform: none; } .art-ligne > a > .nomart > .cntcde > .btnCommander { color: #db001b; cursor: pointer; display: inline-block; padding: 1px 0; padding-left: 20px; background: url(/images/front/add-panier-mini.png) no-repeat left center; } .art-ligne > a > .refart { display: table-cell; padding: 3px 6px; font-size: 11px; color: #555555; width: 60px; } .art-ligne > a > .prxart { display: table-cell; padding: 3px 6px; color: #db001b; font: bold 16px/1 Tahoma,Geneva,sans-serif; width: 100px; text-align: right; background: #f4f4f4; } #cntAparim { position: absolute; width: 300px; height: 300px; padding: 3px 4px; background-color: #fff; background-position: center; background-repeat: no-repeat; box-shadow: 0 0 8px rgba(0,0,0,0.5); z-index: 9; } #cntAparim > .legende { padding: 3px 5px; color: #fff; background: #000; text-transform: uppercase; font-weight: bold; } /* Page bulletins */ #cntBulart { float: left; width: 685px; } #cntBulart .cntBulletin { display: table; width: 100%; border-top: 1px solid #d7d7d7; } #cntBulart .cntBulletin .titre { display: table-cell; padding: 8px 6px; font-weight: bold; text-transform: uppercase; font-size: 14px; color: #555555; } #cntBulart .cntBulletin:hover .titre { color: #6a9d2e; } #cntBulart .cntBulletin .titre .btnCommander { color: #db001b; cursor: pointer; display: inline-block; float: right; padding: 0; padding-left: 20px; background: url(/images/front/add-panier-mini.png) no-repeat left center; } #cntBulart .cntBulletin .prix { display: table-cell; width: 80px; padding: 8px 6px; color: #db001b; background: #e0e0e0; font: bold 16px/1 Tahoma,Geneva,sans-serif; text-align: right; } #cntBulart .txtBulletin { display: block; color: #555; background: #fff; overflow: hidden; } #cntBulart .txtBulletin > .padding { padding: 8px 12px; border-top: 1px solid #d7d7d7; } #cntBulart .txtBulletin > .padding > img { float: left; max-height: 90px; max-width: 90px; margin-right: 10px; margin-bottom: 6px; } #cntBulabo { float: right; width: 245px; } #cntBulabo > .txtBulabo { padding: 0 10px; } #cntBulabo > .artBulabo { display: table; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; width: 100%; } #cntBulabo > .artBulabo > .titre { display: table-cell; padding: 8px 6px; font-weight: bold; text-transform: uppercase; font-size: 14px; vertical-align: middle; color: #555555; } #cntBulabo > .artBulabo > .titre .btnCommander { color: #db001b; cursor: pointer; display: inline-block; float: right; padding: 0; padding-left: 20px; background: url(/images/front/add-panier-mini.png) no-repeat left center; } #cntBulabo > .artBulabo > .prix { display: table-cell; padding: 8px 6px; color: #db001b; background: #e0e0e0; font: bold 16px/1 Tahoma,Geneva,sans-serif; text-align: right; width: 80px; } #cntBulabo #lnkDlbgra { display: block; text-align: center; } /* Page ateliers */ .cntAtelier { background-color: #fff; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.07)); border: 1px solid #d7d7d7; border-radius: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); padding: 20px; } .cntAtelier > img { width: 150px; height: 150px; float: left; margin-bottom: 15px; margin-right: 15px; } .cntAtelier > .datate { color: #888; font-style: italic; } .cntAtelier > .finate { color: #a7a7a7; font-weight: bold; } .cntAtelier > .cntPrxate { float: left; } .cntAtelier > .cntPrxate th { color: #a7a7a7; font-style: italic; text-align: left; } .cntAtelier > .cntPrxate td:nth-child(1) { width: 120px; font: bold 20px/1 Tahoma,Geneva,sans-serif; color: #db001b; } .cntAtelier > .cntPrxate td:nth-child(2) { width: 100px; padding-top: 7px; font-weight: bold; font-size: 20px; line-height: 1; color: #555; } .cntAtelier > .btnCommander { float: right; padding-right: 20px; margin-right: -20px; margin-top: 8px; } /* Page expositions / actualités */ #cntExpo { background-color: #fff; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.07)); border: 1px solid #d7d7d7; border-radius: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); padding: 20px; margin-bottom: 20px; } #cntExpo > img { float: left; margin-right: 25px; } div.lstExpo { display: table; width: 100%; padding: 20px 0; border-top: 1px solid #d7d7d7; } a.lstExpo { display: table; width: 100%; padding: 20px 0; border-top: 1px solid #d7d7d7; color: #555; } a.lstExpo:hover { background-color: #fff; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.07)); border: 1px solid #d7d7d7; border-radius: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .lstExpo > .imgExpo { display: table-cell; width: 140px; text-align: center; vertical-align: top; } .lstExpo > .imgExpo > img { max-width: 120px; } .lstExpo > .txtExpo { display: table-cell; padding: 0 25px; vertical-align: top; } /* Pages aide / conseils */ .faqElement { padding: 20px; border-bottom: 1px solid #d7d7d7; } .faqElement:hover { background-color: #fff; background-image: linear-gradient(to top, rgba(0,0,0,0.05), rgba(255,255,255,0.03)); box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .faqElement > .faqQuestion { color: #b40004; font-size: 16px; padding-left: 16px; padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px dotted #b40004; background: url(/images/front/bull-rayonh.png) no-repeat -8px -6px; } .faqElement > .faqReponse { margin-left: 12px; } /* Page frais de port */ .tabFrport { margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; } .tabFrport tr { margin: 0; padding: 0; } .tabFrport td { border: 0.5px solid #a7a7a7; background: #fff; margin: 0; padding: 5px 10px; text-align: left; vertical-align: middle; } .tabFrport td.col1 { width: 220px; } .tabFrport td.col2 { width: 220px; } .tabFrport td.titFrport { background: #c7c7c7; text-align: center; font-weight: bold; } .tabFrport td.monFrport { background: #e7e7e7; text-align: center; } #coldFrport { float: right; padding: 6px 16px; padding-bottom: 18px; background: #fff; border-radius: 5px; border: 1px solid #d7d7d7; text-align: center; } /* Catalogues PDF */ #cntCatpdf { } #cntCatpdf a { font-size: 14px; line-height: 16px; color: #6a9d2e; } #cntCatpdf a:hover { color: #b40004; } /* Page newsletter */ .frmAbonwl { float: left; width: 430px; padding: 10px 20px; height: 160px; margin: 0; } #frmDesnwl { float: right; } .frmAbonwl > h3 { background-color: #b40004; color: #fff; margin-left: -20px; width: 430px; margin-top: -10px; padding: 10px 20px; border-radius: 5px 5px 0 0; box-shadow: 0 -17px 17px rgba(0,0,0,0.2) inset; } body.erable .frmAbonwl > h3 { background-color: #486922; } body.japon .frmAbonwl > h3 { background-color: #545f61; } .frmAbonwl > table { width: 100%; } .frmAbonwl > table td:nth-child(1) { width: 80px; } .frmAbonwl > table td > input[type=text] { width: 100%; } /* Page galerie photos */ .cntGalerie { display: table; border-top: 1px solid #d7d7d7; width: 100%; } .cntGalerie > .imggal { display: table-cell; width: 100px; padding: 10px; vertical-align: top; text-align: center; } .cntGalerie > .imggal > img { max-width: 100px; } .cntGalerie > .txtgal { display: table-cell; width: auto; padding: 10px; color: #555555; } .cntGalerie > .txtgal > .titgal { color: #b40004; font-weight: bold; text-transform: uppercase; } .cntGalerie:hover > .txtgal > .titgal { color: #6a9d2e; } .cntGalerie > .txtgal > .phogal { float: right; color: #aaa; } #affGalerie { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,0.9); } #affGalerie > #cntLoading { position: absolute; top: 48%; left: 0; width: 100%; font-size: 32px; font-weight: bold; color: #fff; text-align: center; } #affGalerie > #cntLoading > span { display: inline-block; padding-left: 110px; background: url(/images/front/loader-black.gif) no-repeat left center; } #affGalerie > #slideGalerie { position: absolute; height: 684px; width: 816px; left: 50%; top: 50%; margin-left: -408px; margin-top: -339px; background: #000; box-shadow: 0 0 8px #000; border-radius: 5px; } #affGalerie > #slideGalerie > #slidePhoto { text-align: center; height: 600px; line-height: 600px; vertical-align: middle; margin: 6px 8px; overflow: hidden; box-shadow: 0 0 12px 4px rgba(255,255,255,0.03) inset; } #affGalerie > #slideGalerie > #slidePhoto > img { max-width: 800px; max-height: 600px; vertical-align: middle; } #affGalerie > #slideGalerie > #slidePhoto > #slideLegende { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; background: rgba(0,0,0,0.7); text-align: left; line-height: normal; } #affGalerie > #slideGalerie > #slidePhoto > #slideLegende > .titre { text-transform: uppercase; font-weight: bold; padding: 3px 6px; } #affGalerie > #slideGalerie > #slidePhoto > #slideLegende > .texte { padding: 3px 6px; } #affGalerie > #slideGalerie > #slidePhoto > #cntControls { position: absolute; top: 10px; left: 50%; width: 300px; margin-left: -150px; text-align: center; opacity: 0; } #affGalerie > #slideGalerie > #slidePhoto > #cntControls > img { cursor: pointer; } #affGalerie > #slideGalerie > #slideControl { height: 66px; overflow: hidden; margin: 0 8px; } #affGalerie > #slideGalerie > #slideControl > div { min-width: 800px; text-align: center; } #affGalerie > #slideGalerie > #slideControl .mini { background-position: center; cursor: pointer; height: 60px; width: 60px; display: inline-block; border-width: 3px 4px; border-style: solid; border-color: #000; border-radius: 4px; } #affGalerie > #slideGalerie > #slideControl .mini.actif { border-color: #6a9d2e; } #affGalerie > #slideGalerie > #slideControl .mini:hover { border-color: #b40004; } .pswp__item .ps_html { display: block; position: absolute; top: 50%; left: 12px; right: 12px; transform: translateY(-50%); max-width: 100%; max-height: 80%; z-index: 15501; text-align: center; } .pswp__item .ps_html > * { display: inline-block; max-width: 100%; } /* Page liens */ .lienBloc { display: table; width: 100%; border-top: 1px solid #d7d7d7; } .lienBloc > .lienImage { display: table-cell; width: 100px; padding: 20px; } .lienBloc > .lienImage > img { width: 100px; height: 75px; } .lienBloc > .lienTexte { display: table-cell; padding: 20px; color: #555555; } .lienBloc > .lienTexte > .lienTitre { display: block; margin-bottom: 8px; color: #b40004; font-weight: bold; text-transform: uppercase; } .lienBloc:hover { background-color: #fff; background-image: linear-gradient(to top, rgba(0,0,0,0.05), rgba(255,255,255,0.03)); box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .lienBloc:hover > .lienTexte > .lienTitre { color: #6a9d2e; } /* Page contact / Guy Maillot */ #cntPage #cntContact { float: left; width: 580px; } #cntPage #cntCoords { float: right; width: 300px; } #cntPage #cntCoords .padding { padding: 0 20px; } #cntPage #cntCoords #logo { width: 80px; height: 80px; float: left; margin-right: 20px; } #cntPage #guy-maillot { float: right; width: 338px; height: 234px; margin-left: 20px; } /* Erreurs */ #bigErreur { color: #f7f7f7; font-size: 300px; font-weight: bold; text-align: center; text-shadow: 0px 0px 32px rgba(0,0,0,0.17); } /* Pieds de page */ #pied_infos { background: #dddddd; padding: 10px 0; } #pied_infos #cntPaiement { height: 120px; padding: 0 40px; width: 240px; } #pied_infos #cntPaiement img { width: 200px; height: 80px; } #pied_infos #cntLivraison { /* background: url(/images/front/bg-livraison.png) no-repeat bottom right; */ height: 120px; padding: 0 40px; border-left: 1px solid #ebebeb; width: 300px; } #pied_infos #cntContact { background: url(/images/front/bg-contact.png) no-repeat bottom right; height: 120px; padding: 0 40px; border-left: 1px solid #ebebeb; width: 300px; } #surrdv { display: none; } #pied_infos #cntLnkinf { border-left: 1px solid #ebebeb; line-height: 22px; padding: 0 40px; padding-top: 6px; width: 240px; } #pied_infos #cntLnkinf > a { display: block; color: #555555; font-size: 13px; background-repeat: no-repeat; background-position: left center; padding-left: 26px; } #pied_infos #cntLnkinf > a:hover { color: #6a9d2e; } #pied_liens { background: url(/images/front/bg-menu.png) repeat center top; border-top: 3px solid #e30005; padding: 4px 0; text-align: center; } body.erable #pied_liens { border-top: 3px solid #486922; } body.japon #pied_liens { border-top: 3px solid #545f61; } #pied_liens a { display: inline-block; padding: 4px 12px; border-left: 1px solid #444; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 600; } #pied_liens a:first-child { border-left: none; } #pied_liens a:hover { color: #6a9d2e; } #pied_titre { background-color: #000; color: #fff; padding: 28px 0; text-align: center; } #pied_titre > .inline > img { width: 240px; height: 50px; float: left; } #pied_titre #slogan { float: left; width: 150px; font-family: 'tabitha', cursive; border-left: 1px solid #444; color: #fff; font-size: 22px; line-height: 22px; margin-left: 34px; padding-left: 40px; text-align: left; height: 50px; } #pied_titre #cntSites { float: left; font-family: 'tabitha', cursive; border-left: 1px solid #444; margin-left: 30px; padding-left: 40px; text-align: left; font-size: 17px; height: 50px; } #pied_share { background-color: #262626; color: #fff; height: 34px; line-height: 22px; padding-top: 10px; text-align: center; } #pied_share #cntFacebook { font-family: 'tabitha', cursive; font-size: 17px; color: #fff; } #pied_finp { background-color: #fff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0) 25%); border-top: 1px solid white; border-bottom: 2px solid #efefef; padding: 12px 0; text-align: center; } #pied_finp #mentions { border-bottom: 2px solid #efefef; padding-bottom: 12px; text-align: center; } #pied_finp #translate { padding-top: 24px; padding-bottom: 12px; text-align: center; font-size: 9px; line-height: 12px; } /* ============================================================================================================= GESTION DU PANIER ============================================================================================================= */ /* Ajout au panier / demande de stock */ #divFadpan { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 99; } #divAddpan { position: absolute; top: 50%; left: 50%; width: 600px; height: 100px; padding: 8px; margin-top: -58px; margin-left: -308px; border-radius: 5px; background-color: #b40004; color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.6); } body.erable #divAddpan { background-color: #486922; } body.erable #divAddpan { background-color: #545f61; } #divAddpan .nomart { font-size: 18px; text-transform: uppercase; font-weight: bold; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); } #divAddpan #cntBtnpan { text-align: right; } #divAddpan #cntBtnpan > a { display: inline-block; width: 260px; text-align: center; padding: 6px 0; border-radius: 5px; text-transform: uppercase; } #divAddpan #cntBtnpan > a:hover { box-shadow: 0 0 5px rgba(0,0,0,0.6); } #divAddpan #cntBtnpan > #btnValpan { background: #555 url(/images/front/valid-panier.png) no-repeat 10px center; color: #fff; margin-right: 4px; } #divAddpan #cntBtnpan > #btnFerpan { background: #fff url(/images/front/ferme-panier.png) no-repeat 10px center; color: #555; } #divAddpan #demEmail { width: 580px; } #divAddpan #pwdEmail { width: 580px; } /* Validation panier */ #cntPage .etapeLien { float: left; height: 0; font-size: 0; width: 65px; border-bottom: 2px solid #b40004; margin-top: 13px; } #cntPage .etapeLien.inactive { border-bottom: 2px dotted #aaaaaa; } #cntPage .etapeCont { float: left; border: 1px solid #aaaaaa; color: #aaaaaa; text-transform: uppercase; font-size: 13px; line-height: 22px; vertical-align: middle; width: 230px; } #cntPage .etapeCont.active { border: 1px solid #b40004; color: #555; font-weight: bold; } #cntPage .etapeCont span { height: 22px; padding: 1px 0; vertical-align: middle; } #cntPage .etapeCont .etapeNum { display: inline-block; width: 30px; text-align: center; font-size: 25px; font-weight: bold; color: #fff; background: #aaaaaa; margin-right: 12px; } #cntPage .etapeCont > a { display: block; color: #aaaaaa; } #cntPage .etapeCont > a:hover { color: #b40004; background: #fff; } #cntPage .etapeCont > a:hover .etapeNum { background: #b40004; } #cntPage .etapeCont.active > .etapeNum { background: #b40004; } #cntPage #panierVide { padding: 40px 0 420px 0; text-align: center; background-color: #fff; background-position: center center; background-repeat: no-repeat; color: #a7a7a7; font-size: 48px; font-weight: bold; border: 1px solid #d7d7d7; border-radius: 8px; text-transform: uppercase; } #cntPage #panierListe { width: 100%; margin: 0; padding: 0; border: none; border-spacing: 0; border-collapse: separate; } #cntPage #panierListe th { padding: 6px; color: #fff; font-weight: bold; border-right: 1px solid #629526; border-bottom: 1px solid #629526; background: #6a9d2e linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.11), 0 3px 3px rgba(255, 255, 255, 0.1) inset; } #cntPage #panierListe td { background: #fff; } #cntPage #panierListe .origine { text-transform: uppercase; padding: 8px 12px; font-weight: bold; font-size: 14px; color: #fff; box-shadow: 0 16px rgba(255, 255, 255, 0.1) inset; } #cntPage #panierListe #oriBonsai { background: #b40004; } #cntPage #panierListe #oriErable { background: #486922; } #cntPage #panierListe #oriJapon { background: #545f61; } #cntPage #panierListe .detart { height: 60px; padding: 4px; font-size: 11px; border: 1px solid #d7d7d7; border-top: none; } #cntPage #panierListe .detart > img { float: left; width: 60px; margin-right: 8px; } #cntPage #panierListe .detart > a { display: inline-block; margin-bottom: 3px; font-size: 15px; text-transform: uppercase; } #cntPage #panierListe .detart > a:hover { color: #486922; } #cntPage #panierListe .qteart { width: 80px; padding: 0 10px; padding-top: 24px; text-align: center; border-bottom: 1px solid #d7d7d7; } #cntPage #panierListe .prxart { width: 126px; padding: 10px 8px; background: #f4f4f4; font: bold 20px/1 Tahoma,Geneva,sans-serif; color: #555555; text-align: right; border: 1px solid #d7d7d7; border-top: none; } #cntPage #panierListe .prxart > a { background: url(/images/front/panier-suppr.png) no-repeat left 2px; color: #919191; font-size: 9px; line-height: 1; font-weight: normal; padding-left: 15px; } #cntPage #panierListe .prxart > a:hover { text-decoration: underline; } #cntPage #panierListe .prxart.prxeur { padding: 20px 8px; } #cntPage #panierListe .panierTotcol { padding: 10px 32px; font-size: 13px; border: 1px solid #d7d7d7; border-top: none; border-right: none; } #cntPage #panierListe .panierTotcol.panierTottit { padding: 18px 32px; } #cntPage #panierListe .panierTotcol h1 { font-size: 22px; } #cntPage #panierListe .panierTottit { color: #919191; text-transform: uppercase; text-align: right; font-weight: bold; } #cntPage #panierListe #panierTotprx { color: #db001b; } #cntPage #panierListe .nohlin { border-bottom: none; } #cntPage #panierListe .norlin { border-right: none; } #cntPage #panierListe #cntLibser { background: url(/images/front/pack-serenite.jpg) no-repeat right center; padding-right: 120px; min-height: 100px; } #cntPage #panierListe #cntLivpay { margin-left: 40px; } #cntPage #panierListe #panierLibgen { background: none; border-top: 1px solid #8eb95d; padding: 10px 20px; text-align: right; font-size: 24px; font-weight: bold; color: #555; text-transform: uppercase; } #cntPage #panierListe #panierTotgen { background: none; font: bold 20px/1 Tahoma,Geneva,sans-serif; color: #db001b; border-top: 1px solid #8eb95d; padding: 10px; text-align: right; } #cntPage #cntSavpan { float: left; height: 34px; padding: 16px; padding-left: 70px; border: 1px solid #d7d7d7; border-radius: 8px; margin-top: -40px; background: #fff url(/images/front/add-panier.png) no-repeat 10px center; } /* Commande directe */ #cntPage #cntCdedir { width: 100%; margin: 0; padding: 0; border: none; border-spacing: 0; border-collapse: separate; } #cntPage #cntCdedir th { padding: 6px; color: #fff; font-weight: bold; border-right: 1px solid #629526; border-bottom: 1px solid #629526; background: #6a9d2e linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.11), 0 3px 3px rgba(255, 255, 255, 0.1) inset; } #cntPage #cntCdedir th:nth-child(1) { width: 100px; } #cntPage #cntCdedir th:nth-child(2) { width: 100px; } #cntPage #cntCdedir th:nth-child(4) { width: 100px; } #cntPage #cntCdedir th:nth-child(5) { width: 150px; } #cntPage #cntCdedir td { background: #fff; vertical-align: middle; } #cntPage #cntCdedir #coladdref { padding: 8px 4px; border: 1px solid #d7d7d7; border-top: none; border-bottom: 1px solid #8eb95d; } #cntPage #cntCdedir #coladdref #addref { width: 98px; text-align: right; margin-right: 5px; } #cntPage #cntCdedir .refart { padding: 4px; font-size: 11px; font-weight: bold; border: 1px solid #d7d7d7; border-top: none; } #cntPage #cntCdedir .refart > input { text-align: right; background: #e7e7e7; width: 98px; } #cntPage #cntCdedir .litart { padding: 4px; font-size: 11px; border-bottom: 1px solid #d7d7d7; } #cntPage #cntCdedir .litart > select { width: 92px; } #cntPage #cntCdedir .detart { padding: 4px; font-size: 11px; border: 1px solid #d7d7d7; border-top: none; } #cntPage #cntCdedir .detart > .libart { margin-bottom: 3px; font-size: 15px; text-transform: uppercase; } #cntPage #cntCdedir .qteart { width: 100px; padding: 4px; text-align: center; border-bottom: 1px solid #d7d7d7; } #cntPage #cntCdedir .qteart input { width: 46px; text-align: center; } #cntPage #cntCdedir .prxart { width: 150px; padding: 4px; background: #f4f4f4; font: bold 20px/1 Tahoma,Geneva,sans-serif; color: #555555; text-align: right; border: 1px solid #d7d7d7; border-top: none; } #cntPage #cntCdedir .prxart > a { background: url(/images/front/panier-suppr.png) no-repeat left 2px; color: #919191; font-size: 9px; line-height: 1; font-weight: normal; padding-left: 15px; } #cntPage #cntCdedir .prxart > a:hover { text-decoration: underline; } /* Choix adresse de livraison */ .seladr { float: left; display: block; background: #e7e7e7; border: 1px solid #d7d7d7; color: #333; font-size: 10px; margin: 1px; border-radius: 2px; width: 194px; height: 120px; } .seladr:nth-child(3n+1) { clear: both; } .seladr > input[type=radio] { display: block; float: left; margin-left: 4px; margin-top: 4px; width: 16px; } .seladr > .txtadr { display: block; float: left; padding: 4px 4px; width: 140px; height: 110px; overflow: hidden; } .seladr > .btnSupadr { display: block; float: right; padding: 4px 3px 4px 0px; width: 16px; } /* Compte client */ #cntPage .cntCoords { padding: 12px 16px; background: #fff; border-radius: 10px; border: 1px solid #d7d7d7; } #cntPage .cntCoords form { text-align: center; } #cntPage .cntCoords form > .inline { text-align: left; } #cntPage .cntCoords form > .inline > table { width: 600px; } #cntPage .rowliv { display: none; } #cntPage #coordsRecap { float: right; width: 340px; } #cntPage #panierRecap { float: left; width: 600px; margin: 0; padding: 0; border: none; border-spacing: 0; border-collapse: separate; } #cntPage #panierRecap th { padding: 6px; color: #fff; font-weight: bold; border-right: 1px solid #629526; border-bottom: 1px solid #629526; background: #6a9d2e linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.11), 0 3px 3px rgba(255, 255, 255, 0.1) inset; } #cntPage #panierRecap td { background: #fff; } #cntPage #panierRecap .libart { padding: 10px; text-align: left; text-transform: uppercase; border: 1px solid #d7d7d7; border-top: none; } #cntPage #panierRecap .libart > em { color: #a7a7a7; text-transform: none; font-size: 11px; } #cntPage #panierRecap .qteart { width: 60px; padding: 10px; text-align: center; border-bottom: 1px solid #d7d7d7; } #cntPage #panierRecap .prxart { width: 126px; padding: 2px 8px; background: #f4f4f4; font: bold 20px/1 Tahoma,Geneva,sans-serif; color: #555555; text-align: right; border: 1px solid #d7d7d7; border-top: none; } #cntPage #panierRecap .msgrem { padding: 10px; font-size: 12px; text-transform: none; text-align: left; font-weight: normal; } #cntPage #panierRecap #codrem { text-transform: uppercase; } #cntPage #panierRecap #panierTotrem { vertical-align: bottom; padding-bottom: 4px; } #cntPage #panierRecap .libtot { padding: 10px; text-align: right; font-weight: bold; text-transform: uppercase; border: 1px solid #d7d7d7; border-right: none; font-size: 14px; } #cntPage #panierRecap .libtot > em { color: #a7a7a7; font-weight: normal; text-transform: none; font-size: 11px; } #cntPage #panierRecap .prxtot { width: 126px; padding: 4px 8px; background: #f4f4f4; font: bold 20px/1 Tahoma,Geneva,sans-serif; color: #555555; text-align: right; border: 1px solid #d7d7d7; } #cntPage #panierRecap .prxtot .rouge { color: #db001b; } #cntPage #panierRecap .prxtot .vert { color: #629526; } #cntPage #panierRecap #libgen { background: none; border-top: 1px solid #8eb95d; padding: 10px 20px; text-align: right; font-size: 24px; font-weight: bold; color: #555; text-transform: uppercase; } #cntPage #panierRecap #totgen { background: none; font: bold 20px/1 Tahoma,Geneva,sans-serif; color: #db001b; border-top: 1px solid #8eb95d; padding: 10px; text-align: right; } #cntPage #panierModreg { float: left; width: 600px; } #cntPage #panierModreg > .padding { padding: 10px; } #cntPage #panierModreg .cntModreg { padding: 6px 10px; font-size: 14px; margin-bottom: 8px; border-radius: 15px 0 0 15px; vertical-align: middle; height: 50px; line-height: 50px; background: #fff; background: linear-gradient(to right, #fff, #fff 50%, rgba(255,255,255,0)); box-shadow: -2px 0 2px rgba(0,0,0,0.2); } #cntPage #panierModreg .cntModreg.actif { background-color: #6a9d2e; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); color: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.2); border-radius: 15px; } #cntPage #panierModreg .cntModreg input { display: inline-block; margin: 10px; vertical-align: middle; } #cntPage #panierModreg .cntModreg img { display: inline-block; width: 100px; height: 50px; } #cntPage #panierModreg .cntModreg .libModreg { display: inline-block; margin: 0 10px; line-height: 1; font-size: 18px; vertical-align: middle; } #cntPage #panierModreg .cntModreg .libModreg > span { font-size: 13px; } #cntPage .btnCompte { display: block; padding: 6px 20px; font-size: 18px; color: #555; margin-bottom: 8px; border-radius: 15px 0 0 15px; vertical-align: middle; height: 50px; line-height: 50px; background: #fff; background: linear-gradient(to right, #fff, #fff 50%, rgba(255,255,255,0)); box-shadow: -2px 0 2px rgba(0,0,0,0.2); } #cntPage .btnCompte:hover { background-color: #6a9d2e; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); color: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.2); border-radius: 15px; } #cntPage .btnCompte img { float: left; height: 48px; width: 48px; margin-right: 20px; } #btnRespsa, #btnSavpsa { margin-left: 16px; } /* Compte client : visu des commandes */ #cntPage .cptCommande { display: table; background: #fff; margin-bottom: 2px; border: 1px solid #d7d7d7; width: 100%; } #cntPage .cptCommande .outils { display: table-cell; width: 100px; background: #e7e7e7; padding: 2px 10px; text-align: left; vertical-align: middle; } #cntPage .cptCommande .outils > a { display: inline-block; margin-right: 4px; } #cntPage .cptCommande .datcde { display: table-cell; width: 120px; padding: 5px 10px; font-size: 12px; font-style: italic; color: #888; vertical-align: middle; } #cntPage .cptCommande .libcde { display: table-cell; padding: 4px 10px; font-size: 14px; color: #333; vertical-align: middle; } #cntPage .cptCommande .libcde .btnAffcde { color: #333; background: url(/images/front/invoice.png) no-repeat left center; padding-left: 20px; margin-right: 10px; } #cntPage .cptCommande .libcde .btnAffcde:hover { color: #d40004; } #cntPage .cptCommande .moncde { display: table-cell; width: 100px; background: #f7f7f7; font: bold 14px/1 Tahoma,Geneva,sans-serif; color: #db001b; padding: 1px 10px; text-align: right; vertical-align: middle; } #chxModreg { position: absolute; background: #fff; color: #000; padding: 6px 8px; border: 1px solid #e7e7e7; border-radius: 5px; } #chxModreg a { color: #555; } #chxModreg a:hover { color: #888; } #btnSavdoc { margin: 0 20px; } #cntPiece { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4d4d4f; background-color: #555555; margin: 0; text-align: center; overflow: auto; box-shadow: 0 0 8px rgba(0,0,0,0.3) inset; } #cntPiece #divPiece { display: block; width: 700px; background-color: #FFFFFF; padding: 20px; margin: 20px 0; left: 50%; margin-left: -370px; box-shadow: 0 0 8px rgba(0,0,0,0.3); } #cntPiece #divPiece a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #e10006; } #cntPiece #divPiece a:hover { font-family: arial; font-size: 11px; text-decoration: none; color: #344249; } #cntPiece #divPiece h1, #cntPiece #divPiece h2, #cntPiece #divPiece h3, #cntPiece #divPiece h4, #cntPiece #divPiece h5 { font-family: Arial, Helvetica, sans-serif; margin:0; } #cntPiece #divPiece table { border-spacing: 0; margin: 0; padding: 0; border-collapse: collapse; } #cntPiece #divPiece th { font-weight: normal; vertical-align: middle; margin: 0; padding: 2px 4px; text-align: center; } #cntPiece #divPiece td { font-weight: normal; vertical-align: top; margin: 0; padding: 2px 4px; text-align: left; } #cntPiece #divPiece h3 { font-size: 14px; color: #e10006; } #cntPiece #divPiece h5 { font-size: 14px; color: #e10006; } #cntPiece #divPiece h5 a { font-size: 14px; color: #e10006; } #cntPiece #divPiece h5 a:hover { font-size: 14px; color: #344249; } #cntPiece #divPiece .aright, #cntPiece #divPiece .montant { text-align: right; } #cntPiece #divPiece .fiche_titre h1 { font-size: 20px; font-weight: bold; color: #4d4d4f; text-align: center; margin-top: 20px; padding: 4px 0 3px 0; border: 1px #cccccc solid; border-right: 3px #cccccc solid; border-bottom: 3px #cccccc solid; } #cntPiece #divPiece .fiche_titre h2 { font-size: 14px; font-weight: bold; color: #4d4d4f; text-align: center; margin-bottom: 0px; border-bottom: 1px solid #cccccc; padding: 2px 0 3px 0; } #cntPiece #divPiece .fiche_liste td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #cntPiece #divPiece .fiche_liste td.gauche { border-left: 1px solid #cccccc; } #cntPiece #divPiece table.titre_liste { border-right: 1px solid #cccccc; } #cntPiece #divPiece table.titre_liste th { font-size: 12px; font-weight: bold; color: #4d4d4f; border: 1px solid #cccccc; border-right: none; } #cntPiece #divPiece table.total_liste th { color: #4d4d4f; border: 1px solid #cccccc; border-top: none; } #cntPiece #divPiece table.total_liste th strong { font-size: 12px; color: #000; } #cntPiece #divPiece .contour { vertical-align: top; border: 1px solid #cccccc; font-size: 12px; line-height: 16px; } #cntPiece #divPiece .adresse { padding: 5px 20px 5px 20px; font-size: 14px; line-height: 18px; } #cntPiece #divPiece .adresse td { font-size: 10px; line-height: 14px; } #cntPiece #divPiece .dateRef { padding-left: 50px; } #cntPiece #divPiece .logo_etat { float: left; margin-right: 20px; } #cntPiece #divPiece .commentaire_fiche { border: 1px solid #cccccc; } #cntPiece #divPiece .commentaire_fiche h2 { font-size: 14px; font-weight: bold; color: #4d4d4f; margin-bottom: 5px; } #cntPiece #divPiece .mentions { font-size: 8px; color: #999999; text-align: center; } #cntPiece #divPiece table.tabletva { border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; position: absolute; margin-left: -5px; } #cntPiece #divPiece table.tabletva td { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } /* Popup */ #cnt-popup { position: fixed; top: 50%; left: 50%; margin-left: -270px; width: 500px; height: auto; max-width: 100%; background: #fff; color: #333; z-index: 99999; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.5s ease-in-out; box-shadow: 0 0 8px #000; border-radius: 8px; } #cnt-popup #img-popup { border: 0; margin: 0; padding: 0; max-height: 50%; height: auto; border-radius: 8px 8px 0 0; overflow: hidden; } #cnt-popup #img-popup img { border: 0; margin: 0; padding: 0; width: 100%; height: auto; display: block; border-radius: 8px 8px 0 0; } #cnt-popup #txt-popup { border: 0; margin: 0; padding: 16px 20px 16px 20px; width: auto; height: auto; overflow: auto; box-sizing: border-box; transition: all 0.5s ease-in-out; } #cnt-popup #txt-popup #btn-popok { display: inline-block; padding: 6px 12px; background: #f0f0f0; box-shadow: 0 0 2px rgba(0,0,0,0.3); cursor: pointer; } /* ======================================================= Media queries ======================================================= */ #int1280 { display: inline; } #int1080, #int840, #int640, #int340, #intmin { display: none; } /* ------------------------------------------------ */ /* Format PC/tablettes < 1340px */ @media handheld, only screen and (max-width: 1340px), only screen and (max-device-width: 1340px) { #int1080 { display: inline; } #int1280, #int840, #int640, #int340, #intmin { display: none; } .contenu { width: 1000px; margin-left: -500px; } .frmAbonwl, #frmDesnwl { float: none; width: auto; margin-bottom: 8px; } .frmAbonwl > h3, .frmDesnwl > h3 { margin-left: -20px; width: 100%; margin-top: -10px; padding: 10px 20px; } #entete #cntRech #recherche { width: 220px; } #entete #cntRech #chxPortee { width: 180px; } #entete #cntRech #chxPortee #portee { width: 220px; background: url(/images/front/pop-down.png) no-repeat 160px center; } #pied_infos h2.pied { font-size: 18px; } #pied_infos #cntPaiement { padding: 0; } #pied_infos #cntLivraison { padding: 0; padding-left: 20px; } #pied_infos #cntContact { padding-left: 20px; } #pied_infos #cntLnkinf { padding: 6px 20px 0; padding-right: 0; width: 200px; } #pied_liens a { font-size: 13px; } #slideProduits { width: 578px; } #slideProduits #cntSlide { width: 578px; } #slideProduits #cntSlide > a { width: 560px; } #slideProduits #cntSlide > a > div { width: 280px; } #slideProduits #cntSlide > a > div .basdiv { width: 220px; } #slideProduits #ctlSlide { width: 568px; } #cntPage { width: 760px; } #cntPage .lnkaccart { width: 169px; } #cntPage .lnkaccart > .basdiv { width: 169px; } #cntPage #cntContact { width: 420px; } #cntTitre > #txtTitre > h1 { margin-bottom: 6px; } .art-vignette { margin: 1px; } .art-vignette:hover { z-index: 2; } #cntBulart { width: 495px; } #cntPage #cntImages { width: 308px; } #cntPage #cntImages > #imgMain { float: none; } #cntPage #cntImages > #cntMinis { float: none; margin: 0px; width: auto; } #cntPage #cntImages > #cntMinis > img.mini { margin: 5px 9px 0 0; } #cntPage #cntImages > #cntMinis > img.mini:nth-child(3n) { margin-right: 9px; } #cntPage #cntImages > #cntMinis > img.mini:nth-child(4n) { margin-right: 0; } #cntPage .cntCrits .titCrits { margin: 0 10px 0 0; } #cntPage .cntCrits .critCheck { margin-right: 10px; } #fltray { padding: 0px 10px 8px 144px; } .cntNavig #cntChxnbr { width: 42px; height: 20px; overflow: hidden; } #cntPage .etapeLien { width: 30px; } #cntPage .etapeCont { font-size: 12px; width: 210px; } #cntPage #coordsRecap { width: 240px; } #cntPage #panierRecap { width: 500px; } #cntPage #panierModreg { width: 500px; } #cntPage .cptCommande .libcde .btnAffcde { display: block; } } /* ------------------------------------------------ */ /* Format PC/tablettes < 1120px */ @media handheld, only screen and (max-width: 1120px), only screen and (max-device-width: 1120px) { #int840 { display: inline; } #int1080, #int640, #int340, #intmin { display: none; } form table, form .inline { max-width: 100%; } form table input, form table select { max-width: 420px; } form table textarea { max-width: 578px; } .contenu { width: 800px; margin-left: -400px; } a.btnStyle { font-size: 15px; line-height: 33px; height: 33px; } .btnbg > .btncnt { height: 39px; padding: 3px 8px; font-size: 15px; line-height: 18px; } #infsit { font-size: 11px; } #infsit a { padding: 2px 4px; } #infsit #infClose { padding: 0; } #entete #entlnktop a { padding: 0 6px; letter-spacing: -1px; } #entete #entlnktop strong { font-size: 11px; padding: 0; padding-left: 6px; letter-spacing: -1px; } #entete #cntRech { float: right; margin-top: 12px; margin-left: 0; } #entete #cntRech #recherche { width: 260px; } #entete #cntRech #chxPortee { width: 200px; } #entete #cntRech #chxPortee #portee { width: 220px; background: url(/images/front/pop-down.png) no-repeat 180px center; } #entete #cntClient { margin-top: 12px; } #entete #cntClient #compte a { display: inline-block; margin-left: 12px; } #entete #cntClient #panier { background: url("/images/front/bg-cart-small.png") no-repeat scroll 20px center rgba(0, 0, 0, 0); padding-left: 36px; } #entete #cntClient #panier a { display: inline-block; margin-left: 12px; } #menu a { font-size: 13px; padding: 0 12px; padding-top: 8px; } #pied_liens { padding: 4px 0; } #pied_liens a { font-size: 12px; padding: 4px 6px; padding-bottom: 2px; padding-right: 4px; font-weight: 400; } #pied_infos h2.pied { font-size: 16px; } #pied_infos #cntPaiement { padding: 0; width: 200px; } #pied_infos #cntPaiement img { width: 160px; height: 64px; } #pied_infos #cntLivraison { padding: 0 20px; width: 220px; background: none; } #pied_infos #cntLivraison a > img { width: 50px !important; height: 36px !important; margin-top: 8px; } #pied_infos #cntContact { padding-left: 20px; padding-right: 20px; width: 260px; background: none; } #pied_infos #cntLnkinf { padding: 6px 20px 0; padding-right: 0; width: 180px; } #pied_titre #slogan, #pied_titre #cntSites { margin-left: 28px; padding-left: 28px; } #slideProduits { float: none; width: 800px; margin-bottom: 12px; } #slideProduits #cntSlide { width: 800px; } #slideProduits #cntSlide > a { width: 782px; } #slideProduits #cntSlide > a > div { width: 510px; } #slideProduits #cntSlide > a > div .basdiv { width: 450px; } #slideProduits #ctlSlide { width: 788px; } #cntBandeaux { float: none; width: auto; } #cntBandeaux .banniere { display: inline-block; width: 390px; } #cntBandeaux .banniere img { width: 390px; height: 123px; } #cntBandeaux .banniere:nth-child(1) { margin-right: 20px; } #cntCategp { float: none; width: auto; } #cntCategp a { padding: 0 60px; } #cntRayons { width: 160px; } #cntRayons .cntArthaz > h4 { font-size: 15px; } #cntRayons .cntArthaz > a > .nomart { font-size: 11px; } #cntRayons .cntArthaz > a > .prxart { font: bold 16px/1 Tahoma,Geneva,sans-serif; } #cntPage { width: 620px; } #cntPage .lnkaccart { width: 140px; margin: 2px; margin-right: 3px; } #cntPage .lnkaccart > .basdiv { width: 140px; } #cntTitre > #txtTitre { font-size: 11px; } #cntTitre > #txtTitre > h1 { font-size: 22px; margin-bottom: 6px; } #cntTitre > #txtTitre > .masque { height: 42px; } #cntTitre > #txtTitre > .lnkCatpdf em, #cntTitre > #txtTitre > .lnkCatpdf strong { display: none; } #cntPage .cntCrits .titCrits { margin: 0; margin-bottom: 6px; display: block; width: auto; float: none; } #fltray { padding: 0px 12px 8px 12px; } #fltray .criray { margin: 0 10px 4px 0; } .cntNavig #chxaff { margin-right: 8px; } .cntNavig #chxtri { margin-right: 8px; width: 136px; } #cntPage #cntArts .refart { display: none; } .art-liste > a > .art-descr > .masque > .refart { display: none; } #cntPage #cntArts .nomart { height: 15px; overflow: hidden; } .art-liste > a > .art-descr > .masque > .nomart { height: 15px; overflow: hidden; } .art-vignette { margin: 2px; } #cntBulart { width: 360px; } #cntBulart .cntBulletin .titre { font-size: 12px; } #coldFrport { display: none; } #cntPage #cntContact { width: 280px; } #cntPiece #divPiece { left: 0; margin: 20px 0; border: 1px solid #d7d7d7; } #cntPage #frmAddpan { width: 260px; } #cntPage #cntImages { width: 308px; } #cntPage #cntImages > #imgMain { float: none; } #cntPage #cntImages > #cntMinis { float: none; margin: 0px; width: auto; } #cntPage #cntImages > #cntMinis > img.mini { margin: 5px 9px 0 0; } #cntPage #cntImages > #cntMinis > img.mini:nth-child(3n) { margin-right: 9px; } #cntPage #cntImages > #cntMinis > img.mini:nth-child(4n) { margin-right: 0; } .listeMinart > a { margin: 1px 0; } .seladr:nth-child(3n+1) { clear: none; } #cntPage .etapeLien { width: 18px; } #cntPage .etapeCont .etapeNum { font-size: 20px; width: 24px; } #cntPage .etapeCont { font-size: 11px; width: 180px; } #cntPage #panierListe .detart > a { font-size: 12px; } #cntPage #panierListe .prxart { width: 100px; } #cntPage #panierListe .prxart { font: bold 18px/1 Tahoma,Geneva,sans-serif; } #cntPage #panierListe #cntLivpay { display: block; margin-left: 0px; margin-top: 6px; } #cntPage #coordsRecap { float: none; width: auto; } #cntPage #panierRecap { float: none; width: auto; } #cntPage #panierModreg { float: none; width: auto; } } /* ------------------------------------------------ */ /* Format tablettes/mobiles < 840px */ @media handheld, only screen and (max-width: 840px), only screen and (max-device-width: 840px) { #int640 { display: inline; } #int840, #int1080, #int340, #intmin { display: none; } .contenu { width: 600px; margin-left: -300px; } .petit { font-size: 10px; } .cntcol { display: block; width: auto; } .cntcol > .col3 { display: block; width: auto; border-left: none; margin-bottom: 16px; } .cntcol > .col3 > .padding { padding: 0 12px; } .encombrant { font-size: 14px; width: 230px; } #cntPage .cntCoords form > .inline > table { width: 560px; } form table { width: 560px; } form table input, form table select { max-width: 380px; } form table textarea { max-width: 540px; } #infsit { font-size: 11px; letter-spacing: -1px; } #infsit a { padding: 2px 3px; letter-spacing: -1px; white-space: nowrap; } #infsit #infClose { padding: 0; } #entete #entlnktop a { letter-spacing: -0.5px; } #entete #entlnktop a:nth-child(4) { border-right: none; } #entete #entlnktop strong { display: none; } #entete #entlnktop #chxlangue { margin-left: 4px; } #entete #cntRech #recherche { width: 120px; font-size: 11px; } #entete #cntRech #chxPortee { width: 160px; } #entete #cntRech #chxPortee #portee { width: 180px; background: url(/images/front/pop-down.png) no-repeat 140px center; font-size: 11px; letter-spacing: -0.5px; } #entete #cntClient { font-size: 11px; } #entete #cntClient #compte { padding: 0; padding-right: 8px; } #entete #cntClient #compte #btnLogout { margin-left: 6px; } #entete #cntClient #panier { padding: 0; padding-left: 24px; background: url("/images/front/bg-cart-small.png") no-repeat scroll 12px center rgba(0, 0, 0, 0); } #entete #cntClient #panier #cntArtpan { margin-left: 6px; } #menu a { font-size: 12px; padding: 0 7px; padding-top: 9px; letter-spacing: -0.5px; } #pied_infos td { display: block; } #pied_infos #cntPaiement { float: left; padding: 0 20px; border: none; width: 260px; } #pied_infos #cntLivraison { float: right; padding: 0 20px; width: 240px; background: url(/images/front/bg-livraison.png) no-repeat bottom right; } #pied_infos #cntContact { clear: both; float: left; padding: 0 20px; border: none; width: 260px; background: url(/images/front/bg-contact.png) no-repeat bottom right; } #pied_infos #cntLnkinf { float: right; padding: 0 20px; padding-left: 80px; padding-top: 12px; width: 180px; } #pied_liens { clear: both; padding: 4px 0; } #pied_liens a { font-size: 10px; padding: 4px; padding-right: 2px; padding-bottom: 2px; letter-spacing: -0.5px; } #pied_titre > .inline > img { float: none; } #pied_titre #slogan { border: none; float: none; width: auto; height: auto; margin: 16px 0; padding: 0; text-align: center; } #pied_titre #cntSites { border: none; float: none; padding: 0; margin: 0; padding: 0 6px; } #pied_finp { padding-bottom: 0px; } #pied_finp #mentions { font-size: 11px; } #pied_finp #translate { display: none; } #slideProduits { width: 600px; } #slideProduits #cntSlide { width: 600px; } #slideProduits #cntSlide > a { width: 582px; } #slideProduits #cntSlide > a > div { width: 310px; } #slideProduits #cntSlide > a > div .basdiv { width: 250px; } #slideProduits #ctlSlide { width: 588px; } #cntBandeaux { float: none; width: auto; } #cntBandeaux .banniere { display: inline-block; width: 290px; } #cntBandeaux .banniere img { width: 290px; height: 91px; } #cntCategp a { padding: 0 36px; } #cntRayons { display: none; } #titRaysel { display: block; } #cntRaysel { display: block; } #divRaysel { height: 32px; overflow: hidden; border-radius: 4px; margin-bottom: 28px; background-color: #6a9d2e; box-shadow: 0 3px 3px rgba(255, 255, 255, 0.1) inset; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); } #divRaysel > select { width: 600px; color: #555555; background-color: #6a9d2e; border: none; padding: 6px 4px; text-align: center; color: #fff; font-weight: bold; font-size: 14px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(/images/front/pop-down.png) no-repeat 574px center; } #divRaysel > select option { background: #6a9d2e; color: #fff; text-align: left; } #cntFrlmob { display: block; margin-top: 6px; } #cntPage { width: auto; float: none; } #cntPage .lnkaccart { width: 140px; margin: 0px; } #cntPage .lnkaccart:hover { z-index: 99; } #cntPage .lnkaccart > .basdiv { width: 140px; } #cntPage .lnkaccart > .basdiv .prxart { font: bold 22px/1 Tahoma,Geneva,sans-serif; } #cntPage .cntCrits .critCheck { margin-right: 6px; } .cntNavig #chxtri { width: 116px; } .art-vignette { margin: 0px; } #cntBulart { width: 345px; } #cntPage #frmAddpan { width: 240px; } .listeMinart > a { margin: 4px 7px; } #cntPage .etapeLien { width: 12px; } #cntPage .etapeCont .etapeNum { font-size: 20px; width: 22px; } } /* ------------------------------------------------ */ /* Format tablettes/mobiles < 640px */ @media handheld, only screen and (max-width: 640px), only screen and (max-device-width: 640px) { #int340 { display: inline; } #int840, #int640, #int1080, #intmin { display: none; } .contenu { width: 100%; margin-left: 0px; left: 0; } .contenu > .padding { padding: 0 10px; } pre { margin: 0; padding: 0; width: auto; white-space: pre-wrap; } h1 { font-size: 22px; } h4 { font-size: 15px; } #cntPage .cntCoords form > .inline > table { width: 100%; } form table td { font-size: 11px; } form table input, form table select { max-width: 220px; } form table textarea { max-width: 98%; } #btnSendid { display: block; margin-top: 6px; } #infsit a { padding: 0px; margin: 0; background: none; color: #FF9; } #entete > .contenu > .padding > a > img, #entete > .contenu > .padding > a > h5 { display: none; } #entete #lnkentacc { margin-top: 14px; } #entete #logomini { display: block; } #entete #entlnktop a:nth-child(3) { border: none; padding-right: 0px; } #entete #entlnktop a:nth-child(4) { display: none; } #entete #cntRech { clear: right; } #entete #cntRech #recherche { width: 100px; } #entete #cntRech #chxPortee { width: 120px; } #entete #cntRech #chxPortee #portee { width: 120px; background: url(/images/front/pop-down.png) no-repeat 102px center; padding-right: 24px; } #entete #cntClient { clear: right; } #entete #cntClient #panier strong { display: none; } #menu { background-repeat: repeat; height: auto; text-align: center; padding-top: 4px; } #menu a { font-size: 13px; height: 30px; line-height: 30px; padding: 0 6px; padding-top: 0px; } #menu a.actif, #menu a:hover { background-image: none; border-radius: 0; box-shadow: none; color: #fff; } #pied_infos #cntPaiement { float: none; padding: 0 20px; width: auto; } #pied_infos #cntLivraison { float: none; padding: 12px 20px; width: auto; border-top: 1px solid #f7f7f7; background-position: right center; } #pied_infos #cntContact { float: none; padding: 12px 20px; width: auto; border-top: 1px solid #f7f7f7; background-position: right center; } #pied_infos #cntLnkinf { float: none; padding: 12px 20px; width: auto; border-top: 1px solid #f7f7f7; } #pied_liens { height: auto; } #pied_liens a:nth-of-type(8n+8) { border: none; } .newline:nth-of-type(n+2) { display: block; font-size: 0px; height: 0px; } #pied_share { height: auto; padding-bottom: 10px; } #pied_share #cntFacebook { font-size: 15px; } #divRaysel > select { max-width: 100%; background: url(/images/front/pop-down.png) no-repeat 95% center; font-size: 14px; } #slideProduits { width: 100%; } #slideProduits #cntSlide { width: 100%; height: 288px; } #slideProduits #cntSlide > a { width: 100%; padding: 0px; border-radius: 5px; } #slideProduits #cntSlide > a > img { border-radius: 5px; margin-left: -10%; } #slideProduits #cntSlide > a > div { left: 45%; width: 55%; } #slideProduits #cntSlide > a > div .titart { font-size: 16px; line-height: 18px; } #slideProduits #cntSlide > a > div .basdiv { width: 95%; left: 0; } #slideProduits #cntSlide > a > div .basdiv .prxart { font: bold 22px/1 Tahoma,Geneva,sans-serif; } #slideProduits #cntSlide > a > div .basdiv .bouton { font-size: 14px; } #slideProduits #ctlSlide { width: 97%; margin-top: -38px; } #cntBandeaux { display: table; width: 100%; margin-bottom: 12px; } #cntBandeaux .banniere { display: table-cell; width: 49%; padding-right: 1%; } #cntBandeaux .banniere img { width: 100%; height: auto; } #cntCategp a { padding: 0 8px; } #cntPage .lnkaccart { width: 47%; margin: 0px; } #cntPage .lnkaccart > .basdiv { width: 100%; } #cntPage .lnkaccart:nth-child(2n) { display: none; } #cntTitre > #txtTitre { background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 30px) repeat scroll 0 0 rgba(0, 0, 0, 0); margin-left: 40px; padding: 10px 20px 10px 40px; } .cntNavig .cntTotres { clear: left; margin-top: 6px; } .art-liste > a > .art-prix { font: bold 15px/1 Tahoma,Geneva,sans-serif; width: 82px; } .art-liste > a > .art-prix > .cntcde { width: 75px; bottom: 10px; } #cntPage #frmAddpan { width: auto; } #cntPage #cntImages { width: 60px; } #cntPage #cntImages > #cntMinis > img.mini, #cntPage #cntImages > #cntMinis > img.mini:nth-child(n) { margin: 3px 0px 0 0; } #cntPage #cntImages > #cntMinis > img.mini:nth-child(n+5) { display: none; } #zonLoupe, #cntLoupe, #cntPage #cntImages > #imgMain { display: none; } .listeMinart { text-align: center; } .listeMinart > a { margin: 0; } .listeMinart > a:nth-child(n+9) { display: none; } #cntBulart { float: none; width: auto; margin-bottom: 20px; } #cntBulabo { float: none; width: auto; } #cntBulart .cntBulletin .titre { font-size: 11px; } #cntBulart .cntBulletin .prix { font: bold 12px/1 Tahoma,Geneva,sans-serif; width: 50px; } #cntExpo > img { float: none; display: block; margin-bottom: 8px; } #cntPage #guy-maillot { float: none; display: block; width: 338px; height: auto; margin-left: 0px; } #cntPage #cntContact { float: none; width: auto; margin-bottom: 12px; } #cntPage #cntCoords { float: none; width: auto; } #cntPage #cntCoords .padding { max-width: 260px; } #btnRespsa, #btnSavpsa { display: block; margin-top: 6px; margin-left: 0; } #divAddpan { left: 6px; max-width: 92%; margin-left: 0px; height: auto; } #divAddpan .nomart { font-size: 13px; } #divAddpan #cntBtnpan > a { width: auto; font-size: 11px; padding: 6px; padding-left: 22px; } #divAddpan #demEmail { max-width: 92%; } #divAddpan #pwdEmail { max-width: 92%; } #cntPage .etapeLien { display: none; } #cntPage .etapeCont { font-size: 12px; float: none; width: auto; } #cntPage #panierListe .detart > img { display: none; } #cntPage #panierListe .prxart { font: bold 12px/1 Tahoma,Geneva,sans-serif; width: 70px; } #cntPage #panierListe #livpay { width: 80px; } #cntPage #panierListe .detart strong::after { content: '\A'; white-space: pre; } #cntPage #panierListe .qteart { padding: 0 4px; padding-top: 12px; } #cntPage #panierListe .panierTotcol { padding: 6px 12px; } #cntPage #panierListe .panierTotcol.panierTottit { padding: 10px 12px; } #cntPage #panierListe #cntLibser { background: none; padding-right: 0; } #cntPage #panierListe #panierLibgen { font-size: 14px; } #cntPage #panierListe #panierTotgen { font: bold 12px/1 Tahoma,Geneva,sans-serif; } #cntPage #cntSavpan { display: none; } #cntPage #panierRecap #cntCodrem { display: block; margin-top: 4px; } #cntPage #panierRecap #codrem { width: 100px; } #cntPage #panierRecap .libtot { font-size: 11px; } #cntPage #panierRecap .qteart { width: 40px; } #cntPage #panierRecap .prxart { font: bold 12px/1 Tahoma,Geneva,sans-serif; width: 70px; padding: 6px 8px; } #cntPage #panierRecap .prxtot { font: bold 12px/1 Tahoma,Geneva,sans-serif; width: 70px; } #cntPage #panierRecap #totgen { font: bold 12px/1 Tahoma,Geneva,sans-serif; width: 70px; } #surrdv { display: block; font-weight: 600; } #cnt-popup { left: 20px; margin-left: 0px; width: auto; right: 20px; } #cnt-popup #txt-popup { padding: 6px 12px 10px 12px; } } /* ------------------------------------------------ */ /* Format mobiles < 480px */ @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) { h1 { font-size: 18px; line-height: 1.2; } h4 { font-size: 13px; } #pied_liens a:nth-of-type(8n+5) { border: none; } .newline { display: block; font-size: 0px; height: 0px; } .tabFrport { font-size: 11px; } #divAddpan #cntBtnpan > #btnValpan { margin: 0; } #divAddpan #cntBtnpan > a { display: block; margin-top: 6px; } #cntPage .btnCompte { font-size: 13px; padding: 6px 8px; } #cntPage .btnCompte img { margin-right: 12px; } #btnImpdoc { display: block; } #btnSavdoc { display: block; margin: 6px 0; } } /* ------------------------------------------------ */ /* Format mobiles < 405px */ @media handheld, only screen and (max-width: 405px), only screen and (max-device-width: 405px) { img { max-width: 100%; } .contenu > .padding { padding: 0 6px; } a.btnStyle { font-size: 13px; height: 30px; line-height: 30px; } .encombrant { font-size: 13px; width: 180px; background: none; } form table input, form table select { max-width: 160px; } #entete #lnkentacc { display: none; } #slideProduits #cntSlide > a > img { margin-left: -100px; } #slideProduits #cntSlide > a > div .padding { padding: 12px; padding-left: 22px; } #slideProduits #cntSlide > a > div .titart { font-size: 14px; line-height: 16px; word-break: break-all; } #slideProduits #cntSlide > a > div .basdiv { width: 90%; } #slideProduits #cntSlide > a > div .basdiv .prxart { font: bold 18px/1 Tahoma,Geneva,sans-serif; } #slideProduits #cntSlide > a > div .basdiv .bouton { font-size: 12px; } #cntBandeaux { display: block; width: auto; } #cntBandeaux .banniere { display: block; width: 100%; padding-right: 0; } #cntBandeaux .banniere img { width: 100%; height: auto; } #cntCategp a { display: block; border: none; padding: 2px; } #menu a { font-size: 11px; height: 28px; line-height: 28px; padding-top: 4px; } #cntPage .lnkaccart { float: none; width: auto; margin: 0px; } #cntPage .lnkaccart > .basdiv { width: 100%; } #cntTitre > #txtTitre { background: #fff; margin-left: 0px; padding: 10px 20px; border-radius: 30px 30px 0 0; } .cntNavig .cntTotres .nbrTotres { display: none; } #cntPage .cntCrits .critCheck { width: 120px; } #fltray .criray { margin: 0 0 4px 0; display: block; width: auto; } .art-liste > a > .imgart { display: none; } #cntPage #frmAddpan { padding: 10px; font-size: 11px; } #cntPage #frmAddpan .btnStyle { padding-right: 10px; margin-right: -10px; } .lstExpo > .imgExpo { display: none; } #pied_titre #slogan { font-size: 18px; } } /* ------------------------------------------------ */ /* Format mobiles < 340px */ @media handheld, only screen and (max-width: 320px), only screen and (max-device-width: 320px) { #intmin { display: inline; } #int840, #int640, #int340, #int1080 { display: none; } } /* ======================================================= Animations CSS3 ======================================================= */ /* Animation slide */ .slideElt { position: absolute; left: 0px; top: 0px; -o-transform: translateX(0deg) rotateY(0deg) scale(1); -o-transform-style: preserve-3d; -o-backface-visibility: hidden; -ms-transform: translateX(0deg) rotateY(0deg) scale(1); -ms-transform-style: preserve-3d; -ms-backface-visibility: hidden; -webkit-transform: translateX(0deg) rotateY(0deg) scale(1); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: translateX(0deg) rotateY(0deg) scale(1); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; transform: translateX(0deg) rotateY(0deg) scale(1); transform-style: preserve-3d; backface-visibility: hidden; -o-transition: transform .8s ease-in-out, opacity .8s ease-in-out; -ms-transition: transform .8s ease-in-out, opacity .8s ease-in-out; -moz-transition: transform .8s ease-in-out, opacity .8s ease-in-out; -webkit-transition: transform .8s ease-in-out, opacity .8s ease-in-out; transition: transform .8s ease-in-out, opacity .8s ease-in-out; } .slideElt.inactive { z-index: 2; opacity: 0; -webkit-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); -moz-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); -o-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .slideElt.desactive { z-index: 2; opacity: 0; -webkit-transform: translateX(-1000px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); -moz-transform: translateX(-1000px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); -o-transform: translateX(-1000px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); transform: translateX(-1000px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); } .slideElt.active { z-index: 10; opacity: 1; -webkit-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); -moz-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); -o-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); }