html {line-height: normal;}
body {font-family:"Helvetica Neue",Helvetica,arial,sans-serif;font-size:90%;color:#555;display: flex; min-height: 100vh; flex-direction: column;}
.container {max-width: 1080px;}
main {flex: 1 0 auto;}
.header {background-color: white;z-index: 9999;line-height: normal;margin-bottom: 35px;margin-top: 18px;}
.stickyHeader {background-color: white}
#masonry-grid{max-width: 1100px;margin: 0 auto}
a {color:#777;text-decoration: none;}
a:hover {color:#b00;text-decoration: underline;}
a, a:hover { -o-transition: color 0.25s ease-in; -webkit-transition: color 0.25s ease-in; -moz-transition: color 0.25s ease-in; transition: color 0.25s ease-in;}
.redText {color:#b00;}
.redPrice {color:#b00;}
.redText a {color:#B00;}
.redText a:hover{color:#600;font-weight: bold}
.buy {background-color: #ee432e;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%); border: 1px solid #951100;  -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px;color: #fff;  font-family: Helvetica, Arial;font: bold 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;font-weight: bold;line-height: 1;padding: 3px;text-align: center;text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);text-shadow: 0 -1px 0 #000;width: auto;float:right;text-decoration: none;padding-left: 11px;padding-right: 11px;padding-bottom: 5px}
.buy:hover {background-color: #f37873;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);cursor: pointer; text-decoration: none; color:#fff;}
.buy:active { background-color: #d43c28; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00)); background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%); -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);text-decoration: none;}
.cnilMessage {color:#aaa;margin:5px;padding:5px;text-align: center;font-size:.9em;border: 1px dotted #bb0000}
[type="radio"]:not(:checked), [type="radio"]:checked {left:auto; opacity: 100; display:inline-block;position:inherit;}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {left:auto; opacity: 100; display:inline-block;position:inherit;}
.dropdown-content li > a, .dropdown-content li > span { color: #666;}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {font-size:0.8rem;color:#777; transition: color 0.3s ease 0s;}
.card .card-action a:hover:not(.btn):not(.btn-large):not(.btn-floating) {color:#b00; transition: color 0.3s ease 0s;}
.card .card-title {font-size: 1rem; text-transform: uppercase;font-weight: bold}
.link a {color: #666;}
ul:not(.browser-default) {padding: 0;}
.link {color: #666;padding: 7px; background-color: #f5f5f5;font-size: .95em}
.link a:hover {color:#900;text-decoration: underline;}
.messageLogin {color: #b00}
.footerForm {color: #aaa;font-size: .8rem;text-align: justify}
.messageContact {color: #b00}
.messageRegister {color: #b00}
.messageNewCustomer {color: #b00}
.upDateDatasMessage {color: #b00}
.card .card-action {padding: 10px;}

/* BROWSE HAPPY */
.browsehappy {margin: 0.2em 0;background: #900;color: #fff;padding: 0.2em 0;text-align: center;text-shadow: 1px 1px 0 #000;}
.browsehappy a {color: #fff;text-decoration: underline}
.browsehappy a:hover {color: #fff;text-decoration: underline}

/* COOKIE */
.cookie {margin: 0;color: #aaa;padding: 0;text-align: center;}
.cookie a {color: #aaa;text-decoration: underline;font-weight: bold}
.cookie a:hover {color: #900;text-decoration: none}

/*HEADER*/
.mainMenu {width: 100%}
nav {line-height: normal;z-index: 9999;height: 75px}
nav ul a { color: #999;; cursor: pointer; display: inline-block; font-size: .8rem; padding: 0 15px; transition: none;}
nav ul a:hover {color: #BB0000;background-color: white}
nav ul li {float: none}
nav .brand-logo {font-size: .6rem;color:#999; padding: 0; position: absolute; white-space: nowrap;min-width: 240px;text-transform: uppercase;font-weight: 600}
.logo {float:left;width: 400px;min-width: 200px}
.baseLine {margin-top: 55px;max-width: 350px;}
.menu {float:right;width: 800px;font-size: small}
a.button-collapse i {color: #b00;margin-left: -34px;margin-top: -15px;text-decoration: none}
.greyStrike{border-left:4px solid #eee;height:68px;padding-left:5px;}
nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {font-size: 30px;}

.side-nav a {height: 38px;line-height: 38px;}

/* BREACRUMBS */
.breadCrumbs {height:15px;width:100%;clear:both;text-align:left;color:#aaa;font-size:80%;/* float:left; */margin-bottom: 3px;font-style: italic; font-weight: 600;background: #fff}
.breadCrumbs a {color:#aaa;font-weight: normal;.7rem}
/* navigation back */
.back {height:15px;width:25%;text-align:right;color:#aaa;font-size:90%;float:right;padding-right: 5px;color:#aaa;}
.back a {color:#aaa;font-weight: bold}

/* HOME */
h2.sectionHome {color: #b00;text-transform: uppercase; font-size: 1.5em; font-weight: bold; padding: 0; margin: 0;}
h2.sectionHomeBis {color: #b00;text-transform: uppercase; font-size: 1.5em; font-weight: bold; padding: 0; margin:15px 0 0  15px;text-align: right}
.homeLine {border-bottom:1px dotted #ccc;}

/* SECTION */
h2.section {color:#666; font-size: 15px; font-weight: bold; padding: 0; margin: 0;text-transform: uppercase}
h2.sectionCGV {color:#666; font-size: 15px; font-weight: bold; text-transform: uppercase}
h3.section {color: #b00;text-transform: uppercase; font-size: 15px; font-weight: bold;padding: 0}
.sectionTitle {text-align:right;width:100%;display:block;font-size:18px;color:#b00;font-weight:bold;text-transform:uppercase; margin-top: 30px;margin-bottom:30px;border-top:1px dotted #ccc;line-height: 24px}
.sectionSecondTitle {text-align:right;width:100%;display:block;font-size:18px;color:#B00;font-weight:bold;text-transform:uppercase; margin-top: 7px;margin-bottom:30px;border-top:1px dotted #ccc;line-height: 24px}
.collapsible {border: none}
.collapsible-header {border: none;min-height:0;}
.collapsible-body {border: none;}
.collapsible-body p { padding: 0 2rem 0 2rem}
.tabs .tab a {text-decoration: none;color: #666}
.sectionTabTitle {font-size: 1em;font-weight: bold}
.tabTxt {border-top:1px dotted #ccc;}
.tabs .tab a:hover, .tabs .tab a.active {color: #B00;}
.tabs .indicator {background-color: none;bottom: 0;height: 0;position: absolute;will-change: left, right;}

/* SITEMAP */
.siteMap li {line-height: 3em;list-style-type: square;}
.siteMap h2 {text-transform: uppercase}

/*COLLECTION*/
h2.intro {color:#666; font-size:.9em; padding: 0; margin: 0}
#pagination {float:left;}
#collection {width:800px;clear:both}
#collectionThumb img {border: 1px solid black;}
#collectionThumb li {display: inline;}
#collectionThumb h3 {color: #FFF;font-size: 13px;font-weight: normal;font-style: italic}
#paginate {width:100%; height:20px;font-size: 11px;background: #fff;font-weight: bold; text-transform: uppercase;color:#999;z-index: 1000}
/* #paginate input[type="text"] {width:20px;height:10px;font-size: 9px;} */
#paginate li {padding:2px;text-align: center;margin-left: 5px;display: inline;}
#paginateMenu {float: left;}
#paginateMenu select {font-size: 9px;}
#datas {display: block;width: auto}
#paginate a {color:#990000;text-decoration: underline}
nav #paginate {display: block;width: 100%;clear: both}
nav i  {display:none;font-size: normal;height: normal;line-height: normal;}
.datas { display: block; width: auto; }

/* PHOTO */ 
.photoTitle {font-size: .90em;color: #777; font-weight: 500;display: inline}
.photoTitle ul li {display: inline}
.photo {font-size: 1em;}
h2.photo {margin: 0;}
.series {display: block;float: left;height: auto;margin-bottom: 20px;text-align: center;width: 1000px;}
.series img {border: 1px solid #CCC;align-content: center}
.series ul li {display: inline}
.seriesPhotographer {display: block;float: left;height: auto;margin-bottom: 20px;text-align: left;width: 1000px;color: #666;}
.seriesPhotographer img {border: 1px solid #CCC}
.seriesPhotographer ul li {display: inline;margin-left: 0 2px 2px 0}
.seriesPhotographer ul li a {margin-left: 0 2px 2px 0}
.refresh {vertical-align: middle;margin-left: 5px}
#captcha {vertical-align: middle}
.photoFabSection {color: #B00; display: block; font-size: 0.85em; font-weight: bold; padding-bottom: 5px; text-align: center; text-transform: uppercase;}
.helpOnDemand { background-color: #f8f8f8; border: 1px solid #e6e6e6; color: #900; margin-bottom: 15px; padding: 7px;}
.collection .collection-item.active {background-color: #26a69a;color: #eafaf9;}
.collection li {display:inline;width: 100%}
input:not([type]), input[type=text], input[type=password],  textarea.materialize-textarea {height: 2rem; margin: 0; padding: 0 0 0 7px;}
.photographer {text-align: center;margin-top: 2%}

/* ADDRESS */
#blockAddress {width:70%;height:auto;background:#f9f9f9;padding:7px;border:1px dotted #eee;margin:0 auto 0;margin: 15px auto 15px;}
#blockAddress h2 {text-transform: uppercase;font-weight: bold;color: #888;font-size: 110%; text-decoration: none;padding-bottom: 15px;}
#blockAddress ul {line-height: 1.5;padding: 7px;}
#blockAddress form ul {line-height: 2.2;padding: 7px;}
#blockAddress label {font-weight: bold;color: #777; font-size: 90%;display: inline-block;width: 110px;}
#blockAddress input[type="text"], input[type="tel"], input[type="email"] {width: 220px;display: inline-block;display: -moz-inline-box;}
select.center {margin-left: 70px;margin-top: 25px;margin-bottom: 15px}
.actionButton, .addressButton { background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #bbb); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(top, #eeeeee, #cccccc); border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #333; font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; line-height: 1; text-align: center; text-shadow: 0 1px 0 #eee; width: auto; padding:3px; text-decoration: none}
.actionButton:hover, .addressButton:hover { background-color: #dddddd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); border: 1px solid #bbb;cursor: pointer;text-shadow: 0 1px 0 #ddd;text-decoration: none;color: #900;}
.actionButton:active, .addressButton:active {text-decoration: none; border: 1px solid #aaa; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; text-decoration: none}
.error404 {color: #900; font-size: 13px;text-align: center;font-weight: bold;padding-bottom: 250px}

/*ACCOUNT */
.accountNav {width:100%;text-align: right;}
.accountNav a {color: #bbb}
.accountNav li {display: inline;width:100px}

/*PAIEMENT */
#orderProcess, #statusProcess {margin-top: 35px;width: 100%;text-align: center;display: block}
#orderProcess, #statusProcess ul {text-align:center;border-top: 1px dotted #aaa;border-bottom: 1px dotted #aaa;float:left;width: 100%}
#orderProcess li {display: inline;float: left;font-weight: 600;padding-bottom: 5px;padding-top: 5px;text-transform: uppercase;width: 20%;}
#statusProcess li {display: inline;float: left;font-weight: 600;padding-bottom: 5px;padding-top: 5px;text-transform: uppercase;width: 16%;}
#orderProcess, #statusProcess a {color:#666}
#orderProcess, #statusProcess a:hover {color:#900;}
.current {background: #ccc;}
.next {opacity : 0.5; -ms-filter: "alpha(opacity=50)"; /* IE 8 */ filter : alpha(opacity=50); /* IE < 8 */ }
.passed {background: #ccc;opacity : 0.5; -ms-filter: "alpha(opacity=50)"; /* IE 8 */ filter : alpha(opacity=50); /* IE < 8 */ }
#basket {margin-top:35px;float:left;}
#basketNav  {margin-top:45px;text-align: right; width:100%;margin-bottom: 300px}
#basket table {width: 100%;font-size: 90%;text-align: center;}
#basket th {text-transform: uppercase;color:#777}
#basket .split {border-bottom: 1px solid #ccc;}
.alignRight {text-align: right;padding-right: 7px;}
.totalBasket {font-weight: bold;}
#basketNav li {display: inline;padding: 25px}
#paymentButton {margin-top: 155px;height: 100px; width: 100%;margin: 0 auto 0;text-align: center;float:left}
#paymentButton h2 {text-align: left}
#paymentButton li {display: inline;padding: 25px}
#paymentButton ul {margin: 15px auto 0;width: 100%}
#basket input[type="number"] {width: 35px;}
.buttonCB {   cursor: pointer}
.saleConditions {padding: 15px;display: block}

/*FOOTER*/
.copyright {width: 100%;border-top: 1px dotted #eee;text-align: center;text-transform: uppercase;font-size: .8em;font-weight: bold;color: #bbb;}
footer {border-top: 1px dotted #ccc;padding-top: 0;margin-top:0;}
footer.page-footer {margin-top: 20px;padding-top: 0;}
footer.page-footer a { color: #999;; cursor: pointer; display: inline-block; font-size: .8rem; padding: 0 15px; transition: none;}
footer.page-footer a:hover {color: #BB0000;}
footer.row {margin-bottom: 0}
.footerLink {background-color: #fff}

/*INFINITE*/
#infscr-loading{text-align:center;z-index:100;position:fixed;left:50%;bottom:40px;width:200px;margin-left:-100px;padding:10px;background:#b00;opacity:0.8;color:#FFF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}

/*CAROUSEL*/
h3.carouselTitle {color:#666; font-size:1.3em; padding: 0; margin: 25px 0 25px 0;text-align: left;text-transform: uppercase;font-weight: 500}
.carouselText {text-align: center;font-size: 1.1em;font-weight: 500;padding: 0;margin: 10px auto}

/*ToTOP*/
#toTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;background:url(../css/images/ui.totop.png) no-repeat left top;}
#toTopHover {background:url(../css/images/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}