@charset "UTF-8"; :focus { outline: medium none; } html { height: 100%; overflow: hidden; } BODY { /* font-family: 'Tenor Sans',sans-serif;*/ padding: 0px; margin: 0px; min-width: 800px; width: 100%; color: rgb(255, 255, 255); background: none repeat scroll 0% 0% rgb(34, 34, 34); outline: 2px dotted red; } H1, H3, INPUT.rateButtonSelected { color: rgb(255, 255, 255); } A, INPUT.rateButton { color: rgb(255, 255, 255); border: medium none; text-decoration: none; } A:hover { color: rgb(194, 194, 194); text-decoration: none; border-bottom: medium none; } FIELDSET { border: 0px none; } INPUT[type="submit"], INPUT[type="reset"] { cursor: pointer; background-color: rgb(85, 85, 85); background-image: linear-gradient(to bottom, rgb(85, 85, 85) 0%, rgb(44, 44, 44) 50%); margin: 0px 5px; padding-bottom: 4px; min-width: 150px; width: auto; height: 25px; text-align: center; color: rgb(197, 197, 197); border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5), 0px -1px 0px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5), 0px -1px 0px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5), 0px -1px 0px rgba(255, 255, 255, 0.4); } INPUT[type="submit"]:hover, INPUT[type="reset"]:hover { color: rgb(131, 131, 131); background-color: rgb(119, 119, 119); background-image: -moz-linear-gradient(center top , rgb(119, 119, 119), rgb(51, 51, 51) 50%); } INPUT[type="submit"]:active, INPUT[type="reset"]:active { color: rgb(0, 0, 0); box-shadow: 1px 1px 10px rgb(0, 0, 0) inset, 0px 1px 0px rgba(255, 255, 255, 0.4); -moz-box-shadow: 1px 1px 10px rgb(0, 0, 0) inset, 0px 1px 0px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 1px 1px 10px rgb(0, 0, 0) inset, 0px 1px 0px rgba(255, 255, 255, 0.4); } INPUT[type="text"], INPUT[type="password"], INPUT[type="file"] { margin: 0px 5px; padding: 0px; background: none repeat scroll 0px 0px rgb(255, 255, 255); min-width: 150px; width: auto; height: 22px; border: 0px none; color: rgb(0, 0, 0) ! important; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; } INPUT[type="text"]:hover, INPUT[type="password"]:hover, INPUT[type="file"]:hover, SELECT:hover { background-color: rgb(229, 229, 229); background-image: -moz-linear-gradient(center top , rgb(229, 229, 229), rgb(255, 255, 255) 50%); } SELECT.categoryList:hover { background: none repeat scroll 0px 0px rgb(255, 255, 255); } SELECT { margin: 0px 5px; padding: 0px; background: none repeat scroll 0px 0px rgb(255, 255, 255); min-width: 150px; width: auto; height: 22px; border: 0px none; color: rgb(0, 0, 0) ! important; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; } LEGEND { font-style: normal; font-weight: 700; font-size: 110%; margin-top: 25px; } /*_______________________________header______________________________________*/ #theHeader { font-size: 30px; color: rgb(204, 204, 204); position: relative; height: auto; width: 90%; margin: 0px auto; min-height: 120px; } #theHeader h1 { position: absolute; left: 30px; } #theHeader p { font-size: 15px; position: absolute; right: 80px; } .headbord { border-bottom: 1px solid #808080; } #imageHeaderBar { margin-bottom: 10px; padding-left: 15px; border: none; background: none; } /*_______________________________menu______________________________________*/ #menubar { color: rgb(179, 179, 179); font-size: 1.2em; height: 30px; min-width: 800px; background: none repeat scroll 0% 0% rgb(51, 51, 51); width: 90%; margin: 10px auto; display: block; float: none; position: relative; border: 1px solid rgb(20, 20, 20); border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; } #menubar FORM { margin: 0px; } #menubar UL { list-style: none outside none; margin: 0px; padding: 0px 0px 0px 5px } #topnav { padding: 0px 2px 0px 0px; height: 30px; position: relative; z-index: 999; display: inline-block; } #topnav .liSub { height: 30px; float: left; position: relative; padding-right: 2px; } #topnav .sub, #loger { position: absolute; top: 30px; margin-left: 0px; background: none repeat scroll 0% 0% rgb(121, 121, 121); padding: 5px 8px 10px 5px; float: left; max-width: 100em; min-width: 200px; max-height: 500px; } .dd_wrapper, .cl_wrapper, .cc_wrapper, #menubar dt { float: left; padding: 3px 16px 6px; font-weight: normal; height: 21px; line-height: 21px; text-decoration: none; font-size: 16px; } #menubar dt a{ color: #B3B3B3; } .activate{ cursor: default; background: none repeat scroll 0px 0px rgb(121, 121, 121); } .activate:first-child{ color: #dddddd!important; } .sub { z-index: 100; max-width: 600px; } .sub p { color: rgb(179, 179, 179); font-size: 13px; text-shadow: none; text-transform: none; } .sub a, #loger a { color: rgb(179, 179, 179); font-size: 1.4em; line-height: 17px; padding: 0px 0px 0px 15px; } .sub a:hover,loger a:hover { color: rgb(196, 196, 196); background: url("images/menu/navlist_arrow_hover.png") no-repeat scroll 4px 5px transparent; } .sub .selected a { background: url("images/menu/navlist_arrow_select.png") no-repeat scroll 4px 5px transparent; } .sub ul li, #loger ul li, .sub #menuTagCloud div { width: 95%; color: rgb(179, 179, 179); background: none repeat scroll 0% 0% transparent; font-size: 10px; margin-bottom: 2px; border: 1px solid rgb(203, 203, 203); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } .level2, .level3, .level4, .level5,.level6 { border: medium none ! important; } .mcol { width: 100%; } .menubarFilter { margin: 0px; } #menu_cat_act { border-bottom: 1px solid rgb(203, 203, 203); margin-bottom: 5px; height: 30px; } #menu_cat_act a:hover { background: none; } #filter { width: 26px; height: 26px; background: none repeat scroll 0% 0% transparent; padding-left: 2px; } #nbImg { height: 30px; float: right; line-height: 10px; } #menuTagCloud a { text-decoration: none; z-index: 200; } span#menu_start { width: 85px; float: left; display: block; height: 30px; } span#menu_start a { background: url("images/menu/home_w.png") no-repeat scroll left top transparent; width: 52px; height: 30px; padding: 0px; margin: 0px 20px 0px 25px; display: block; line-height: 46px; } span#menu_start a:hover { background-position: left -30px; } #quickconnect { width: 225px; } #search { right: 4px; height: 22px; display: inline-block; position: absolute; width: 220px; margin-top: 4px; } #quicksearch { width: 240px; float: left; } #quicksearch input[type="text"] { background: none repeat scroll 0% 0% rgb(121, 121, 121); border: 1px solid rgb(175, 175, 175); float: left; width: 172px; height: 22px; padding: 0px 0px 0px 4px; margin: 0px 1px 0px 0px; font-size: 100%; color: rgb(179, 179, 179) ! important; min-width: 0px; } #quicksearch input[type="submit"] { float: left; padding: 0px; border: none; height: 24px; width: 23px; background: url("images/menu/search.png") no-repeat scroll right top transparent; font-size: 13px; cursor: pointer; min-width: 0px; margin-left: 2px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #quicksearch input[type="submit"]:hover { background-position: right bottom; } #loger { line-height: 20px; width: 220px; position: absolute; top: 30px; padding: 10px; float: left; max-width: 100em; min-width: 200px; display: none; z-index: 0; } #loger p { margin-bottom: 20px; } #log { margin-bottom: 20px; margin-top: 5px! important; } #log div { margin: 0px; } #log INPUT { width: 100%; height: 22px; margin: 0px; } #go { width: 100%; } #go INPUT[type="submit"] { height: 32px; display: block; margin: 18px auto; width: 50%; } #log #remember_me { width: auto; height: auto; } .close { cursor: pointer; height: 16px; width: 16px; background: url("images/menu/close.png") no-repeat scroll 0% 0% transparent; float: right; } .close:hover { background: url("images/menu/close.png") no-repeat scroll 0px -16px transparent; } /*_______________________________content______________________________________*/ #the_page #content, #the_page > .content { width: 90%; margin: 20px auto; border: none; } .contentWithMenu { margin: 0px auto; } .thumbnailCategories, #profile, .filter { background: none repeat scroll 0% 0% rgb(51, 51, 51); border: 1px solid rgb(20, 20, 20); border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; margin-bottom: 20px; } .thumbnailCategory .illustration, .commentElement .illustration{ text-align: left; } .content .titrePage { margin: 10px; height: auto; background: none; border: none; } .content .titrePage H2, #imageHeaderBar h2{ font-size: 120%; font-weight: bold; } .blockConteneur { background: none repeat scroll 0% 0% rgb(51, 51, 51); border: 1px solid rgb(20, 20, 20); border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; } .thumbnailCategory { margin: 40px auto; padding: 10px; display: table; } .illustration { position: relative; margin: 0px; } .illustration img { box-shadow: 10px 10px 5px 0px rgb(0, 0, 0); -moz-box-shadow: 10px 10px 5px 0px rgb(0, 0, 0); -webkit-box-shadow: 10px 10px 5px 0px rgb(0, 0, 0); border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; float: left; } .content ul.thumbnails .wrap1 { display: inline-block; margin: 20px 20px 5px; text-align: center; vertical-align: top; } .content UL.thumbnails .wrap2 { height: 140px; } .thumbnail { position: relative; } .thumbnailCategory DIV.description, .thumbnailCategory DIV.description_main { background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.5); overflow: hidden; color: rgb(255, 255, 255); position: absolute; top: 0px; right: 0px; z-index: 100; width: 35%; height: 100%; border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; border-left: 1px solid rgba(0, 0, 0, 0.51); } .description_stuffs { background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.5); overflow: hidden; color: rgb(255, 255, 255); position: absolute; top: 0px; right: 0px; z-index: 100; width: 100%; height: auto; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; } .description_stuffs .thumbLegend { height: auto ! important; } .thumbnails SPAN.thumbLegend { height: 80px; padding: 5px; } .thumbnailCategory .description H3 { font-size: 130%; padding: 5px 10px; } .thumbnailCategory .description P { margin-bottom: 2px; padding: 5px 10px; } .thumbnails { padding: 10px; margin-top: 20px; border: 1px solid rgb(20, 20, 20); border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background: none repeat scroll 0% 0% rgb(51, 51, 51); } .thumbnailCategories LI { float: none; width: auto; } .commentElement .description { padding: 10px; } #comments { background: none repeat scroll 0% 0% rgb(51, 51, 51); border: 1px solid rgb(20, 20, 20); border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; margin: 40px auto; width: 90%; } .switchBox { background: none repeat scroll 0% 0% rgb(51, 51, 51); z-index: 150; border: 1px solid rgb(20, 20, 20); } .browsePath { display: block; } #slideshow { width: 90%; margin: 0px auto; } .content .calendarBar { height: 20px; padding-top: 5px; margin: 0px; } #imageToolBar .imageNumber{ margin-top: -25px; } #imageToolBar .actionButtons { margin-left: 50px; z-index: 120; } /*_______________________________SLIDE______________________________________*/ #pageslide { display: none; position: fixed; top: 0px; height: 100%; z-index: 999999; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); overflow: hidden; padding: 0px; background:red; display:block; } .tabs { background: none repeat scroll 0% 0% rgb(34, 34, 34); z-index: 100; opacity: 0.7; -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); zoom: 1; display: block; height: 100%; } .tabs:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); zoom: 1; } .sld_tab, .sld_tabIdent { font-size: 30px; position: relative; top: 50%; transform: rotate(-90deg) translateX(300px) translateY(-280px); -moz-transform: rotate(-90deg) translateX(300px) translateY(-280px); -webkit-transform: rotate(-90deg) translateX(300px) translateY(-280px); -o-transform: rotate(-90deg) translateX(300px) translateY(-280px); width: 600px; } #sld_tab div { display: none; } .visible { opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); zoom: 1; } /*_______________________________scrollbar______________________________________*/ .jspPane { position: absolute; min-height:100%; } .jspContainer { overflow: hidden; position: relative; } .jspVerticalBar { position: absolute; top: 0px; right: 0px; width: 16px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 16px; background: none repeat scroll 0% 0% red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0px; padding: 0px; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: none repeat scroll 0% 0% rgb(34, 34, 34); position: relative; } .jspDrag { background: url("images/drag.png") no-repeat scroll 0% 0% transparent; position: relative; top: 0px; left: 0px; cursor: pointer; } .jspDrag:hover { background: url("images/dragH.png") no-repeat scroll 0% 0% transparent; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: none repeat scroll 0% 0% rgb(80, 80, 109); text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: none repeat scroll 0% 0% rgb(128, 128, 141); } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: medium none; } .jspCorner { background: none repeat scroll 0% 0% rgb(238, 238, 244); float: left; height: 100%; } * html .jspCorner { margin: 0px -3px 0px 0px; } .scrollpane { width: 100%; height: 100%; overflow: auto; } /*_______________________________plugin______________________________________*/ .stuffs_block { width: 100% ! important; } #mbContact .sub { display: none ! important; } #languageSwitchBox { background: none repeat scroll 0px 0px rgb(51, 51, 51) ! important; z-index: 1000 ! important; } /*_______________________________slide_______________________________________*/ .pageslide { display: none; position: absolute; top: 0; height: 100%; z-index: 101; width: 100%; background-color: #222; color: #FFF; } .tab{ height: 100%; position: absolute; right: 0px; width: 40px; background: none repeat scroll 0% 0% rgb(34, 34, 34); cursor: pointer; z-index: 100; display: none; border-right: 1px solid #808080; padding-right: 2px } .tab:hover{ background: none repeat scroll 0% 0% #333333; } .tabMin:hover{right:-20px} /*____________________________SLIDESHOW___________________________________________*/ #slideshow{ font-family: Arial; font-size: 12px; position: relative; min-width: 500px; min-height: 500px; margin-top: 10px } .contener_slideshow{ border: 1px solid #ccc; border-radius: 5px } #slideshow ul{ height: 100%; margin: 0; padding: 0; position: relative; overflow: hidden } #slideshow ul li{ list-style-type: none; } .slideloader{ background: url(images/slideshow/loader.gif)no-repeat center ! important; position: absolute; top: 0; left: 0; z-index: 1000 } .contenerImg{ position: relative } .contenerImg img{ position: relative; } .control_slideshow{ position: relative; } /*FADE*/ .Fade .contenerImg{ position: absolute; left: 0; top: 0; } .Fade ul li{ position: absolute; top: 0; left: 0; height: 100%; width: 100% } /*SLIDE*/ .slideCont{ overflow: hidden; position: relative; } .Slide ul li{ float: left } /*THUMB*/ .nav-thumb-slide{ height: auto } .nav-thumb-content{ position: relative; } .nav-thumb-content span{ padding: 0; border: none; } .thumb{ height: 100%; width: 100%; position: absolute; top: 0px; left: 0px } .slideshow-thumb{ border: 1px #000 solid; cursor: pointer; left: 3px; line-height: 22px; margin: 3px; padding: 2px 6px; position: relative; text-align: center; top: 3px; vertical-align: top; display: inline-block; opacity: 0.50; } .slideshow-thumb:hover{ opacity: 1 } .thumb_control{ opacity: 0.5; width: 40px; height: 100%; cursor: pointer; position: absolute; top: 0; } .thumb_control:hover{ opacity: 1 } .thumb-left{ background: url(images/slideshow/prev_thumb.png)no-repeat 50% 50%; } .thumb-right{ background: url(images/slideshow/next_thumb.png)no-repeat 50% 50%; right: 0; } .nav-thumb-slide{ overflow: hidden; } .clt_thumb{ background: url(images/slideshow/show.png)no-repeat -2px -34px; border: 1px #4a4a4a solid; width: 28px; height: 28px; cursor: pointer; margin: 3px; text-align: center; vertical-align: top; right: 0; z-index: 200; display: inline-block; position: absolute; } .show{ background: url(images/slideshow/show.png)no-repeat -2px -2px } /*LINK-NAV*/ .link{ text-align: center; height: auto; padding: 5px 0; position: relative } .slideshow-link{ cursor: pointer; display: inline-block; width: 24px; height: 24px; background: url(images/slideshow/nav.png)no-repeat center 0px; padding: 0 10px; color: #fff; line-height: 24px } .slideshow-link:hover{ background: url(images/slideshow/nav.png) no-repeat scroll center -24px transparent; } .selected { background: url(images/slideshow/nav.png) no-repeat scroll center -24px transparent; font-weight: bold; opacity: 1; } /*PLAY/PAUSE*/ .slideshow_control { display: inline-block; border: 1px #4a4a4a solid; width: 28px; height: 28px; cursor: pointer; margin: 3px; text-align: center; vertical-align: top; z-index: 200 } .pause{ background: url(images/slideshow/pauseh.png)no-repeat center; } .play{ background: url(images/slideshow/playh.png)no-repeat center } .play:hover{ background: url(images/slideshow/play.png)no-repeat center } .pause:hover{ background: url(images/slideshow/pause.png)no-repeat center; } /*NAVIGATION*/ .nav{ cursor: pointer; position: absolute; width: 10%; top: 0; min-width: 30px } .prev{ left: 0 } .next{ right: 0 } .prev:hover{ background: url(images/slideshow/prev.png)no-repeat 0 50%; } .next:hover{ background: url(images/slideshow/next.png)no-repeat 100% 50% } /*DESCRIPTION*/ .descr{ position: absolute; color: #fff; z-index: 100; display: none; background: rgba(0,0,0,0.5); font-size: 15px } /*_____________________________________RATING____________________________________________________*/ #rateForm{ position: relative } INPUT[type="submit"].rateButton, INPUT[type="button"].rateButton { background: url("images/rating-stars.png") repeat scroll 0% 0% transparent; min-width: inherit; box-shadow: none; border-radius: 0; margin: 0 5px; height: 16px; width: 16px; padding-bottom: 0 } INPUT[type="button"].rateButtonSelected { background: url("images/rating-stars.png") repeat scroll 16px center transparent; margin: 0 5px; height: 16px; width: 16px; font-size: 100% } INPUT[type="submit"].rateButtonFull, INPUT[type="button"].rateButtonFull { background: url("images/rating-stars.png") repeat scroll 16px center transparent; } .derivative:hover, .original:hover{ color: rgb(194, 194, 194); cursor: pointer } /*________________________________________COMMENT__________________________________*/ @keyframes monanimation { 0% { border: 1px solid #fff; } 100%{ border: 1px solid red; } } #comments TEXTAREA, #comments INPUT[type="text"]{ border: 1px solid #fff; } #comments INPUT[type="text"].requi, #comments TEXTAREA.requi { animation: monanimation 0.5s ease-in-out 4 alternate; border: 1px solid red; } #msgBoxCom { border: 1px solid rgb(107, 120, 133); border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; text-align: center; font-size: 1.2em; height: auto; width: 310px; padding: 25px 5px; } #msgBox { background: none repeat scroll 0% 0% rgb(0, 0, 0); position: fixed; top: 100px; right: 100px; width: 320px; height: auto; padding: 15px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; z-index: 200; } /*_______________________________PICTURE PAGE____________________________________________________*/ #imgContent{ position: relative; display: table; margin: auto } #imgHoverNav a{ outline: medium none } #imgPrevHov,#imgNextHov,#thumbPrevHov,#thumbNextHov{ width: 48%; height: 100%; display: block; border: medium none!important; opacity: 0; position: relative } #imgPrevHov{ left: 0; float: left; margin-left: 3px; background: url(images/picture/imgPrevHover.png) no-repeat scroll left 45% transparent } #imgNextHov{ right: 0; float: right; margin-right: 3px; background: url(images/picture/imgNextHover.png) no-repeat scroll right 45% transparent } #thumbPrevHov{ left: 0; float: left; background: none repeat scroll 0 0 transparent } #thumbNextHov{ right: 0; float: right; background: none repeat scroll 0 0 transparent } #imgPrevHov:hover,#imgNextHov:hover,#thumbPrevHov:hover,#thumbNextHov:hover{ opacity: 1 } .linkPrev{ position: absolute; left: -80px; top: 40% } .linkNext{ position: absolute; right: -80px; top: 40% } #imageInfos{ border-radius: 5px; } .pwg-icon-arrowstop-w{ display: none } /*_________________________slide loading_______________________________________________*/ #slideLoading{ position: fixed; height: 100px; width: 100px; background: url(images/ajax-loader.gif) no-repeat scroll center center rgba(51, 51, 51, 0.46); z-index: 0; border-radius: 5px; border: 1px solid #000; }