:root {
  --s7blue: #68728c;
  --dixBlue: #12a6d0;
  --dixBlueOff: #488b9e;
  --filG: 1px solid #ccc;  
}
 *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
 .clear { clear: both;}  
 iframe,img,#pub table,#pub tr,#pub td,#pub hr{border:none;}
 html{height:100%;}
body {height:100%; text-align:center; margin:0; padding:0;font-family:'Mulish','Open Sans',Verdana, Arial, Helvetica; background-image: url(../img/art/bgimg.gif);  }

input, select, textarea { font-weight:normal;padding:0px 2px;font-family:Verdana,Arial,Helvetica;font-size:7.5pt;}
input, select { height:18px;} 
.ppbut{text-align:left;width:98%}
.bgimg { background-image: url(../img/art/bgimg.gif);} 
.validN { padding:2px 10px 2px 10px; font-size:10px;display:inline-block; min-width:100px}
.subm {padding:0px 6px 0px 6px; text-transform:capitalize; }
.validN,.subm {background-color:var(--dixBlueOff);font-weight: bold; color:#fff; }

.validBuy { padding-left:0; margin:0.5em 0;display:inline-block }
.validBought { padding-left:4px; background:#333;margin:0.5em 0; display:inline-block }
.butBuy { padding-left:2.7em; padding-right:0.5em; background:url(../img/art/buy_w2.svg) no-repeat;background-size:contain;background-position: 0.8em 0.1em; }

.subm:hover,.validN:hover{background:var(--dixBlue); cursor:pointer}
.validBought:hover{background:#333;}
.logBut {width:auto;}
button{font-size: 7.5pt;}
iframe,.rond {border-radius:8px;}
.videoFrame{width:240px;height:200px}
#inputs {padding-bottom:1px;margin:0;height:18px;}
.filet { margin:0;height:18px;border:1px solid #999;padding-left:2px;}
.filBut { height:18px; margin-top:4px;}
#pictoNav img {border:0;  margin-bottom:-1px;  width:17px; height:auto;max-height:11px}
#tete {  height:166px; background:#fff url(../img/art/top2.jpg) no-repeat; margin-bottom:8px;margin-top:0px; }

#topForm {float:left; position:relative;width:390px; height:31px; font-weight:bold;background-color:#fff;top:148px;left:168px;
-webkit-mask-image: url(../img/art/mask_form.svg);mask-image: url(../img/art/mask_form.svg);mask-position: -8px 0px;} 
#topForm #champ{width:210px; padding-left:30px; background:#000 url(../img/art/rech_blue.svg) 10px 2px no-repeat; color:#fff;background-size:1.2em;margin-right: 5px;}
#topForm input::placeholder { color:#bbb;}
.butGo{float: left; position:relative; height:31px; top:149px; left:135px; font-weight: bold; background-color:#fff; }
.butGo #inputs{width:42px}
input:focus, select:focus,textarea:focus { outline: var(--s7blue) solid 0.5px;outline-offset:0;box-shadow: none; }
.butGo input:focus, #artortit input:focus, #boxLog input#email:focus { outline:none; border:0; }
.triSearch{height:18px;float:left;}

#logoSpace{float:left;padding-top:5px;}
.nanookLogo {width:90px;height:auto; margin:20px 30px 0 45px;}
 .nanookTit {width:105px;height:auto;margin-bottom:4px}
#topBag{float:left; position:relative; top:133px; left:159px; width:36px; height:36px;  }
#topBag img, #sac {width:36px; height:auto; } 
 .circ {display:none;}
#boxLog{margin-bottom:16px; background:#fff;padding:8px; border-bottom:var(--filG);}
#mainDiv {min-height:100%; height:auto!important; height:100%; background-color:#fff;margin:auto; border-right:1px solid #000;border-left:1px solid #000; text-align:left;}
#innerStuff {width:942px;margin:10px 0px 10px 20px; }

.cadre { background: url(../img/art/ccc.gif) repeat-x 0 0.75em;}  
.cadreContent { padding:10px;}
#info {border: 1px dashed #999; padding:8px; font-weight: bold; background-image: url(../img/art/bgimg.gif);} 
#entete { font-weight: bold; text-align:center }  
#entete span { background-color:#fff;  padding:0px 20px; }  
#entete img { vertical-align:text-bottom} 
#interne { margin-left:10px;margin-right:10px; }
.just{text-align:justify;} 

 #bandeN { text-align:center; color: #000; } 
 #margepied {height:50px; clear:both; }  
 #footer { clear:both;margin:auto;margin-top:-30px; text-align:center;font-family:Verdana, Arial, Helvetica, monospace;  } 
#bandeB,#bandeN,#footer, #tete {width:980px;}
#mainDiv {width:982px;}
#footer a img {vertical-align:baseline }
#footerIE { height:80px;text-align:center;  }
 
td,th,body,pre { font-weight: normal; font-size:8.5pt;}
td,tr { vertical-align:top; }
tr{ background-color:#fff; }
.ml150{ width:140px;}
blockquote { padding-left:30px; } 
pre{ font-weight: bold;}
.notforsale{ background-image: url(../img/art/bgimg.gif); }
.wanted{ background-image: url(../img/art/wantedbg.jpg); }
.wanted_ie{ background-image: url(../img/art/wantedbg_ie.jpg); }
.outofstock{ background-color:#ccc; }
.archives{ background-image: url(../img/art/archives.gif); } 
.archivesWanted{ background: url(../img/art/archivesW.gif) repeat-y -6px 0px;  }
.password-icon { display: inline-block; margin:0px 3px 0 2px;position: relative;left:-26px; color: var(--dixBlueOff);transition: all 0.2s;}
.password-icon svg { padding-top:2px; width:18px; height:18px;margin-bottom:-4px}
.password-icon:hover { cursor: pointer;color: var(--dixBlue);}
.password-icon .feather-eye-off { display: none;}
 #pswd {width:105px;}
#pswd,#email {padding-left:4px}
.tabDix {width:100%;}
.tabDix, .tabDix th, .tabDix td {border:1px solid #999;border-collapse: collapse;padding:4px;}
table.tabDix tr:nth-of-type(1) {font-size: 8pt;font-weight: bold; }
table.tabDix tr td:nth-last-of-type(1) { text-align:center;} 

hr{color:#ccc;background-color:#ccc;height:1px;border: 0;}

#display1 table { width:100%;border-collapse: collapse; } /*tabItem=display tb1*/
#display1 table td {padding:4px; text-align:left;}
#display1 table tr td:nth-of-type(1) {width:55px;}
#display1 table tr td:nth-of-type(2) {padding-left:8px;}

.warn { color:#FF541A;font-weight: bold;}
.noirItal {color:#000;font-style: italic;}

.petit {font-size: xx-small;}
.radio {vertical-align: middle; margin-top:0px; margin-bottom:0px;  } 

a:link, a:visited {color: var(--dixBlueOff);text-decoration: none;font-weight: bold;}
.blackLink a:link, .blackLink a:visited {color: #000;text-decoration: none;}
.blackLink a:hover {color: #000;text-decoration:underline;} 
a:active {color: #999;text-decoration: none;}
a:hover {color: var(--dixBlue);text-decoration: none;font-weight: bold;}

.evidence {color: black; font-weight: bold; } 
.pagine a,.pagine span { color: black;float: left; text-decoration: none; transition: background-color .3s;}
.pagine a,.pagine .activeNum{color: var(--dixBlue); height: 1.2rem; width: 1.2rem; text-align: center; padding: 0; border-radius: 50%;
   display: inline-flex; justify-content: center; align-items: center;}
.pagine .activeNum { background-color: var(--dixBlue); color:#fff; margin:0 3px;}
.pagine .pagineG{ float: left;margin:3px 5px 0 0;}
.pagine a:hover:not(.activeNum) {background-color: #E7E7E7;}
.pagine a:hover { text-decoration: none; }

.evidence,.imgListed, .filBut, input, select, textarea {border: var(--filG); }
 .subm {border:  none; } 
.imgL {margin-right:12px; margin-bottom: 3px;} 
.imgR {margin-left: 8px; margin-bottom: 3px;} 
.imgPuce {margin-top:2px;margin-right:5px; width:12px; height:12px; float:left;} 
.eyePix { vertical-align:middle; }
.enteteMid {padding:2px;text-align: center;font-weight: bold; background: #ccc url(../img/art/bgcell.jpg);
border-bottom: 1px solid #999; border-top: 1px solid #999; } 
.enteteMidB { background-color: #000;background-image:none; border:0px; color:#fff;margin-top:20px;} 
  
#bgDisplay tr td:nth-of-type(2) { text-align:left; width:795px; padding-left:14px; background-image:none; background-color:#fff;font-weight:normal; }
ol { padding:0; margin:0; margin-left:24px;}  
 
.imgListed {margin:0px 16px 5px 0px; max-width:750px;}
#bgDisplay  { border: 1px solid #999; max-width:100%; }
#bgDisplay tr { background: url(../img/art/bgDisplay.gif) repeat-y; /*limit:150px;*/ }
#bgDisplay tr td { border-top: 1px solid #fff; padding:4px; border-collapse:collapse; border-spacing: 0;}
#bgDisplay tr td:nth-of-type(1) { width:145px;text-align:right;float:left;}
#bgDisplay tr td:nth-of-type(1) a:link,#bgDisplay tr td:nth-of-type(1) a:visited { font-weight:normal; }
.longForm{width:100%;}
.audio { vertical-align:middle; display:inline;}

.titgros { font-size:110%; text-transform:uppercase;font-weight: bold; }

.apple_overlay {display:none;background-image:url(../img/overlay.png); }/* growing background image */
.xmas {color: #ff0a09;}
.vdh-mask {display:none;}  
 
.aL {text-align:left;}
.aR {text-align:right;}
.aC {text-align:center;}
.noW { white-space: nowrap;} 
.tb1 { padding:0 3px; border:0;width:40px;} /*thumb mode display 1*/
.tb2 { margin-bottom:4px;margin-right:3px;border:0;width:40px; filter:none !important;}
.tb3 { margin-bottom:4px;margin-right:10px;border:0;max-width:175px;}
.pixBag { padding:3px 0 0 0; width:40px; } 
.wh15 {width:15px; height:15px;}
.disco {width:15px; height:15px;}

 img[src*="buy3.svg"],img[src*="buy2.svg"] {transition: all 0.45s ease-in-out;vertical-align:top}
 img[src*="buy3.svg"]:hover,img[src*="buy2.svg"]:hover{ transform:rotate(360deg);}
 
.mobShow, .mobShowBlock {display:none;}

audio {max-height:30px; border-radius:4px; margin-top:8px; max-width:240px}

.ml16{margin-left:16px;} .mr16{margin-right:16px;}
.ml20{margin-left:20px;} .mr20{margin-right:20px;}
.fL{float:left;}
.fR{float:right;}
.flag12{width:12px; height:8px;}
.flag18{width:18px; height:12px;}
.vm {vertical-align:middle;}
img.map, map area{outline: none;}
#headItem{width:50%;}
.disco17 { width:17px; height:11px;}
.st0{fill:#6F6F6F;}
.st1{fill:var(--s7blue);} 
.st2{fill:var(--dixBlue);}  
input::placeholder {font-style:italic;}
#advSearchField{ background:url(../img/art/rech.svg) 2px 2px no-repeat; background-size:1.2em;color: #000; padding-left:2em;margin-bottom:4px;background-color:#e9e9ed;width:150px; }
 #adm{text-align:right; padding-right:16px;margin-top:16px}
#oa{ width:220px;margin-top:8px;}
.icon-ico_play{height:1.2em;font-size:1.2em;width:1em;padding-top:4px; margin-right:4px;}
.icon-mail, .icon-ico_member {font-size:14px;margin:0px 4px -4px 3px;height:1.3em; }
.icon-ico_member {margin:0px 0px -1px 3px;}
.m12 { mask-image: url(../img/art/m12.svg);}
.ombre,img[src$="_omb.png"]{ filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 0.4));}
	
#lastVisits { margin-top:2em; }
.fadeOut {opacity:0;} 
.fadeIn { opacity:1;} 
.visPS{ position:relative;} 
.visPS img{ width:40px; }   
 .visClozBut,#panierNB {position:absolute;transition: all 0.5s ease; background-color:#fff;color:#000; border-radius: 50%; justify-content:center; align-items: center;  
height:16px;line-height:13px;width:16px;right:-4px;top:4px; text-align:center; vertical-align:middle;font-size:0.8em; border:1px solid #ccc;z-index:2}
 .visClozBut:hover{  cursor:pointer;background-color:#000; color:#fff; transform:scale(1.3);border:0px;}
 img[src$="_nob.jpg"] { border:0;}
 #panierNB {background-color:var(--dixBlueOff);height:18px;width:18px; right:18px;top:6px;color:#fff;line-height:15px;border:1px solid #fff; } 
 #panierNB:hover {background-color:var(--dixBlue);cursor:pointer;}