@font-face {
    font-family: 'BakerSignetStd';
    src: url('/fonts/BakerSignetStd.eot');
    src: url('/fonts/BakerSignetStd.eot') format('embedded-opentype'),
         url('/fonts/BakerSignetStd.woff2') format('woff2'),
         url('/fonts/BakerSignetStd.woff') format('woff'),
         url('/fonts/BakerSignetStd.ttf') format('truetype'),
         url('/fonts/BakerSignetStd.svg#BakerSignetStd') format('svg');
}
.grandtitre img {display:none;}
body {cursor:default;font: 18px "Trebuchet MS",Helvetica,sans-serif !important;color: #141412 !important;}
#all {width:100%;max-width:1920px;min-width:300px;margin:0 auto;position:relative;padding-bottom:80px;}
#flashMessage {color:red;text-align:center;font:bold 18px "Trebuchet MS",Helvetica,sans-serif !important;margin-bottom:10px;}
h1 {font:bold 47px BakerSignetStd;margin: 33px 0px;text-align: center;color: #F00;}
p.lead {text-align:center;margin-bottom:40px;font-size:18px;font-weight:bold;}
.menulight {margin-bottom:20px;}
.btn-primary:hover {background:#404040;}
.btn-default:hover {background:#d9230f;}
#footer {color:black;text-align:center;font:normal 14px "Times New Roman",Times,serif;position:absolute;bottom:10px;text-align:center;width:100%;}
h1.margin {padding-top:50px;}
h2 {color:#d9230f !important;}
h3 {font-size:16px !important;font-size:1.6rem !important;}
#prix {background:#ff002e;color:white;font-size:18px;font-size:1.8rem;text-align:center;padding:15px;margin-left:-15px;margin-right:-15px;}
#prix.fixed {position:fixed;z-index:1000;width:100%;top:0px;min-width:300px;max-width:1920px;}
#prixwait {height:21px;width:100%;background:url('http://www.rmrmarmo.com/images/ajax-loader.gif') no-repeat center center;}
.selection input[type="text"] {border:solid 1px #404040;width:100%;height:35px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
#top {text-align:center;}
a.logos {display: inline-block;vertical-align: top;height:120px;margin: 15px auto;}
a.logos img {display:block;height:100%;width:auto;}
a.lang {display:none;}
a.lang2 {display: inline-block;color:#fff;margin:0px;vertical-align: top;font-family: BakerSignetStd;font-size: 23px;height:80px;margin:0 15px;line-height:80px !important;}
#lgs {position:absolute;right:20px;top:20px;}
.navbar {border-radius:0 !important;margin-bottom:0 !important;}
.dropdown {position:inherit !important;}
.navbar-inverse {background-color:black !important;border:none !important;min-height:80px;}
.form-control {font-size:15px !important;color:black;}
.navbar-toggle {margin-top:22px !important;}
.dropdown-menu {margin:0 9px;}
.dropdown-menu2 {display:block;list-style:none;text-align:center;margin:0;padding:0;}
/*.navbar-inverse .navbar-nav > li {display:block !important;}*/
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border:none !important;}
.navbar-inverse .navbar-nav > li {text-align:center;display:block !important;position:inherit !important;float:inherit;width:100%;}
.navbar-inverse .navbar-nav > li > a {position:inherit !important;color:white !important;font:normal 14px "Trebuchet MS",Helvetica,sans-serif;text-transform:uppercase;margin: 0px 9px;padding:7px 0;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {color: black !important;background:#F00;}
.pagination li span a:hover {color:white;}
.pagination li.current {background:black !important;color:white !important;}
.errormsg {color:red;padding-left:30px;}
.error {color:red;}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {padding:5px 15px;}
.dropdown-menu2 > li {margin:5px 0;}
.dropdown-menu2 > li > a {font-size:14px;}
.dropdown-menu2 > li > a:hover {color:white;}
.dropdown-menu > li > a {text-align:center;font:normal 14px "Trebuchet MS",Helvetica,sans-serif;}
#modeles, #granitsmonument, #granitstombale, #granitsssbas, #granitsstele, #granitssocle, #granitsplinthe, #dycommerce_content {text-align:center;display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;}
a.modele, a.granit, a.vignette {width: calc(16.66% - 17px);background:white;text-align:center;border: 1px solid #dddddd;padding:0 0 5px 0;text-decoration:none;color:black;border-radius:10px;transition: all .2s;}
.modele img, .granit img, .vignette img {border:none;width:100%;height:auto;border-radius: 10px 10px 0 0;margin-bottom:5px;}
a.modele:hover, a.granit:hover, a.vignette:hover {transform: scale(1.2);font-size:0;}
a.modelecheck, a.granitcheck, a.vignettecheck {color:#d9230f;border:solid 2px #d9230f;}
.aligncenter {text-align:center;}
#tools {display:block;min-height:60px;margin-top:15px;}
#tools a {display:none;margin:5px;}
#objects, #gravures, #objectphotos, #text-controls, #object-controls, #gravure-controls, #objectphoto-controls, .objetscolor {margin-top:15px;position:relative;}
.objetscolorhide {display:none;}
#objects a, #gravures a, #objectphotos a {display:inline-block;width:80px;vertical-align:top;margin:4px;text-align:center;}
#gravures a.gravure, a.fontbtn {background:#2e2f2f;border-radius:3px;padding:5px 15px;transition: transform .2s;}
a.fontbtn {color:white;text-decoration:none;display:inline-block;vertical-align:top;margin:4px;font-size:25px;line-height: 30px;}
#objects a.object, #objectphotos a.objectphoto {transition: transform .2s;}
#gravures a.gravure:hover, #objects a.object:hover, #objectphotos a.objectphoto:hover {transform: scale(2);}
a.selectedfont {background:#d9230f;}
#objects img, #gravures img, #objectphotos img {max-width:100%;max-height:200px;}
a.ferme {position:absolute;right:0;top:-53px;}
#tooltip {position:absolute;top:0;left:0;z-index:5000;background:#2e2f2f;border:solid 3px red;border-radius:10px;overflow:hidden;}
#lesicones {display:flex;justify-content: center;text-align:center;flex-wrap:wrap;}
#lesicones img {border:0px;margin-bottom:10px;display:inline-block;}
#lesicones a {color:black;text-decoration:none;vertical-align:top;width:210px;padding:40px 20px;margin:20px;border: 1px solid #dddddd;background:white;border-radius:10px;transition:all 0.5s;}
#lesicones a:hover {color:#d9230f;border: 1px solid black;}
.pagination li span a:hover {color:white;}
.pagination li.current {background:black !important;color:white !important;}
.row {margin:0 !important;}
.row.marges {margin-left: -15px !important;margin-right: -15px !important;}
#nbcercueils, #nburnes, #caveaudetails, #cavurnedetails, #concessiondetails, #concessionurnedetails, #detailscavmaconne {margin-top:10px;}
.dl {width: 120px;overflow: hidden;float: left;margin: 0 2% 2% 0;}
.dl a {color: #4e616f;font-size: 12px;}
.dl input[type="checkbox"] {position:absolute;margin:0;}
.dltxt {height: 25px;line-height: 25px;}
.dlimg {text-align: center;height: 100px;overflow: hidden;}
.dlimg img {border: none;width:120px;height:auto;}
#sousbassement, #stele, #socle, #plinthe, #tombale {margin:40px 0;}
#socle {margin:40px 0 0 0;}
#glv_list {margin:25px 0;}
#glv_list ul {list-style:none;}
#paging {overflow: hidden}
#paging .previous {float: left;width: 130px}
#paging .next {text-align: right;float: right;width: 130px}
#paging .pages {margin: 0 130px;text-align: center}
.actions a {margin-right:10px;}
.btn {display:inline-block;margin-right:15px;font-size:15px;}
.mainphoto a {display:block;text-align:center;}
.mainphoto a img {width:100%;height:auto;max-width:800px;}
table .mainphoto a img {width:100%;height:auto;max-width:200px;}
.checkbox input {width:inherit;height:21px;position:relative !important;margin:0 !important;float:left;}
.date label {display: inline-block;width: 100%;margin-bottom: 5px;}
.date select {width:17%;margin:0 0.5%;height: 36px;padding: 8px 12px;font-size: 13px;line-height: 1.42857143;color: #777777;background-color: #ffffff;background-image: none;border: 1px solid #dddddd;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.date select:first-of-type {margin:0 0.5% 0 0;}
.total td {color:white;background:red !important;font-weight:bold;}
.qtelinks {display:inline-block;vertical-align:middle;margin-left:5px;}
.qtelinks a {display:inline-block;vertical-align:top;margin:0 5px;font-size:14px;padding:5px;background:red;color:white;border-radius:5px;}
.qtelinks a:hover {background:black;}
.dycommerce_search form {display: flex;}
.dycommerce_search .form-control {width:inherit;display:inline-block;margin-right:10px;}
#dycommerce {overflow:hidden;}
#dycommerce_select {overflow:hidden;margin-bottom:25px;width: 100%;display: flex;justify-content: space-between;flex-direction: row-reverse;}
#dycommerce_select select {width:auto;}
#dycommerce_select .form-control {height:40px;}
#dycommerce_filters h2 {margin-top:0;min-height:36px;}
/*.dycommerce_article {background:white;width:270px;padding:5px;margin:10px;text-align:center;border: solid 2px #fcfcfc;border-radius: 10px;display: inline-block;vertical-align: top;}
.dycommerce_article a {color:black;text-decoration:none;display:block;background:white;}*/
.dycommerce_prix {color:red;}
.dycommerce_article img {width:100%;height:auto;}
a.btncommande {display: inline-block;background:black;color:white;text-decoration:none;padding:5px 20px;transition:all 0.5s;margin-left:15px;}
a.btncommande:hover {background:white;color:black;}
#shortpanier {margin:0 15px;}
#shortpanier img.apercu {height:200px;width:auto;}
.mainimg {font-size:0;}
.mainimg a {display:inline-block;width:100%;max-width:640px;border-radius: 10px;overflow:hidden;}
.mainimg a img {width:100%;height:auto;}
.rowtable {display:table;width:100%;}
.tabcellimg, .tabcellinfos {float:inherit;display:table-cell;vertical-align:middle;}
.tabcellimg {text-align:center;}
#prixcontainer {margin:25px 0;}
.productlist #dycommerce_content {text-align:center;}
ul#cates {text-align:center;list-style:none;}
ul#cates li {display:inline-block;margin:10px;}
.vignette #dyphotostxt {display:none;}
.up {text-transform:uppercase;}
.cartvalide.carthide {display:none;}
.auth {max-width:600px;margin:0 auto;border: 1px solid #dddddd;background:white;padding:30px 30px 15px 30px;box-sizing:border-box;border-radius: 4px;}
input[type="submit"] {outline:none; appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input[type="text"], select {outline:none;}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {background:black;color:white;}
.table-hover > tbody > tr:hover > td a, .table-hover > tbody > tr:hover > th a {color:white;text-decoration:underline;}
.table-hover > tbody > tr:hover > td a:hover, .table-hover > tbody > tr:hover > th a:hover {text-decoration:none;}
.table-hover > tbody > tr:hover > td input, .table-hover > tbody > tr:hover > th input {color:black;}
.table-hover > tbody > tr:hover > td input[type="submit"],.table-hover > tbody > tr:hover > th input[type="submit"] {color:white;}
.radio label, .checkbox label {padding-left:10px;}

/* CANVAS  */

.configurateur {text-align:center;}
.iconsview {position:absolute;bottom:-50px;width:100%;}
.iconsview a {display:inline-block;vertical-align:top;}
#canvas-wrapper, #configs-wrapper {text-align:left;display:inline-block;width:46%;vertical-align:top;margin:10px 1% 50px 1%;position:relative;}
.configurateur.hautbas #canvas-wrapper, .configurateur.hautbas #configs-wrapper {display:block;width:96%;margin:2% 2% 50px 2%;}
#canvas-wrapper {text-align:center;}
#configs-wrapper h2:first-of-type {margin-top:0;}
#configs-wrapper h3 {margin:15px 0 !important;}
#configs-wrapper label {width:100%;}
.box {margin:0 auto;width:100%;display:inline-block;max-width:860px;}
.box.demi {width:50%;max-width:430px;}
.after-box {clear: left;}
.controls {overflow:hidden;}
button {margin:10px 0;}
.alignCenter {text-align:center;}
.position {width:100px !important;display:inline-block !important;}
a.dead {display:none;}


/* 3D */

#preview {margin:0 auto;width:100%;height:600px;display:block;max-width:900px;border: 1px solid #dddddd;border-radius:4px;}


/* RESPONSIVE */


@media screen and (max-width: 1024px) {
    #canvas-wrapper, #configs-wrapper {display:block;width:80%;margin:2% 10%;}
    a#hautbas, a#gauchedroite {display:none;}
}

@media screen and (max-width: 768px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left:0;padding-right:0;}
      #letotal {margin:30px 0;}
      .row, .row.marges {margin:10px 0 !important;}
      #cboxtype .form-control {display:block;width:100% !important;}
      .navbar-right {float:inherit !important;display:block;}
}

@media screen and (min-width: 768px) {
    .navbar-toggle {display:block;}
    .navbar-header {width:100%;margin-left:0 !important;}
    .navbar-right {float:inherit !important;display:block;}
}

@media screen and (min-width: 1279px) {
    a.lang {display: inline-block;color: #000;text-align: center;margin: 20px;vertical-align: top;font-family: BakerSignetStd;font-size: 23px;}
    a.lang2 {display:none;}
    a.logos {display: inline-block;vertical-align: top;}
    .navbar-inverse .navbar-nav > li {display:inline-block !important;width:inherit;}
    .navbar-inverse .navbar-nav > li > a {height:80px;line-height:80px;padding:0 7px;}
    .navbar-inverse .navbar-nav > li > a:hover {background:white;color:#404040 !important;}
    .dropdown-menu2 {position:absolute;left:0;width:100%;}
    .dropdown-menu, .dropdown-menu2 {display:none;border:none !important;border-radius:0 !important;width:100%;margin:0 !important;background:#404040 !important;box-shadow:none !important;text-align:center;}
    .dropdown-menu > li, .dropdown-menu2 > li {display:inline-block !important;}
    .dropdown-menu > li > a, .dropdown-menu2 > li > a {padding:3px 20px;color:white !important;text-transform: uppercase;font:normal 14px "Trebuchet MS",Helvetica,sans-serif;height:60px !important;line-height:60px !important;}
    .dropdown-menu > li > a:hover, .dropdown-menu2 > li > a:hover {color:#999494 !important;background:none !important;text-decoration:none;}
    .navbar-toggle {display:none;}
    .navbar-right {float:right !important;}
}

@media screen and (max-width: 992px) {
    .tabcellimg, .tabcellinfos {float:inherit;display:block;}
}

@media screen and (max-width: 860px) {
    a.modele, a.granit, a.vignette {width:45%;margin:2%;}
}

@media screen and (max-width: 640px) {
    #canvas-wrapper, #text-wrapper {width:100%;display:block;}
    #canvas-wrapper, #configs-wrapper {display:block;width:96%;margin:2% 2%;}
    a.modele, a.granit, a.vignette {width:96%;margin:2%;}
    h1 {font:bold 35px BakerSignetStd;margin: 25px 0px;}
    #flashMessage {font-size:20px;}
}


/* LOADING */

.loader {position: relative; width: 50px;margin: 2px auto 0 auto;height:19px;}
.duo {height: 10px;width: 30px;background: hsla(0, 0%, 0%, 0.0);position: absolute;}
.duo, .dot {animation-duration: 0.8s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;}
.duo1 {left: 0;}  
.duo2 {left: 20px}
.dot {width: 10px;height: 10px;border-radius: 10px;background: white;position: absolute;}
.dot-a {left: 0px;}
.dot-b {right: 0px;}
@keyframes spin {
      0% { transform: rotate(0deg) }
     50% { transform: rotate(180deg) }
    100% { transform: rotate(180deg) }
}
@keyframes onOff {
      0% { opacity: 0; }
     49% { opacity: 0; }
     50% { opacity: 1; }
    100% { opacity: 1; }
  }  
.duo1 {animation-name: spin;}
.duo2 {animation-name: spin;animation-direction: reverse;}
.duo2 .dot-b {animation-name: onOff;}
.duo1 .dot-a {opacity: 0;animation-name: onOff;animation-direction: reverse;}