/* GENERAL */
html {margin:0px; padding:0px; height: 100%}
body {background-color:#f7f7f7; margin:0; font-family: 'Source Code Pro', monospace!important; min-height: 100%; position: relative; overflow-x: hidden}
a {text-decoration:none!important; cursor: pointer;}
p { margin-bottom: 10px!important; color: #000; font-size: 13px;}
li {list-style: none outside none;}
img {border:none;}

.no-padding {padding: 0!important;}
.col-sm-12 {float: left; width: 100%;}
.off {display: none!important}
.desktop {min-height: 100%;}

#loadingMask {width: 100%; height: 100%; position: fixed; background: #fff; z-index: 99999; background-image: url("../images/loading_alfredo_piola.gif"); background-position: center; background-repeat: no-repeat; background-size: cover}



/* FINDER MENU */
.finderjs {position: fixed; top: 10px; left: 15px; z-index: 10000; border: 1px solid #000; background-color: #efefef!important; -moz-box-shadow: 2px 2px 0px 0px #000000; -webkit-box-shadow: 2px 2px 0px 0px #000000; -o-box-shadow: 2px 2px 0px 0px #000000; box-shadow: 2px 2px 0px 0px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=0);}

.menu-toggle a {padding: 2px 0 2px 13px; color: #000; font-size: 12px; letter-spacing: -0.5px;  display: block; width: 100%; background-color: #efefef; background-image: url(../images/icon-close.svg); background-repeat: no-repeat; background-position: right 5px top 4px; background-size: 12px; min-width: 160px;}
.menu-toggle a:hover {color: red;}
.col-container {margin: 0; display: block; margin: 0 4px 4px; border: 1px solid #000; float: left;}

.finderjs .level-container{display: inline-block; width: 175px; overflow: scroll; height: 135px; background: #fff; border-left: 1px solid #cbcbcb; border-right: none; float: left;}
.finderjs .level-container:last-child{border-right: none;}
.finderjs .level-container:first-child{border-left: none;}
.finderjs .level-container ul{padding: 0; margin: 0}
.finderjs .level-container ul li {margin: 0 0 2px 0; font-size: 12px; letter-spacing: -0.5px; line-height: 14px; padding: 0 0 0 9px}
.finderjs .level-container ul li:first-child {margin-top: 9px!important;}
.finderjs .level-container ul li:last-child {margin-bottom: 9px;}
.finderjs .level-container ul li a {color: #000}
.finderjs .level-container ul li.active {background: #e5e5e5}
.finderjs .level-0 ul li.leaf.active {background: none}



/* HEADER & MENU */
/* navigation */
.open-nav {left: 0!important;}
.nav-principale {position: fixed; z-index: 999; top: 0; left: -350px; background: rgba(255,255,255,0.97); width: 350px; height: 100%; transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s;}
.open-menu {font-size: 16px; color: #000; padding: 10px 0; display: block; width: 100%; text-align: center; position: fixed; top: 0; left: 0; z-index: 2; background: #fff;}
.open-menu:hover {color: red}
.menumain {margin: 0; border-right: 1px solid #cbcbcb; width: 250px; height: 100vh; overflow-x: hidden; overflow-y: scroll; position: fixed; z-index: 10000; top: 0; left: -250px; background: #fff; padding: 20px;}
.menumain .btn-thumb {width: 192px;}
.menu {padding: 10px; margin: 0;}
.menu li {font-size: 14px; line-height: 20px;}
.menu li.contact {margin: 20px 0 0 0;}
.menu li a {color: #000; transition: all linear 0.2s; -webkit-transition: all linear 0.2s;}
.menu li a:hover {color: red}
.menu li a:after {content: "\0020";}
.menu li.selected a {color: red;}
.menu li.selected a:after {content: " \007B";}
.menu li.selected a:hover:after {content: none;}
.menu li ul.sub-menu {padding: 0; margin: 5px 0; }
.menu li ul.sub-menu li {font-size: 12px; line-height: 20px; border-left: 1px solid #000; padding: 0 0 0 10px; margin: 0 0 5px 0;}
.menu li.selected ul.sub-menu li a {color: #000;}
.menu li.selected ul.sub-menu li a:hover {color: red;}
.menu li.selected ul.sub-menu li a:after {content:none;}
.menu li.selected ul.sub-menu li.more-link a {color: red;}
.menu li.selected ul.sub-menu li.selected a:after {content: " \007B";}
.menu li.selected ul.sub-menu li.selected a:hover:after {content: none;}
.menu li.selected ul.sub-menu li.more-link ul.sub-menu li a {color: #000;}
.menu li.selected ul.sub-menu li.more-link ul.sub-menu li a:hover {color: red;}
.menu li.selected ul.sub-menu li.more-link ul.sub-menu li a:after {content: none;}
.menu li ul.sub-menu li ul.sub-menu {left: 120px;}
body.page-template-page-contact .menu li.contact a {color: red}
body.page-template-page-contact .menu li.contact a:after {content: " \007B";}

/* Image de categorie */
.menu li a span{display: none}
.menu li a span img{max-width: calc(100% - 350px); height: auto; max-height: 100%; width: auto; position: fixed; top: 0; right: 0; padding: 30px;}
.menu li a:hover span{display: none;}
/* body.home .menu li a:hover span{display: block;} */

/* CATEGORY */
.main-content {padding: 0 2px!important; margin-top: 44px;}
.breadcrumbs {color: #999999; font-size: 14px; padding: 0 0 0 15px; margin: 4px 0 10px 0!important;}
.breadcrumbs a {color: #999999;}
.breadcrumbs a:hover {color: red;}

.mobile {display: none}
li.portfolio {padding: 0 3px 6px 3px;}
li.portfolio a {float: left; width: 100%; height: 100%; overflow: hidden; transition: all ease-in 0.3s; -webkit-transition: all ease-in 0.3s;}
li.portfolio .img-gauche {float: left}
li.portfolio .img-droite {float: right}
li.portfolio .img-simple {max-width:100%; padding: 0; float: left;}

.dropdown-menu-wrapper {background: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 0; overflow: hidden; opacity: 0; width: 200px!important; padding: 0; height: 200px!important; overflow-y: scroll; border: 1px solid #cbcbcb;}
.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; width: 200px!important; padding: 5px 0; margin: 0!important; list-style: none; font-size: 14px; background-color: #fff; border: none!important; border-radius: 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; background-clip: padding-box!important; }


/* SLIDER HOME */
.bxslider-home li{height: 100% !important;}
.bxslider-home li{background-repeat: no-repeat; background-position: center; background-size: cover;}

/* NEW CATEGORY */
body.category {background: #f7f7f7}

.miniature {position: fixed; right: 10px; top: 10px; width: 180px; min-height: 22px; height: auto; overflow-y: scroll; z-index: 9999; border: 1px solid #000; background-color: #efefef!important; -moz-box-shadow: 2px 2px 0px 0px #000000; -webkit-box-shadow: 2px 2px 0px 0px #000000; -o-box-shadow: 2px 2px 0px 0px #000000; box-shadow: 2px 2px 0px 0px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=0);}
.miniature:hover {cursor: move!important}
.btn-thumb {padding: 2px 0 0px 13px; color: #000; font-size: 12px; letter-spacing: -0.5px; display: block; position: fixed; width: calc(180px - 2px); background-color: #efefef; background-image: url("../images/icon-close.svg"); background-repeat: no-repeat; background-position: right 5px top 4px; background-size: 12px;}
.btn-thumb:hover {color: red}
.collapserr {display: block; margin: 22px 4px 4px; border: 1px solid #000; float: left;}
.miniature .breadcrumbs {padding: 2px 9px; color: #000; font-size: 12px; letter-spacing: -0.5px; background: #efefef; float: left; width: 100%; margin: 0!important; border-bottom: 1px solid #000;}
.miniature .syndication-link {padding: 2px 9px; color: #000; font-size: 12px; letter-spacing: -0.5px; background: #fff; float: left; width: 100%; margin: 0!important; border-top: 1px solid #000;}
.miniature .syndication-link a {color: red}
#bx-pager {float: left; background: #fff; padding-top: 4px; height: 625px; overflow: scroll; max-height: 80vh;}

.miniature ul {padding: 0; float: left; margin: 0}
.miniature li.portfolio a {display: block; float: none}
.miniature li.portfolio a:hover {cursor: pointer}
.miniature li.portfolio {padding: 4px 8px; display: block; width: 100%;}
.miniature li.portfolio:last-child {padding-bottom: 8px;}
.miniature li.portfolio .img-simple {display: inline-block; width: calc(50% - 1px); padding: 0; float: none; height: auto; max-width: auto; max-height: auto}
.miniature li.portfolio .img-gauche {max-width: calc(50% - 1px); padding: 0}
.miniature li.portfolio .img-droite {max-width: calc(50% - 1px); padding: 0}

/* Images */
.img-simple {width: auto; max-width: calc(50% - 2px);  max-height: 100%; width: auto;  padding: 0 1px;}
.img-gauche, .img-droite {width: auto; max-width: calc(50% - 2px);  max-height: 100%; padding: 0 1px;}
.img-double {max-width: 100%; max-height: 100%; width: auto;}
.bx-viewport {height: 100vh!important}
.bxslider {height: 100vh; padding: 0;}
.bxslider li {height: 100vh;}
.bxslider li img {width: 100%; height: auto}
.bxslider li p.align-middle {height: 100%; line-height: calc(100vh - 90px); font-size: 0px; position: relative; width: 100%; padding: 45px 125px; left: 0; top: 0; margin: 0!important;}


/* Images */
.bxslider li .img-simple {width: auto!important; max-width: calc(50% - 6px);  max-height: 100%; padding: 0 3px;}
.bxslider li.text-left .img-simple {margin-right: 50%}
.bxslider li.text-left {text-align: right!important}
.bxslider li.text-right .img-simple {margin-left: 50%}
.bxslider li.text-right {text-align: left!important}
.bxslider li .img-gauche, .bxslider li .img-droite {width: auto!important; max-width: calc(50% - 6px); max-height: 100%; padding: 0 3px;}
.bxslider li .img-double {max-width: calc(100% - 12px); max-height: 100%; width: auto!important;}


/* Arrows */
.bx-wrapper .bx-controls-direction a {position: absolute; top: 0; margin-top: 0; outline: 0; width: 50%; height: 60px; text-indent: -9999px; z-index: 9999; background-size: 60px; height: 100%;}
.bx-wrapper .bx-prev {left: 0px;}
.bx-wrapper .bx-next {right: 0px;}




/* ACCUEIL */
.home .bx-controls-direction {display: none}

/* CONTACT */
.container-fluid.contact {margin: 60px 0 0 0; padding: 0 15px!important;}
.french {margin: 0 0 30px 0;}
.contact a {color: #000; transition: all linear 0.2s; -webkit-transition: all linear 0.2s;}
.contact a:hover {color: red}
.contact a.instagram {background-image: url("../images/icone_instagram.svg"); background-repeat: no-repeat; padding: 5px 0 5px 25px; background-size: 20px; background-position: left center;}

/* ERROR */
.container-fluid.error {margin: 60px 0 0 0; padding: 0 15px!important;}
.error h2 {font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin: 0;}
.error h1 {font-size: 16px; margin: 0 0 20px 0;}
.error a {color: #000; transition: all linear 0.2s; -webkit-transition: all linear 0.2s;}
.error a:hover {color: red}



/* MEDIA QUERIES */
@media (max-width:992px){	
	.hidden-tabsmart {display: none!important}
	.accueil-liste {padding: 6px 0 0 0; float: left; margin: 36px 0 0;}
	.accueil-liste li.portfolio {padding: 0 6px 6px 6px;}
	li.portfolio {padding: 0 3px 6px 3px; display: block; float: left;}
	.tabsmart {margin: 6px 0 0}
	
}

@media (max-width:767px){	
	li.portfolio {padding: 0 6px 6px 6px; display: block; float: left;}
}

/* MEDIA QUERIES */
@media (min-width:993px){	
	.hidden-desktop {display: none!important}
}