@CHARSET "ISO-8859-1"; @font-face { font-family: 'MyriadPro'; src: url('../fonts/MyriadPro-BoldCond.eot'); src: url('../fonts/MyriadPro-BoldCond.otf') format('truetype'), url('../fonts/MyriadPro-BoldCond.woff') format('woff'), url('../fonts/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'), url('../fonts/MyriadPro-BoldCond.svg#MyriadPro') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Soubrier-Regular'; /*src: url('../fonts/Soubrier-Regular.eot');*/ src: url('../fonts/Soubrier-Regular.otf') format('truetype'), url('../fonts/Soubrier-Regular.woff') format('woff'), url('../fonts/Soubrier-Regular.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Kuenstler'; src: url('../fonts/KuenstlerScriptLTStd-Medium.eot'); src: url('../fonts/KuenstlerScriptLTStd-Medium.otf') format('truetype'), url('../fonts/KuenstlerScriptLTStd-Medium.woff') format('woff'), url('../fonts/KuenstlerScriptLTStd-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/KuenstlerScriptLTStd-Medium.svg#Kuenstler') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeueLTStd-ThCn.eot'); src: url('../fonts/HelveticaNeueLTStd-ThCn.otf') format('truetype'), url('../fonts/HelveticaNeueLTStd-ThCn.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-ThCn.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTStd-ThCn.svg#HelveticaNeue') format('svg'); font-weight: normal; font-style: normal; } html { margin:0; padding:0; overflow: visible; font-weight: 400; } /* PRELOAD IMAGES */ body:after{content:url(../images/horloge-ronde.png) url(../images/homefond.jpg) url(../images/fond-nav.png) url(../images/logob.png) url(../images/search.png) url(../images/fleche-entiere.svg);display:none;} body {font-family: Helvetica, Arial, sans-serif; padding:0; margin:0;background-color: #e4e4e4;} input{font-family: Helvetica, Arial, sans-serif;} header {background-color: #f3ebdb; position:relative; height: 128px; z-index:99;} nav {background: url(../images/fond-nav.png) center center no-repeat;} #page {height: 100%; position: relative;} #page .page_content {height:100%; width:100%; position: relative; display:none;} #bandeau {position:relative; z-index: 98;} #grid-container {position:relative; z-index: 97;} #footer {margin:0; width:100%; text-align: center; color: #a0a0a0; font-size: 11px;} #footer .cnt{display: inline-block; width:100%; margin-top:20px;} footer .content {width:900px; text-align: left; display: inline-block; margin-top: 10px; margin-bottom: 80px;} #footer a {text-decoration: underline; color: #B4B4B4;} #grid-container a {text-decoration: underline; color: #666;} #footer a:hover, #grid-container a:hover {text-decoration: none;} #footer a { color: #B4B4B4; } #overlay, #modalOverlay {width: 100%; height:100%; z-index:2000; background-color: #000; opacity: 0.5; position: fixed; display:none;} /* SHADOWS - pensez au crossbrowsing ici */ .shadow-text {text-shadow: 1px 1px 1px #444;} * html .shadow-text { filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=1); zoom: 1; } header { -moz-box-shadow: 1px 1px 5px #444; -webkit-box-shadow: 1px 1px 5px #444; box-shadow: 1px 1px 5px #444; /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=10); zoom: 1;*/ } #bandeau { -moz-box-shadow: inset 0 8px -6px 6px #444; -webkit-box-shadow: inset 0 8px -6px 6px #444; box-shadow: inset 0 -2px 4px #000; /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=10); zoom: 1;*/ } .clear {clear: both;} .clear_right {clear: right;} .clear_left {clear: left;} .picto {font-family: Soubrier-Regular;} .font-picto {font-family: Soubrier-Regular;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} #home {display:none;} #logo {text-align: center; padding: 20px 0;} .lang {color: #CCC;} .lang a:link {text-decoration:none; border:none;} .lang img {border: none; } .hidden{ visibility: none; } /*#loader, #indicator {position: absolute;top: 50%;left: 50%; z-index: 99;}*/ .thumb_loader { position: absolute;top: 47.5px;left: 75px; z-index: 999; width: 32px; height: 85px; display: inline-block; font: 0/0 a; text-shadow: none; color: transparent; font hack replacement background: url(../images/loader.gif) no-repeat; background: url(../images/horloge-normale.png) left top no-repeat; -webkit-animation: animation 1s steps(1, end) infinite; -moz-animation: animation 1s steps(1, end) infinite; } .medium_loader { position: absolute; left: 50%; top: 50%; margin-top: -42.5px; margin-left: -16px; z-index: 999; width: 32px; height: 85px; display: inline-block; font: 0/0 a; text-shadow: none; color: transparent; font hack replacement background: url(../images/loader.gif) no-repeat; background: url(../images/horloge-normale.png) left top no-repeat; -webkit-animation: animation 1s steps(1, end) infinite; -moz-animation: animation 1s steps(1, end) infinite; } .big_loader { position: absolute; left: 50%; top: 50%; margin-top: -62.5px; margin-left: -26px; z-index: 999; width: 97px; height: 97px; display: inline-block; font: 0/0 a; text-shadow: none; color: transparent; /*font hack replacement*/ background: url(../images/loader.gif) no-repeat; background: url(../images/horloge-ronde.png) left top no-repeat; -webkit-animation: animation2 1s steps(1, end) infinite; -moz-animation: animation2 1s steps(1, end) infinite; } #indicator { position: absolute;top: 50%;left: 50%; z-index: 999; margin-left: -47px; margin-top: -48px; width: 97px; height: 97px; display: inline-block; font: 0/0 a; text-shadow: none; color: transparent; /*font hack replacement*/ background: url(../images/loader.gif) no-repeat; background: url(../images/horloge-ronde.png) left top no-repeat; -webkit-animation: animation2 1s steps(1, end) infinite; -moz-animation: animation2 1s steps(1, end) infinite; } @-webkit-keyframes animation { /*from { background-position: 0 0; } to { background-position: 100% 0; } }*/ 0% { background-position: -2px -2px; } 4% { background-position: -45px -2px; } 8% { background-position: -88px -2px; } 12% { background-position: -131px -2px; } 16% { background-position: -174px -2px; } 20% { background-position: -217px -2px; } 24% { background-position: -260px -2px; } 28% { background-position: -303px -2px; } 32% { background-position: -346px -2px; } 36% { background-position: -389px -2px; } 40% { background-position: -432px -2px; } 44% { background-position: -475px -2px; } 48% { background-position: -518px -2px; } 52% { background-position: -561px -2px; } 56% { background-position: -604px -2px; } 60% { background-position: -647px -2px; } 64% { background-position: -690px -2px; } 68% { background-position: -733px -2px; } 72% { background-position: -776px -2px; } 76% { background-position: -819px -2px; } 80% { background-position: -862px -2px; } 84% { background-position: -905px -2px; } 88% { background-position: -948px -2px; } 92% { background-position: -991px -2px; } 96% { background-position: -1034px -2px; } 100% { background-position: -2px -2px; } } @-moz-keyframes animation { /*from { background-position: 0 0; } to { background-position: 100% 0; }*/ 0% { background-position: -2px -2px; } 4% { background-position: -45px -2px; } 8% { background-position: -88px -2px; } 12% { background-position: -131px -2px; } 16% { background-position: -174px -2px; } 20% { background-position: -217px -2px; } 24% { background-position: -260px -2px; } 28% { background-position: -303px -2px; } 32% { background-position: -346px -2px; } 36% { background-position: -389px -2px; } 40% { background-position: -432px -2px; } 44% { background-position: -475px -2px; } 48% { background-position: -518px -2px; } 52% { background-position: -561px -2px; } 56% { background-position: -604px -2px; } 60% { background-position: -647px -2px; } 64% { background-position: -690px -2px; } 68% { background-position: -733px -2px; } 72% { background-position: -776px -2px; } 76% { background-position: -819px -2px; } 80% { background-position: -862px -2px; } 84% { background-position: -905px -2px; } 88% { background-position: -948px -2px; } 92% { background-position: -991px -2px; } 96% { background-position: -1034px -2px; } 100% { background-position: -2px -2px; } } @-webkit-keyframes animation2 { /*from { background-position: 0 0; } to { background-position: 100% 0; } }*/ 0% { background-position: -2px -2px; } 4% { background-position: -99px -2px; } 8% { background-position: -196px -2px; } 12% { background-position: -293px -2px; } 16% { background-position: -390px -2px; } 20% { background-position: -487px -2px; } 24% { background-position: -584px -2px; } 28% { background-position: -681px -2px; } 32% { background-position: -778px -2px; } 36% { background-position: -875px -2px; } 40% { background-position: -972px -2px; } 44% { background-position: -1069px -2px; } 48% { background-position: -1166px -2px; } 52% { background-position: -1263px -2px; } 56% { background-position: -1360px -2px; } 60% { background-position: -1457px -2px; } 64% { background-position: -1554px -2px; } 68% { background-position: -1651px -2px; } 72% { background-position: -1748px -2px; } 76% { background-position: -1845px -2px; } 80% { background-position: -1942px -2px; } 84% { background-position: -2039px -2px; } 88% { background-position: -2136px -2px; } 92% { background-position: -2233px -2px; } 96% { background-position: -2330px -2px; } 100% { background-position: -2px -2px; } } @-moz-keyframes animation2 { /*from { background-position: 0 0; } to { background-position: 100% 0; } }*/ 0% { background-position: -2px -2px; } 4% { background-position: -99px -2px; } 8% { background-position: -196px -2px; } 12% { background-position: -293px -2px; } 16% { background-position: -390px -2px; } 20% { background-position: -487px -2px; } 24% { background-position: -584px -2px; } 28% { background-position: -681px -2px; } 32% { background-position: -778px -2px; } 36% { background-position: -875px -2px; } 40% { background-position: -972px -2px; } 44% { background-position: -1069px -2px; } 48% { background-position: -1166px -2px; } 52% { background-position: -1263px -2px; } 56% { background-position: -1360px -2px; } 60% { background-position: -1457px -2px; } 64% { background-position: -1554px -2px; } 68% { background-position: -1651px -2px; } 72% { background-position: -1748px -2px; } 76% { background-position: -1845px -2px; } 80% { background-position: -1942px -2px; } 84% { background-position: -2039px -2px; } 88% { background-position: -2136px -2px; } 92% { background-position: -2233px -2px; } 96% { background-position: -2330px -2px; } 100% { background-position: -2px -2px; } } /* * html #pgStatique_contact {height: 380px;}*/ h1 {display:none;} menu, h2 { text-transform: uppercase;} menu, h1, h2, h3 { font-weight:normal;} /* MENU CSS */ menu { font-size:14px; font-weight: 200; font-style: normal; line-height:19px; text-align:center; height: 58px; margin:0; padding:0;} .wf-loading menu, .wf-inactive menu{ font-family: Arial, sans-serif; font-size: 13px; width: 960px; } .wf-active menu{ font-family: "myriad-pro-condensed", sans-serif; font-size:20px; width: 960px; } menu a {text-decoration:none; cursor: pointer;} menu a:link {color: #000;} menu a:visited {color: #000;} menu .picto {font-size: 35px;} menu li:hover, menu li a.fly:hover {white-space:nowrap; color:#9f0909;} menu li {height:31px; z-index: 101;} .wf-inactive menu li, .wf-loading menu li{ padding: 28px 25px 0; } .wf-active menu li{ padding: 28px 26px 0; } menu li.selected {height: 50px;} menu li:first-child {padding:0 23px 0 0; margin: 0 0 0 -10px;} menu li img {vertical-align: text-bottom;} menu li:last-child {padding:0 0 0 23px; vertical-align: middle !important; vertical-align: bottom; } menu.level1 {margin:0 auto;} menu.level1 li.level1-li {display:inline-block; position:relative;} menu li:hover > a, menu li:hover > a.fly {color:#9f0909;} menu li.selected > a {color:#9f0909;} /* menu li.selected { position: relative; background: url('../images/menu_selected.png') 0 0;} menu li.selected:after, menu li.selected:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } menu li.selected:after { border-color: rgba(0, 0, 0, 0); border-top-color: #ded3be; border-width: 30px; left: 50%; margin-left: -30px; } menu li.selected:before { border-color: rgba(194, 225, 245, 0); border-top-color: #ded3be; border-width: 30px; left: 50%; margin-left: -30px; } */ menu li.selected { background-image: url(../images/fleche-entiere.svg); -webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: 100% 100% ; /* pour Firefox */ -o-background-size:100% 100%; /* pour Opera */ background-size: 100% 100%; /* version standardisée */ } #bandeau { width: 100%; height: 400px; margin:0; padding:0; } #bandeau.news {background: url(../photos/bandeau/soubrier-027.jpg) no-repeat center; -webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardisée */} #bandeau.about{background: url(../photos/bandeau/soubrier-030.jpg) no-repeat center; -webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardisée */} #bandeau.catalogue{background: url(../photos/bandeau/soubrier-035.jpg) no-repeat center; -webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardisée */} #bandeau .text {font-family: "jaf-bernino-sans-comp", HelveticaNeue, sans-serif; text-shadow: 1px 1px 1px #000; text-align: center; padding-top: 130px; color: white; font-size: 35px; font-weight: 400; font-style: normal; text-transform: uppercase;} #grid-container {width: 100%; text-align: center; display: block;} #grid-container .content {width: 960px; display: inline-block; background-color: #ededed;} #grid-container .grid {width: 100%;} #grid-container .column {text-align: left; padding:30px 0 0 0;} #grid-container .column.column1 {width: 273px;} #grid-container .column.column2 {width: 587px;} #grid-container .column.column3 {width: 900px;} #grid-container .gutter {width: 40px;} #grid-container .side {width: 30px;} .grid .column1, .grid .column2, .grid .column3, .grid .gutter, .grid .side {float: left;} #grid-container h1 {display:none;} #grid-container h2 {font-family: "proxima-nova-extra-condensed", HelveticaNeue, sans-serif; font-size: 25px; line-height:22px; color: #9f0909; dispay:block;margin: 2px 0 20px 0;} #grid-container h3 {font-size: 12px; color: #9f9f9f; dispay:block; margin: 0;} #grid-container .picto {color: #9f0909; font-size: 26px; line-height:27px; float:left; margin: 0px 10px 0 0; vertical-align: text-bottom;} #grid-container p {font-size: 12px; margin: 10px 0 0 0; color: #666;} #grid-container .slide {font-size: 12px; color: #666;} #grid-container li {font-size: 12px; color: #666} #grid-container li:last-child {list-style: none;} #grid-container p b {color: #000} #grid-container p.title, #grid-container ul i {font-size: 11px;} #grid-container ul {margin: 10px 0 0 0;} #grid-container .mess{display:inline-block; padding-top:70px; width:100%;margin-bottom:7em; text-align:center; font-size:12px; color:#666;} #grid-container .illustration img {float:left; margin-right: 25px;} /* SLIDER AMBIANCES */ .slides-text{color: #fff;left: 50px;bottom: 40px;} .slides-text h2 {font-family: "proxima-nova-extra-condensed", HelveticaNeue, sans-serif; margin:0; font-size: 24px; text-transform: uppercase;} .slides-text p {font-size: 12px;} .slides-item{display:none; width: 100%;height: 100%;margin:0;padding:0;} .slides-next, .slides-previous, .slides-text {position: absolute;z-index: 99;} .slides-next:hover, .slides-previous:hover {cursor: pointer;} .slides-next{ /*background: url(../images/sright_enable.png) 0 0 no-repeat; width: 98px; height: 98px;*/ right: 50px; font-size: 90px; color: #ded3be; text-decoration: none; } .slides-previous{ /* background: url(../images/sleft_enable.png) 0 0 no-repeat; width: 98px; height: 98px;*/ display: none; left: 50px; font-size: 90px; color: #ded3be; text-decoration: none; } /* ELEMENT PRODUIT*/ a.swipebox { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } #product_cnt { float:left; } #product_cnt #leftControl, #product_cnt #rightControl, .pcontrol.right, .pcontrol.left { border: 0; cursor: pointer; } #product_cnt #leftControl, #product_cnt #rightControl { height: 32px; width: 32px; top: 5px; position: relative; } #product_cnt #leftControl { background: url(../images/flecheRougeGauche.svg) no-repeat; } #product_cnt #rightControl { background: url(../images/flecheRougeDroite.svg) no-repeat; } .pcontrol.right, .pcontrol.left { height: 42px; width: 42px; } .pcontrol.right { background: url(../images/flecheNoireDroite.svg) no-repeat; } .pcontrol.left { background: url(../images/flecheNoireGauche.svg) no-repeat; } #product_cnt .product .pict_cnt .slidesContainer { margin:0 auto; width:600px; height:454px; /*overflow:auto; allow scrollbar */ position:relative; } #product_cnt .product .pict_cnt .slide { margin:0 auto; width:600px; height:454px; } .wf-loading #product_cnt h2, .wf-inactive #product_cnt h2{ font-family: "proxima-nova-extra-condensed", HelveticaNeue, sans-serif; font-size: 19px; } #product_cnt .product .desc_cnt .slidesContainer { position: relative; width: 299px; height: 100%; margin: 0 30px; } #product_cnt .product .desc_cnt .slide div { margin-bottom: 20px; width: 300px; } #product_cnt .product .desc_cnt .slide .select div {margin-bottom: 0; width: auto;} #product_cnt .product .desc_cnt .slide div.links { width : 160px; margin-bottom: 10px; height: 20px;} #product_cnt .product .desc_cnt .slide div.links a { width : 162px; display: inline-block;} #product_cnt .product .desc_cnt .slide div.resume {} #product_cnt .product .desc_cnt .slide div.wrapper { position: relative; height: 358px; margin:0;} #product_cnt .product .desc_cnt .slide div.wrapper .cnt { position: absolute; bottom: 0; width: 100%; margin:0;} #product_cnt .product .desc_cnt .slide div.params table {width: 290px; border: 0; margin:0; padding: 0;} #product_cnt .product .desc_cnt .slide div.params tr { margin:0; padding: 0;} #product_cnt .product .desc_cnt .slide div.params td { margin:0; padding: 0;} #product_cnt .product .desc_cnt .slide div.params td.title {width: 150px;} #product_cnt .product .desc_cnt .slide div.params td:first-letter { text-transform: capitalize;} #product_cnt .product .desc_cnt .slide div.params .odd { background-color: #e4e4e4; } #product_cnt .product .desc_cnt .slide div.params .even { background-color: #ededed; } #product_cnt .product .desc_cnt .slide div.params .ref { text-transform: uppercase; } #product_cnt .product .desc_cnt .slide div.params .diameter { font-size: 18px;line-height: 16px;vertical-align: baseline; font-weight: lighter;} #product_cnt .product .desc_cnt .slide div.select a .linkAdd { vertical-align: top; display: inline-block; height: 14px; width:14px; background: url(../images/add_controls.png) no-repeat; cursor: pointer; padding-left: 5px; } #product_cnt .product .desc_cnt .slide div.select a.on .linkAdd { background-position: 0 -42px; } #product_cnt .product .desc_cnt .slide div.select a.off .linkAdd{ background-position: 0 -14px; } #product_cnt .product .desc_cnt .slide div.select a.on:hover, #product_cnt .product .desc_cnt .slide div.select a.off:hover {color:black; text-decoration: underline;} #product_cnt .product .desc_cnt .slide div.select a.on:hover > .linkAdd{ background-position: 0 -28px;} #product_cnt .product .desc_cnt .slide div.select a.off:hover > .linkAdd{ background-position: 0 0; } #product_cnt .product .desc_cnt .slide div.select a img { vertical-align: text-bottom; margin-right: 5px;} #product_cnt {width:100%; background-color: black; text-align: center; height: 0px; position:relative; overflow: hidden; overflow: -moz-hidden-unscrollable !important; } #product_cnt .product {text-align: left; width:960px; display: inline-block; position: relative;} /* MORE PICT SLIDE */ #product_cnt .slidepict {float:left; width: 600px;} #product_cnt .product { -moz-box-shadow: inset 0px -10px 10px -10px #000; -webkit-box-shadow: inset 0px -10px 10px -10px #000; -o-box-shadow: inset 0px -10px 10px -10px #000; box-shadow: inset 0px -10px 10px -10px #000; } #product_cnt .product .pict_cnt {height: 454px; width: 600px; float:left;} #product_cnt .product .pict_cnt img {height: 454px; width: 600px;} #product_cnt .product .pict_cnt .shadow { -moz-box-shadow: inset 0px -10px 10px -10px #000; -webkit-box-shadow: inset 0px -10px 10px -10px #000; -o-box-shadow: inset 0px -10px 10px -10px #000; box-shadow: inset 0px -10px 10px -10px #000; filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=90, Strength=5); position: absolute; bottom:0; left:0; width: 600px; height: 15px; } #product_cnt .product .desc_cnt {width:360px; background-color: #ededed; float:left;} #product_cnt .product .desc_cnt .close {height: 30px; text-align: right; margin-top:20px; padding: 0 20px;} #product_cnt .product .desc_cnt .nav { height: 60px; text-align: center; font-size: 13px; color: #9f0909; } #product_cnt .product .desc_cnt .nav .bt_cnt {height: 17px; padding: 25px 0 0 0; vertical-align: bottom; } #product_cnt .product .desc_cnt .nav button{ margin: 0 10px; padding:0;} #product_cnt .product .desc_cnt .nav span{display: inline-block; vertical-align: bottom;} @media screen and (-webkit-min-device-pixel-ratio:0) { #product_cnt .product .desc_cnt .nav span{height: 21px;} ::i-block-chrome, #product_cnt .product .desc_cnt .nav span{height: 17px;} } #product_cnt .product .desc_cnt .nav span.sep{ margin: 0 2px;} #product_cnt .product .desc_cnt .desc { height: 344px; -moz-box-shadow: inset 0px -10px 10px -10px #000; -webkit-box-shadow: inset 0px -10px 10px -10px #000; -o-box-shadow: inset 0px -10px 10px -10px #000; box-shadow: inset 0px -10px 10px -10px #000; filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=90, Strength=5); } /* ELEMENTS DE RECHERCHE CATALOGUE*/ #grid-container.catalogue {position: absolute; top: 121px; background: none; text-align: left; z-index: 0;} #grid-container.catalogue .content {width:100%; min-height: 700px;} #grid-container.catalogue .thumb { float: left; max-width: 200px; margin:0 1px 1px 0; position: relative; } @media screen and (-webkit-min-device-pixel-ratio:0) { #grid-container.catalogue .thumb{margin:0 1px 2px 0;} ::i-block-chrome, #grid-container.catalogue .thumb{margin:0 1px 1px 0;} } #grid-container.catalogue .thumb img { height: auto; max-width: 100%; width: auto\9; cursor: pointer; } #grid-container.catalogue .thumb .overselect { text-align: center; line-height: 200px; font-size: 13px; font-style: oblique; position: absolute; top:0; left:0; opacity: 0.8; width:100%; height: 100%; background-color: black; z-index: 10; } #grid-container.catalogue .thumb .overlay div { opacity: 0; z-index: 5; position : absolute; background-color: #000; /*-webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000;*/ width:100%; overflow: hidden; } #grid-container.catalogue .thumb .overlay .top {top:0; height: 0px; padding : 5px 0px;} #grid-container.catalogue .thumb .overlay .bottom{bottom:0; height: 0px; padding: 5px 0 0 0;} #grid-container.catalogue .thumb .overlay div span {display: block;} #grid-container.catalogue .thumb .overlay div .selection a {} #grid-container.catalogue .thumb .title { text-transform: uppercase; } #grid-container.catalogue .thumb a {color: #fff;} #grid-container.catalogue .thumb .top a img {margin-right: 5px; vertical-align: top;} #grid-container.catalogue .thumb span { margin-left: 10px;} .wf-inactive #grid-container.catalogue .thumb .title, .wf-loading #grid-container.catalogue .thumb .title{ font-family: Arial, sans-serif; text-transform: uppercase; font-size: 10px; white-space: nowrap; } .wf-active #grid-container.catalogue .thumb .title{ text-transform: uppercase; font-family: "myriad-pro-condensed", sans-serif; font-size:14px; } #grid-container.catalogue .thumb .epoque, #grid-container.catalogue .thumb .plusinfo, #grid-container.catalogue .thumb .top { font-size: 11px; } #grid-container.catalogue .thumb .top a { text-decoration: none; font-style: oblique } #grid-container.catalogue .thumb .plusinfo {margin-top:15px;} #grid-container.catalogue .content {background: #fff;} #page {position: relative;} /*#catalogue + div.page_content {position: absolute; top:162px;}*/ #catalogue {text-align:center; color:#666; width:100%; background-color: #F3EBDB; height: 120px;} #catalogue .cnt_categorie {background-color: #ded3be;} #catalogue .cnt_epoque {background-color: #d1c5ae; height: 35px;} #catalogue .cnt_size {background-color: #CBBDA3; height: 35px;} #catalogue .cnt_epoque label, #catalogue .cnt_size label { display: inline-block; cursor: pointer; position: relative; padding-left: 16px; margin-right: 5px; } #catalogue .cnt_epoque input[type=checkbox], #catalogue .cnt_size input[type=checkbox] { display: none; position: relative; bottom: 1px; } #catalogue .cnt_epoque label:before, #catalogue .cnt_size label:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 0; } #catalogue .cnt_epoque input[type=checkbox]:checked + label:before, #catalogue .cnt_size input[type=checkbox]:checked + label:before{ content: "\2713"; color: #6d685b; text-align: center; line-height: 15px; } #catalogue .cnt_selection {background-color: #c8bba2; -moz-box-shadow: 0px 10px 10px -10px #000; -webkit-box-shadow: 0px 10px 10px -10px #000; -o-box-shadow: 0px 10px 10px -10px #000; box-shadow: 0px 10px 10px -10px #000; filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=90, Strength=5); height: 35px; width: 400px; } #catalogue .breadcrum {font-size: 10px; margin: 8px 0;} #catalogue .breadcrum a {color: #666; text-decoration: none;} #catalogue .row a {color: #666; text-decoration: none; } #catalogue .row {float:left; font-size:11px; margin-right: 0px;} #catalogue .cnt_epoque .row, #catalogue .cnt_size .row { margin-right: 8px;} #catalogue .cnt_epoque .row:last-child, #catalogue .cnt_size .row:last-child { margin-right: 0px;} #catalogue .cnt_selection .row { margin-right: 16px;} #catalogue .cnt_selection .row.title a {text-decoration: underline; cursor: pointer;} #catalogue .cnt_selection .row.title.end a { margin-left: 10px;} #catalogue .cnt_selection .row.title a.selectLink {margin-left: 1px;} #catalogue .cnt_epoque .row:not(.main), #catalogue .cnt_size .row:not(.main), #catalogue .cnt_selection .row:not(.main) { line-height: 16px;} #catalogue .cnt_categorie .row.main .arrow, #catalogue .cnt_selection .row.main .arrow{ background: url(../images/menu_controls.png) no-repeat; height: 6px; width: 11px; border: 0; cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 8px; } #catalogue .cnt_categorie .row.main .arrow.off, #catalogue .cnt_selection .row.main .arrow.off{ background-position: 0px 0px; } #catalogue .cnt_categorie .row.main .arrow.on, #catalogue .cnt_selection .row.main .arrow.on{ background-position: 0px -6px; } #catalogue .cnt_selection .row.main .arrow.disable { display:none; } .wf-inactive #catalogue .cnt_epoque .row:not(.main), .wf-inactive #catalogue .cnt_size .row:not(.main), .wf-inactive #catalogue .cnt_selection .row:not(.main), .wf-loading #catalogue .cnt_epoque .row:not(.main), .wf-loading #catalogue .cnt_size .row:not(.main), .wf-loading #catalogue .cnt_selection .row:not(.main){margin-top:1px;} .wf-active #catalogue .cnt_epoque .row:not(.main), .wf-active #catalogue .cnt_size .row:not(.main), .wf-active #catalogue .cnt_selection .row:not(.main){margin-top:3px;} #catalogue .row.toogle_bt, #catalogue .row.toogle_cat {width:100px;} #catalogue .row.main:not(.toogle_epo) .title, #catalogue .row.main:not(.toogle_size) .title{cursor: pointer;} #catalogue .cnt_epoque .row, #catalogue .cnt_size .row, #catalogue .cnt_selection .row{font-size: 12px;} #catalogue .row ul { margin:0; padding:0; text-indent: -8px;} #catalogue .row li:before { content: "\2022 \0020"; } #catalogue .row li{ max-width: 85px; list-style: none; margin-left: 3px;padding-left: 5px;} #catalogue a.selected, #catalogue .main { color: #9F0909;} #catalogue .row a:hover, #catalogue .row a.fly:hover, #catalogue .row label:hover, #catalogue .cnt_epoque input[type=checkbox]:hover:checked + label:before, #catalogue .cnt_size input[type=checkbox]:hover:checked + label:before, #catalogue .cnt_size input[type=checkbox]:hover:checked + label span:before, #catalogue .cnt_size input[type=checkbox]:hover + label span:before {color:#9f0909;} #catalogue .row .title{text-transform: uppercase; font-weight: bold;} #catalogue .row .epoque, #catalogue .row .size{text-transform: capitalize; font-weight: normal;} #catalogue .row .size .icon-petit:before, #catalogue .row .size .icon-moyen:before, #catalogue .row .size .icon-grand:before { color: #666769; font-size: 1.4em; line-height: 0.5em; margin-right: 8px; position: relative; bottom: -2px; } .wf-inactive #catalogue .row .title, .wf-loading #catalogue .row .title{font-family: Arial, sans-serif; font-size: 10px;} .wf-active #catalogue .row .title{font-family: "myriad-pro-condensed", sans-serif;font-size:14px;} .wf-active #catalogue .cnt_epoque .row .title, .wf-active #catalogue .cnt_size .row .title {min-width: 95px; display: block;} #catalogue .cnt {display: inline-block; width:960px; text-align: left;} #catalogue input#search { font-style: oblique; font-size: 14px; line-height: 15px; padding: 2px 0 0 20px; background-color: #F3EBDB; height:20px; width:782px; float:left; color: #A3A3A3; } #catalogue input#search.error { outline: -webkit-focus-ring-color auto 2px; outline-style: auto; outline-width: 2px; outline-color: #CC0000; } #catalogue input#search:focus { font-style: normal; color:#666; } #catalogue input#search:active { font-style: normal; color:#666; } #catalogue input[type*="submit"] { background: #c6b9a0; width: 109px; margin-left: 20px; background: -webkit-linear-gradient( #d3c8b1, #c3b69c); background: -moz-linear-gradient( #d3c8b1, #c3b69c); background: -ms-linear-gradient( #d3c8b1, #c3b69c); background: -o-linear-gradient( #d3c8b1, #c3b69c); background: linear-gradient( #d3c8b1, #c3b69c); text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.6); border: 1px solid #9d9582; } button.css3button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #050505; padding: 10px 20px; background: -moz-linear-gradient( top, #ffffff 0%, #ebebeb 50%, #dbdbdb 50%, #b5b5b5); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), color-stop(0.50, #dbdbdb), to(#b5b5b5)); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #949494; text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1); } #catalogue input[type*="submit"]:hover { background: #c0b49b; background: -webkit-linear-gradient( #cbc0aa, #bcaf96); background: -moz-linear-gradient( #cbc0aa, #bcaf96); background: -ms-linear-gradient( #cbc0aa, #bcaf96); background: -o-linear-gradient( #cbc0aa, #bcaf96); background: linear-gradient( #cbc0aa, #bcaf96); -moz-box-shadow: 1px 1px 4px rgba(000,000,000,0.1) ; -webkit-box-shadow: 1px 1px 4px rgba(000,000,000,0.1) ; box-shadow: 1px 1px 4px rgba(000,000,000,0.1) ; } /* ========================================================================== Connexion popup ========================================================================== */ .strong{ font-weight: bold; } #dynamicBlock{ position: absolute; width : 960px; height: 80px; /*background: red;*/ margin-left: calc(50% - 480px); font-family: "myriad-pro-condensed", sans-serif; line-height: 1.4em; font-size: 0.9em; letter-spacing: 0.07em; } #modal{ position: absolute; width: 100%; overflow: auto; height: 100%; } #modal span.underline{ display: inline; text-decoration: underline; font-size: 1em; cursor: hand; cursor: pointer; } #mainBox{ position: relative; left: 50%; max-width: 630px; min-width: 320px; padding: 18px; margin: 8px 0 160px 0; font-size: 0.9em; background-color: #DED1B9; z-index: 100000; text-align: left; color: #6D685B; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-transform: translateX(-50%) translateY(10%); -moz-transform: translateX(-50%) translateY(10%); -ms-transform: translateX(-50%) translateY(10%); transform: translateX(-50%) translateY(10%); box-shadow: 0 0 19px 0 rgba(0,0,0,0.16); -moz-box-shadow: 1px 1px 4px rgba(000,000,000,0.3); -webkit-box-shadow: 1px 1px 4px rgba(000,000,000,0.3); } #mainBox.button_link{ float: left; } #mainBox.fixed{ position: fixed; } #mainBox p.onlybold{ font-weight: bold; color: #6d685b; } #mainBox p.br{ margin-top: 50px; } #mainBox img.cross{ position: absolute; right: 15px; cursor: pointer; cursor: hand; } /********datepicker****************/ #ui-datepicker-div{ z-index: 800000 !important; background: #F4F1EA; } #ui-datepicker-div .ui-datepicker-header{ background: #E7E1D2; } #ui-datepicker-div .ui-datepicker-header .ui-state-hover{ background: #CBC1A9; border: none; } #ui-datepicker-div .ui-widget-header { border: none; } #ui-datepicker-div .ui-icon-circle-triangle-e{ background-position: -33px 1px; } #ui-datepicker-div .ui-icon-circle-triangle-w{ background-position: -95px 1px; } #ui-datepicker-div .ui-datepicker-title, #ui-datepicker-div .ui-datepicker-calendar th{ color: #625A44; font-family: "myriad-pro-condensed"; font-size: 16px; font-weight: normal; } #ui-datepicker-div .ui-datepicker-calendar th{ font-size: 15px; } #ui-datepicker-div .ui-datepicker-calendar td a{ background: #E7E1D2; } #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-unselectable a{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=36)"; filter: alpha(opacity=0.36); -moz-opacity: 0.36; -khtml-opacity: 0.36; opacity: 0.36; } #ui-datepicker-div .ui-datepicker-buttonpane button{ background: none; border: none; font-family: "myriad-pro-condensed"; font-size: 16px; font-weight: normal; } #ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-close{ text-decoration: underline; } /********************************/ #mainBox h1{ position: relative; display: block; text-align: center; color: #6D685B; font-size: 17px; font-family: "myriad-pro-condensed", sans-serif; font-weight: bold; /*width: 98%;*/ text-transform:uppercase; } #mainBox h1.tiny-h1{ font-size: 14px; } #connexionButton{ position: relative; top: 16px; left: 5px; float: right; width: 122px; height: 20px; display: block; margin:auto; padding: 0; z-index: 2000; text-align: center; font-family: "myriad-pro-condensed"; font-size: 12px; color: #80745e; font-weight: bold; line-height: 18px; letter-spacing: 1px; cursor: pointer; cursor: hand; -webkit-transform:scale(0.8, 1.1); -moz-transform:scale(0.8, 1.1); -ms-transform:scale(0.8, 1.1); -o-transform:scale(0.8, 1.1); transform:scale(0.8,1.1); } #dynamicBlock .connexionButton:not(#homeConnexionButton){ position: relative; top: 17px; right: 20px; float: right; padding: 5px 5px 5px 8px; z-index: 200; text-align: center; /*font-family: "myriad-pro-condensed", sans-serif; font-size: 0.9em;*/ font-weight: bold; /*letter-spacing: 0.07em;*/ cursor: pointer; cursor: hand; color: #000; } #dynamicBlock .connexionButton:not(#homeConnexionButton).connected .picto{ position: relative; bottom: 1px; } #homeConnexionButton .icon:not(.visible){ display: none; } #dynamicBlock .connexionButton.active{ background-color: #EEE3CC; /* margin: -4px 0 0 0; line-height: 19px;*/ } #dynamicBlock .icon{ font-family: Soubrier-Regular; } /********************catalogue selections-list ***************/ #product_cnt .product .desc_cnt .slide .select.selections-list{ position: relative; } #grid-container.catalogue .thumb .overlay div .selection.selections-list select.add-to-selection{ width:120px; margin-right:10px; } #product_cnt .product .desc_cnt .slide .select.selections-list div.links select.add-to-selection{ width:130px; margin-right:20px; } #product_cnt .product .desc_cnt .slide .select.selections-list div.links a{ width: 60px; line-height: 14px; text-decoration: underline; } /**********************client data*****************************/ #dynamicBlock #clientData{ top: 46px; right: 129px; width: 310px; letter-spacing: 0; font-family: Helvetica, Arial, sans-serif; } #dynamicBlock #clientData .font-picto{ font-size: 14px; margin: 0 14px 4px 0; } #dynamicBlock #clientData .font-picto.display-infos{ margin: 0 18px 4px 3px; } #dynamicBlock #clientData.home{ top: 44px; left: calc(50% - 155px); } #dynamicBlock #clientData .desc{ /*width: 280px;*/ height: 50px; min-height: 50px; text-align: left; line-height: 45px; padding-left: 20px; border-bottom: 1px solid #B7AB94; color: #6D685B; text-overflow: ellipsis; } #dynamicBlock #clientData .desc a{ text-decoration: none; color: #6D685B; width: 282px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #dynamicBlock #clientData .nav{ background-color: #918367; /*width: 280px;*/ height: 41px; font-family: "myriad-pro-condensed", sans-serif; font-size: 11px; font-weight: bold; border-bottom: 1px solid #DED1B9; line-height: 40px; cursor: pointer; cursor: hand; color: #F3EBDB; letter-spacing: 1px; padding-left: 20px; text-align: left; } #dynamicBlock #clientData .nav:hover{ background: #827459; } #dynamicBlock #clientData .nav a{ text-decoration: none; color: #F3EBDB; } #dynamicBlock #clientData .nav img{ margin: 0 20px 4px 0; } #dynamicBlock #clientData .nav img.infos-compte{ padding-left: 3px; } #mainBox p{ text-align: left; width: 100%; } #mainBox br{ clear: both; } #mainBox form{ background-color: #DED1B9; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; overflow-y: auto; overflow-x: hidden; } #mainBox form p{ margin: 5% 0 2%; } #mainBox span{ position:relative; /*top: 40px;*/ /*color: #D5201D;*/ display: block; font-size: 12px; /*font-family: "myriad-pro-condensed", sans-serif;*/ padding-left: 5px; } #mainBox span.strong{ position:static; display: inline; font-size: 14px; padding-left: 0; } #mainBox span.formError{ display: block; color: #dd2429; font-family: "Helvetica"; } #mainBox span.closeButton{ width:50px; height:50px; position:absolute; top:0; right:0; /*background:red;*/ color: #6F6F6F; font-size:25px; } #mainBox p.cgv{ position: static; width: 95%; margin: 9px 0 0 0; } #mainBox p.cgv input{ margin: 0 5px 0 0; } #mainBox p.cgv a{ text-decoration: underline; color: #6F6F6F; } #mainBox form input, #mainBox form textarea, #mainBox input:not(.mailBoxAlert){ width: 96%; height: 40px; background-color: #F4F1EA; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-left: 20px; color: #6D685B; } #mainBox form textarea{ height: 80px; clear: both; padding: 10px 0 0 25px; } #mainBox input.submit, #mainBox input.submitQuotation{ display: block; min-width: 60px; height: 44px; background-color: #625A44; color: #fff; font-size: 100%; margin: 32px auto; padding: 10px; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #mainBox form input#submit{ width: 110px; height: 44px; } #mainBox form input#submit:disabled, #mainBox form input#submitQuotation:disabled{ /*background-color: #C1C1C1;*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=62)"; filter: alpha(opacity=0.2); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; } #mainBox form input[type="checkbox"]{ float: left; width: 11px; height: 11px; margin: 4px 5px; } #mainBox form .btn{ /*min-height: 100px;*/ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } #mainBox.infos-compte{ margin-top: -83px !important; } /***LOGIN****/ body.home #mainBox:not(.infos-compte){ width: 23%; } body.home #mainBox{ background-color: #DED1B9; border-radius: 4px 0px 4px 4px; -moz-border-radius: 4px 0px 4px 4px; -webkit-border-radius: 4px 0px 4px 4px; } #mainBox form input::-webkit-input-placeholder, #mainBox form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #C8BBA2; } #mainBox form input::-moz-placeholder, #mainBox form textarea::-moz-placeholder { /* Firefox 19+ */ color: #C8BBA2; } #mainBox form input:-ms-input-placeholder, #mainBox form textarea:-ms-input-placeholder { /* IE 10+ */ color: #C8BBA2; } #mainBox form input:-moz-placeholder, #mainBox form textarea:-moz-placeholder { /* Firefox 18- */ color: #C8BBA2; } #connexionPopin, #inscriptionPopin{ position: relative; top: 10%; /*left: 50%;*/ /*width: 50%;*/ max-width: 630px; min-width: 320px; min-height: 50%; background: #E0E0E0; z-index: 2000; margin: auto; } #connexionPopin form{ padding: 5px; } #connexionPopin a{ color: #6f6f6f; text-decoration: underline; } #connexionPopin input{ width: 98%; padding-left: 10px; margin: 0 0 15px 0; } #connexionPopin div.error, #connexionPopin div.errorFormat{ display: none; font-size: 15px; color: #cc0000; height: 2px; } #connexionPopin div.error_cnt{ position:relative; top:-30px; left:25px; height: 0; text-align:left; } #connexionPopin span.formError{ display: block; color: #dd2429; font-family: "Helvetica"; } #connexionPopin form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #C8BBA2; padding-left: 0px; } #connexionPopin form input::-moz-placeholder { /* Firefox 19+ */ color: #C8BBA2; padding-left: 20px; } #connexionPopin form input:-ms-input-placeholder { /* IE 10+ */ color: #C8BBA2; padding-left: 20px; } #connexionPopin form input:-moz-placeholder { /* Firefox 18- */ color: #C8BBA2; padding-left: 10px; } #connexionPopin p.forgottenpass{ font-size: 12px; font-style: italic; margin: -5px 4px 0px -5px; text-align: right; width: 100%; } #connexionPopin div.createAccount{ font-size: 12px; margin: 20px auto 0; text-align: left; width: 98%; line-height: 14px; } #connexionPopin p.forgottenpass a, #connexionPopin div.createAccount a{ text-decoration: underline; } #connexionPopin .closeButton{ float: left; margin: 0 20px 0 0 !important; } #connexionPopin #submit{ float: right; margin-right: 4px; padding-left: 9px; background-color: #625A44; color: #fff; } #connexionPopin form .btn{ margin-top: 30px; min-height: 65px; } #mainBox h1.inscription{ font-size: 18px; } form[name="inscription"] #submit{ float: right; padding: 0; background-color: #625A44; color: #fff; } form[name="inscription"] input{ width: 94%; } form[name="oubliemotdepasse"] input{ margin-top: 30px; width: 94%; } form[name="oubliemotdepasse"] div.error, form[name="oubliemotdepasse"] div.exists, form[name="oubliemotdepasse"] div.notValid{ font-size: 12px; display: none; color: #cc0000; } form[name="oubliemotdepasse"] #submit{ float: right; padding: 0; background-color: #625A44; color: #fff; } form[name="oubliemotdepasse"] a.closeButton{ width: 70px; margin-top: 30px !important; } form[name="inscription"] input.error{ color: #cc0000 !important; } form[name="quotation_login"] { padding: 0 15px 0 0 !important; } #mainBox p.inscription{ width: 98%; font-size: 1em; } #mainBox p.share-via-email-title { margin-top: 1em; margin-bottom: 0; } form[name="inscription"] a.closeButton{ width: 70px; margin-top: 30px !important; } form[name="inscription"] #submit{ float: right; padding: 0; background-color: #625A44; color: #fff; margin-top: 31px; } form[name="inscription"] #submit.ellipsis-loader{ background: #C5B9A2 url(../images/ellipsis-loader.gif) no-repeat center; -webkit-background-size: contain; /* pour Chrome et Safari */ -moz-background-size: 36px 36px; /* pour Firefox */ -o-background-size:36px 36px; /* pour Opera */ background-size: 36px 36px; /* version standardisee */ background-color: #C5B9A2; } form[name="inscription"] div.error_cnt{ margin: 0 0 4%; text-align:left; font-size: 0.8em; padding-left: 5px; } form[name="inscription"] div.error_cnt span{ display: inline !important; text-decoration: underline; cursor: hand; cursor: pointer; } form[name="inscription"] div.error_cnt a{ color: #cc0000; } form[name="inscription"] div.error, form[name="inscription"] div.errorFormat, form[name="inscription"] div.notUnique, form[name="oubliemotdepasse"] div.error, form[name="inscription"] div.noValidFormat, form[name="cloneSelectionName"] div.error, form[name="cloneSelectionName"] div.errorNotUnique, form[name="shareViaEmail"] div.error { display: none; color: #cc0000; height: 2px; } /*form[name="choixdumotdepasse"]{ font-size: 12px; }*/ form[name="choixdumotdepasse"] div.btn{ margin-top: 35px; } form.auth input{ margin-top: 8px; width: 94%; } form.auth span{ color: #6D685B; } /*form.auth label{ font-size: 0.8em; }*/ form.auth input.error{ color: #cc0000 !important; } form.auth a.closeButton{ width: 70px; margin-top: 8px !important; } form.auth #submit{ float: right; padding: 0; background-color: #625A44; color: #fff; } form.auth div.error_cnt{ margin: 0 0 4%; text-align:left; font-size: 0.8em; padding-left: 5px; } form.auth div.error_cnt span{ display: inline !important; text-decoration: underline; cursor: hand; cursor: pointer; } form.auth div.error_cnt a{ color: #cc0000; } form.auth div.error, form.auth div.errorFormat, form.auth div.errorNotUnique{ display: none; color: #cc0000; height: 2px; } #mainBox.mailBoxAlert{ transform: translateX(-50%) translateY(30%); } #dynamicBlock .frame{ position:absolute; top: 42px; right: 5px; display: none; width:345px; z-index: 200; background: #DED1B9; color: #fff; border-radius: 4px 0 4px 4px; -moz-border-radius: 4px 0 4px 4px; -webkit-border-radius: 4px 0 4px 4px; box-shadow: 0 0 19px 0 rgba(0,0,0,0.16); -moz-box-shadow: 1px 1px 4px rgba(000,000,000,0.3); -webkit-box-shadow: 1px 1px 4px rgba(000,000,000,0.3); } #dynamicBlock .selectionBox{ float: right; position: relative; top: 17px; margin: 0; text-align: center; color: #000; /*font-size: 0.9em;*/ font-weight: bold; cursor: hand; cursor: pointer; padding: 5px; } #dynamicBlock .selectionBox .rectangle{ border-radius: 4px; z-index: 201; /*font-family: "myriad-pro-condensed", sans-serif;*/ /*font-size: 1em;*/ /*letter-spacing: 0.6em;*/ width: 141px; color: #000; } #dynamicBlock .selectionBox .rectangle.active{ background-color: #9F0909; color: #F2EBD9; position: relative; top: -5px; padding-top: 5px; padding-bottom: 4px; } #dynamicBlock .selectionBox #title{ position: relative; float: right; } #dynamicBlock .selectionBox .rectangle #selectionsNumber{ display: inline-block; } #dynamicBlock .selectionBox .rectangle .basketImg { background-image: url("../images/panierNoir.svg"); background-repeat: no-repeat; width: 25px; height: 25px; border: 0; position: relative; bottom: 4px; right: 1px; margin-left: 5px; float: left; } #dynamicBlock .selectionBox .rectangle.active .basketImg { background-image: url("../images/panierBlanc.svg"); } #emptySelection{ display: none; position: absolute; top: 40px; right: 0; float: right; background: #DED1B9; color: #6d685b; font-style: italic; font-size: 14px; padding: 25px; z-index: 1000; font-family: Helvetica, Arial, sans-serif; box-shadow: 0 0 19px 0 rgba(0,0,0,0.16); -moz-box-shadow: 1px 1px 4px rgba(000,000,000,0.3); -webkit-box-shadow: 1px 1px 4px rgba(000,000,000,0.3); } #selectionDetails{ display: none; font-size: 0.9em; letter-spacing: 0; border-radius: 4px 0 4px 4px; -moz-border-radius: 4px 0 4px 4px; -webkit-border-radius: 4px 0 4px 4px; box-shadow: 0 0 19px 0 rgba(0,0,0,0.16); -moz-box-shadow: 1px 1px 4px rgba(000,000,000,0.3); -webkit-box-shadow: 1px 1px 4px rgba(000,000,000,0.3); } #selectionDetails .desc{ max-height: 400px; overflow-y: auto; overflow-x: hidden; } #selectionDetails .desc img{ margin: 0; padding: none; z-index: -1; } #selectionDetails .desc img.roundCorner{ border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; } #selectionDetails .desc table{ width: 350px; } #selectionDetails .desc table tr td{ border-bottom: 1px solid #B7AB94; padding: 0; max-width: 75px; } #selectionDetails table ul{ list-style-type: none; margin: 0 0 0 14px; padding: 0; } #selectionDetails .desc table tr td.picture_td{ width: 30px; border-bottom: 1px solid #DED1B9; } #selectionDetails table li, #selectionDetails table li a{ font-family: "Helvetica"; color: #6D685B; } #selectionDetails table li a{ text-decoration: none; } #selectionDetails table li.ref{ font-size: 13px; font-style: italic; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #selectionDetails .nav{ height: 41px; background: #918367; color: #F3EBDB; font-family: "myriad-pro-condensed", sans-serif; font-size: 11px; border-bottom: 1px solid #DED1B9; line-height: 40px; cursor: pointer; cursor: hand; } #selectionDetails .nav:hover{ background: #827459; } #selectionDetails .nav.last{ border: none; } #selectionDetails .nav a, #selectionDetails .nav a:visited{ text-decoration: none; color: #F3EBDB; } #selectionDetails .nav img{ margin: 0 20px 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #selectionDetails .nav .text{ font-weight: bold; letter-spacing: 1px; -webkit-transform:scale(0.9, 1.1); -moz-transform:scale(0.9, 1.1); -ms-transform:scale(0.9, 1.1); -o-transform:scale(0.9, 1.1); transform:scale(0.9,1.1); text-decoration: none; } #selectionDetails .font-picto{ font-size: 16px; margin: 0 20px 4px; } #selectionDetails .font-picto.display-selection{ font-size: 14px; margin: 0 16px 4px; } #selectionDetails .font-picto.print-selection{ margin: 0 18px 4px; } /**************Selections page***********************/ #grid-container .selections{ /*min-height: 450px;*/ min-height: 80vh; padding-bottom: 20px; font-family: "myriad-pro-condensed", sans-serif; } #grid-container .selections h1{ display: block; color: #6D685B; text-align: center; margin: 30px; font-size: 17px; font-family: "myriad-pro-condensed", sans-serif; font-weight: bold; /*width: 98%;*/ text-transform:uppercase; } #grid-container .selections p.advice{ font-family: "helvetica", sans-serif; /*font-style: italic;*/ } #grid-container .selections .column1{ width: 225px; text-align: center; /*background:#EADFCA;*/ margin: 0 5px; padding: 0; } #grid-container .selections .selection-square{ position: relative; height: 236px; margin: 5px 4px 5px 10px; background:#EADFCA; } #grid-container .selections .selection-square .selection-visual{ height: 170px; } #grid-container .selections .selection-square .selection-visual .selection-stopgap{ width: 100px; height: 80px; } #grid-container .selections .side{ width: 4px; } #grid-container .selections table{ width: 223px; } #grid-container .selections .selection-toolbar{ position: absolute; bottom: 0; margin: 5px 5px 5px 0; } #grid-container .selections .selection-toolbar .font-picto{ font-size: 20px; } #grid-container .selections .selection-toolbar .delete .font-picto{ position: absolute; top: 28px; /*left: 106px;*/ } #grid-container .selections .selection-toolbar .share .font-picto{ position: relative; top: 0; } #grid-container .selections .selection-toolbar .clone .font-picto{ position: relative; bottom: -2px; } #grid-container .selections .selection-toolbar .selection-title:hover .tooltip{ display: block; } #grid-container .selections .selection-toolbar .delete:hover .tooltip{ display: block; /* right: 30px; bottom: 31px;*/ } #grid-container .selections .selection-toolbar .share:hover .tooltip{ display: block; /* right: 88px; bottom: 31px;*/ } #grid-container .selections .selection-toolbar .clone:hover .tooltip{ display: block; /* right: 85px; bottom: 31px;*/ } #grid-container .selections .selection-toolbar .selection-count{ color: #B5AD99; } #grid-container .selections .selection-toolbar td{ width: 45px; } #grid-container .selections .selection-toolbar td.action{ cursor: pointer; cursor: hand; } #grid-container .selections .selection-toolbar td.selection-title{ font-family: "myriad-pro-condensed",sans-serif; } #grid-container .selections .selection-toolbar td.selection-title input{ display: inline; color: #6d685b; text-transform: lowercase; font-size: 1em; /*font-weight: bold;*/ font-family: "myriad-pro-condensed",sans-serif; background-color: #eadfca; border: none; max-width: 200px; text-overflow: ellipsis; } #grid-container .selections .selection-toolbar td.selection-title input.selected{ background-color: #d7cbb4; } #grid-container .selections .selection-toolbar .tooltip{ display: none; position: absolute; bottom: 28px; /*width: 100%;*/ color: #F3EBDB; text-align: center; min-width: 50px; /*margin-left: 8px;*/ } #grid-container .selections .selection-toolbar .tooltip span{ background-color: #35332C; font-size: 12px; font-weight: bold; padding: 5px; /*width: 100px;*/ } #grid-container .selections .selection-toolbar .selection-name{ width: 98%; bottom: 50px; margin-left: 0; } /*#grid-container .selections .selection-toolbar .share-selection{ left: -86px; } #grid-container .selections .selection-toolbar .delete-selection{ left: -30px; } #grid-container .selections .selection-toolbar .clone-selection{ /*left: 23px; }*/ #grid-container .selections .selection-toolbar .selection-devis{ background-color: #6D685B; padding: 5px; color: #F3EBDB; font-size: 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #grid-container .selections .selection-square .selection-visual:hover .selections-display-selection{ display: block; cursor: pointer; cursor: hand; } #grid-container .selections .selection-square .selections-display-selection{ display:none; } #grid-container .selections .selection-square .selections-display-selection .overlay{ background-color: black; height: 171px; opacity: 0.6; position: absolute; top: 0; width: 224px; z-index: 99999; } #grid-container .selections .selection-square .selections-display-selection a{ position: absolute; top: 26px; left: 0; bottom: 95px; width: 100%; height: 150px; line-height: 150px; margin: auto; color: #DCD6C4; z-index: 100000; text-decoration: none; font-size: 14px; } form[name="selectionName"] div.errorNotUnique{ display: none; color: #cc0000; height: 2px; } form[name="selectionName"] #submit{ float: right; margin: 21px 14px; padding-left: 9px; background-color: #625A44; color: #fff; } /**********************Selection page***********************************/ #grid-container div.selection{ background: #DED1B9; color: #6D685B; } #grid-container .selection .toolbar{ width:730px; height:50px; background-color:#EADFCA; padding:5px; margin:auto; } #grid-container .selection .toolbar .font-picto{ font-size: 20px; } #grid-container .selection .toolbar ul{ position: relative; text-align: left; margin-left: 0; padding: 0 0 0 20px; } #grid-container .selection .toolbar li{ display: inline-block; /*width: 210px;*/ height: 22px; text-align: left; cursor: pointer; cursor: hand; font-family: "helvetica", sans-serif; } #grid-container .selection .toolbar ul.deconnected li.save, #grid-container .selection .toolbar ul.deconnected li.print{ width: 41%; } #grid-container .selection .toolbar ul.deconnected li.share{ width: 15%; } #grid-container .selection .toolbar li img{ margin-right: 5px; } #grid-container .selection .toolbar li.print{ width: 160px; } #grid-container .selection .toolbar li.save{ width: 200px; } #grid-container .selection .toolbar li.save a{ text-decoration: none; } #grid-container .selection .toolbar li.share{ width: 180px; } /*#grid-container .selection .toolbar li span{ margin-right: 10px; }*/ #grid-container .selection .toolbar li span.text{ position: absolute; right: 10px; background-color: #625a44; color: #fff; display: block; width: 180px; height: 30px; line-height: 30px; text-align: center; font-weight: bold; margin: 0; padding: 0; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #grid-container .selection .selection-band{ width:730px; padding:5px; margin:auto; } #grid-container .selection table.selection-visual-table{ width: 100%; /*background-color: red;*/ } #grid-container .selection table.selection-visual-table table{ width: 100%; } #grid-container .selection table.selection-visual-table table td{ text-align: left; } #grid-container .selection table.selection-visual-table tr.band{ height: 200px; } #grid-container .selection table.selection-visual-table tr.band td.picture_td{ text-align: left; } #grid-container .selection table.selection-visual-table tr.band td.infos{ font-family: "helvetica", sans-serif; } #grid-container .selection table.selection-visual-table tr.band td.infos .title{ font-family: "proxima-nova-extra-condensed", sans-serif; font-weight: bold; font-size: 20px; } #grid-container .selection table.selection-visual-table tr.band td.action p{ /*width: 30%;*/ margin: auto; text-align: center; text-decoration: underline; cursor: pointer; cursor: hand; } #grid-container .selection table.selection-visual-table tr.band td.action p .font-picto{ font-family: Soubrier-Regular; font-size: 16px; } #grid-container .selection table.selection-visual-table tr.band:not(.last){ border-bottom: 1px solid #6D685B; } #mainBox #shareSelectionPopin input.submit{ float: right; padding: 0; text-align: center; margin: 0; cursor: pointer; width: 150px; } #mainBox #shareSelectionPopin input:first-child { float: left; margin: 0; width: 455px; } #mainBox .shareSelectionSection { display: inline-block; width: 100%; margin: 1em 0; } #mainBox #selection-line { border-top: 1px solid #fff; margin: 0 -18px; padding: 0; } #quotationRequestFormContainer form input#submitQuotation{ float: right; width: 180px; margin: 3% 0 3% 4%; padding: 0; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #mainBox.confirm{ top: 100px; } #mainBox p.deleteSelection{ margin: auto; text-align: center; } #mainBox p.deleteSelection a{ color: #80745e; } #mainBox p.deleteSelection input[type*="submit"]{ min-width: 60px; height: 44px; background-color: #625A44; color: #fff; font-size: 0.9em; margin-left: 30px; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } form[name="cloneSelectionName"] input#submit{ float: right; margin: 21px 14px; padding-left: 9px; background-color: #625A44; color: #fff; } /************************Quotation************************************************/ #quotationRequestFormContainer{ position: relative; top: 10%; /*left: 50%;*/ /*width: 50%;*/ /*width: 515px;*/ min-width: 320px; min-height: 50%; background-color: #DED1B9; z-index: 2000; margin: auto; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #quotationRequestFormContainer div.error_cnt{ margin: 0 0 4%; text-align:left; font-size: 0.8em; padding-left: 5px; } #quotationRequestFormContainer div.message{ top: 2px; } #quotationRequestFormContainer div.error, #quotationRequestFormContainer div.errorFormat{ display: none; color: #cc0000; height: 2px; } #quotationRequestFormContainer dd{ margin: 0; } #quotationRequestFormContainer form .input-date{ float: left; width: 41%; margin: 0 6% 3% 0; background: #f4f1ea url('../images/quotation/calendar.png') no-repeat scroll 94% 10px; } #quotationRequestFormContainer form #available_date_out{ margin: 0 0 0 1px; } /*#quotationRequestFormContainer form #message{ width: 410px; height: 150px; background-color: #F4F1EA; }*/ #mainBox form .btn-success a{ display: block; float: right; height: 44px; line-height: 44px; margin-top: 21px; color: #6D685B; } #mainBox form #remember { margin-top: 2px; width: 15px; height: 15px; } #quotationRequestFormContainer form input#submit{ float: right; width: 180px; margin: 3% 0 3% 4%; padding: 0; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #quotationRequestFormContainer form p{ clear: both; } /***************************INFOS COMPTE*************************************/ #accountInfosFormContainer{ position: relative; top: 10%; /*left: 50%;*/ /*width: 50%;*/ /*width: 515px;*/ min-width: 320px; min-height: 50%; background-color: #DED1B9; z-index: 2000; margin: auto; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #accountInfosFormContainer div.error, #accountInfosFormContainer div.errorFormat{ display: none; color: #cc0000; height: 2px; } #accountInfosFormContainer #postal_code{ width: 35%; /*margin-right: 38px;*/ } #accountInfosFormContainer #city{ float: right; width: 47%; } #accountInfosFormContainer .online{ float: left; width: 48%; margin-right: 4px; } #accountInfosFormContainer .online.long{ width: 80%; } #accountInfosFormContainer form input#submit{ float: right; width: auto; margin: 3% 0 3% 4%; padding: 10px; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #accountInfosFormContainer a.deco{ position: relative; left: 500px; color: #6d685b; font-style: italic; } /******************************************************************/ #selection input[type*="button"] { background: #766950; background: -webkit-linear-gradient( #887b62, #766950); background: -moz-linear-gradient( #887b62, #766950); background: -ms-linear-gradient( #887b62, #766950); background: -o-linear-gradient( #887b62, #766950); background: linear-gradient( #887b62, #766950); text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.6); border: 1px solid #625a44; padding : 0 20px; color: white; } #selection input[type*="button"]:hover { background: #73664d; background: -webkit-linear-gradient( #80735a, #6e6148); background: -moz-linear-gradient( #80735a, #6e6148); background: -ms-linear-gradient( #80735a, #6e6148); background: -o-linear-gradient( #80735a, #6e6148); background: linear-gradient( #80735a, #6e6148); -moz-box-shadow: 1px 1px 4px rgba(000,000,000,0.3); -webkit-box-shadow: 1px 1px 4px rgba(000,000,000,0.3); box-shadow: 1px 1px 4px rgba(000,000,000,0.3); } #selection input[type*="button"]:active , #catalogue input[type*="submit"]:active { box-shadow: inset 0 0 1px 1px rgba(000,000,000,0.2); -moz-box-shadow: inset 0 0 1px 1px rgba(000,000,000,0.2); -webkit-box-shadow: inset 0 0 1px 1px rgba(000,000,000,0.2); } #catalogue input[type*="submit"], #selection input[type*="button"]{ height:26px; font-size:13px; clear: right; border-radius: 5px; } #selection .sslide.form .overlay{ background-color: #C8BBA2; display:none; color: black; height: 200px; opacity: 0.8; position: absolute; width: 526px; z-index: 99999;} #selection .sslide.form .overlay .mess{ background-color: #DED3BE; border: 1px inset #EEEEEE; color: #9F0909; font-size: 12px; line-height: 14px; margin-top: 152px; opacity: 1; text-align: center;} #selection .sslide.form .overlay .medium_loader {top: 60px;} #catalogue .cnt_categorie, #catalogue .cnt_epoque, #catalogue .cnt_size, #catalogue .cnt_selection {position: relative; text-align:center; z-index:88;} #catalogue .elem {width: 960px; display: inline-block; text-align: left;} #catalogue #categorie.elem {height:80px; overflow: hidden;} #catalogue #selection.elem {width: 400px; height:35px; overflow: hidden;} #catalogue #selection .select.sslide .nano .cnt { padding: 10px; } #catalogue #selection .select.sslide .desc {position:relative; margin:0px auto; padding:0px; max-height: 185px; overflow: hidden; /*overflow-y: scroll*/; border-bottom: 1px solid #b9ac93; border-top: 1px solid #b9ac93;} #catalogue #selection .slidesContainer {width: 400px; overflow: hidden;} #catalogue #selection .form .col {float:left;} #catalogue #selection .form .title {width: 80px;} #catalogue #selection .form .col:first-child .title:first-child {margin-bottom: 14px;} .wf-inactive #catalogue #selection .form label , .wf-loading #catalogue #selection .form label {font-family: Arial, sans-serif; font-size: 10px; text-transform: uppercase; font-weight: bold;} .wf-active #catalogue #selection .form label {font-family: "myriad-pro-condensed",sans-serif; font-size: 14px; text-transform: uppercase;} #catalogue #selection .form label {font-family: "myriad-pro-condensed",sans-serif; font-size: 14px; text-transform: uppercase;} #catalogue #selection .form .info {font-size: 11px; font-style: oblique; display:block;} #catalogue #selection .form input[name="email"], #catalogue #selection .form textarea[name="more"] {font-size:12px; padding:4px; width: 436px; background-color: #F3EBDB; border: 1px solid #7b7464;} #catalogue #selection .form textarea[name="more"] { height: 100px; resize: none;} #catalogue #selection .form div.error {display: none; color: #CC0000; font-size: 11px; text-transform: oblique;} #catalogue #selection .form div.maintenance-error {display: none; color: #CC0000; font-size: 11px; text-transform: oblique;} #catalogue #selection .form div.error_cnt {height: 14px;} #catalogue #selection .form .nav {clear:both; text-align: right;} #catalogue #selection .frame { width: 400px;/*margin: 10px 0 0 100px;*/} #catalogue #selection .select table {font-size: 12px; width: 400px;} #catalogue #selection .end {font-size: 12px;} #catalogue #selection .select tr.odd {background: none;} #catalogue #selection .select tr.even {background-color: #b9ac93;} #catalogue #selection .select table td {max-width: 200px;} #catalogue #selection .select table td.pict {width:35px;} #catalogue #selection .select table td.lib {width:230px; padding-left: 20px;} #catalogue #selection .select table td.ref {width:240px; font-style: oblique;} #catalogue #selection .select table td.delete {width:35px;/*padding-right: 15px;*/} #catalogue #selection a {text-decoration: underline; color: #666666;} #catalogue #selection a:hover {color: black;} #catalogue #selection a:hover span.picto {color: black;} #catalogue #selection a.selectLink:hover {color: #9F0909;} #catalogue #selection .select .print {margin-top: 10px;} #catalogue #selection .nav {padding-top: 10px;} #catalogue #selection .select span.picto {margin-right: 10px; vertical-align: text-bottom; text-decoration: none;} #catalogue #selection .saw span.picto {text-decoration: none; margin-left:10px; padding-right:1px;} #catalogue #selection .select .print, #catalogue #selection .nav {text-align:left; font-size: 14px;} #catalogue #selection .nav a {display: block; margin-right: 20px;} #catalogue #selection .row {height: 40px;} #catalogue .cnt_epoque .elem, #catalogue .cnt_size .elem {overflow: hidden;} #catalogue .rowset {display: inline-block; position: relative; margin-top: 8px;} #selection .title{ color: #212121; } /************************************************************************************ smaller than 2000 *************************************************************************************/ @media screen and (max-width: 5000px) { #grid-container.catalogue .thumb {width: 6.627%; height:6.627%;} } /************************************************************************************ smaller than 2000 *************************************************************************************/ @media screen and (max-width: 2600px) { #grid-container.catalogue .thumb {width: 7.65%; height:7.65%;} } /************************************************************************************ smaller than 2000 *************************************************************************************/ @media screen and (max-width: 2400px) { #grid-container.catalogue .thumb {width: 8.288%; height:8.288%;} } /************************************************************************************ smaller than 2000 *************************************************************************************/ @media screen and (max-width: 2200px) { #grid-container.catalogue .thumb {width: 9.04%; height:9.04%;} } /************************************************************************************ smaller than 2000 *************************************************************************************/ @media screen and (max-width: 2000px) { #grid-container.catalogue .thumb {width:9.94494%; height:9.94494%;} } /************************************************************************************ smaller than 1800 *************************************************************************************/ @media screen and (max-width: 1800px) { #grid-container.catalogue .thumb {width:11.048%; height:11.048%;} } /************************************************************************************ smaller than 1600 *************************************************************************************/ @media screen and (max-width: 1600px) { #grid-container.catalogue .thumb {width:12.42905%; height:12.42905%;} } /************************************************************************************ smaller than 1400 *************************************************************************************/ @media screen and (max-width: 1400px) { #grid-container.catalogue .thumb {width:14.2016%; height:14.2016%;} } /************************************************************************************ smaller than 1200 *************************************************************************************/ @media screen and (max-width: 1200px) { #grid-container.catalogue .thumb {width:16.56693%; height:16.56693%;} } /************************************************************************************ smaller than 1000 *************************************************************************************/ @media screen and (max-width: 1000px) { #grid-container.catalogue .thumb {width:19.8748%; height:19.8748%;} } /************************************************************************************ smaller than 800 *************************************************************************************/ @media screen and (max-width: 800px) { #grid-container.catalogue .thumb {width:24.832%; height:24.832%;} } /************************************************************************************ smaller than 600 *************************************************************************************/ @media screen and (max-width: 600px) { #grid-container.catalogue .thumb {width:33.07%; height:33.07%;} } /************************************************************************************ smaller than 400 *************************************************************************************/ @media screen and (max-width: 400px) { #grid-container.catalogue .thumb {width:49.710%; height:49.710%;} } /************************************************************************************ Back to top button *************************************************************************************/ #backToTopBtn { display: none; background: url(../images/backToTop.svg) no-repeat; height: 75px; width: 75px; border: 0; position: fixed; bottom: 20px; right: 60px; z-index: 99; } #link-account-delete { display: block; color: #a29b8c; font-style: italic; text-align: center; margin-top: 50px; cursor: pointer; font-size: 1em; text-decoration: underline; } #link-account-delete:hover { color: #615945; } #delete-account-btns { margin-top: 50px; text-align: center; } #delete-account-btns input[type="submit"], #delete-account-btns a { width: 30%; display: inline-block; margin: auto; } #delete-account-btns a { color: #625A44; } #delete-account-btns a:hover { color: #a29b8c; } #delete-account-confirm { background: none!important; text-decoration: underline; } #fromEmailField p, #toEmailField p { width: 10%; display: inline-block; } #fromEmailField input[type="text"], #toEmailField input[type="text"] { width: 86%; display: inline-block; } #shareViaEmailformBtns input[type="submit"], #shareViaEmailformBtns .closeButton { width: 20%!important; display: inline-block!important; margin: auto; float: none!important; padding: 0; } #shareViaEmailformBtns .closeButton { margin-right: 5%; } #shareViaEmailformBtns { text-align: right; } #quotation_register_btns { width: 160px; padding-top: 20px; margin: auto; } #quotation_register_btns a { width: 80px; height: 30px; font-size: 1em; cursor: pointer; } #quotation_register_submit { float: right; background-color: #625A44; color: #fff; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-align: center; padding-top: 10px; } #quotation_register_btns .closeButton { color: #6D685B; line-height: 40px; margin-left: 25px; }