/******** * Fond * ********/ body {margin:0; padding:0; outline:0;background-attachment: fixed;background: rgb(245,246,246);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2I3YjdiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2I3YjdiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(left, rgba(245,246,246,1) 0%, rgba(183,183,183,1) 33%, rgba(183,183,183,1) 66%, rgba(245,246,246,1) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,246,246,1)), color-stop(33%,rgba(183,183,183,1)), color-stop(66%,rgba(183,183,183,1)), color-stop(100%,rgba(245,246,246,1)));background: -webkit-linear-gradient(left, rgba(245,246,246,1) 0%,rgba(183,183,183,1) 33%,rgba(183,183,183,1) 66%,rgba(245,246,246,1) 100%);background: -o-linear-gradient(left, rgba(245,246,246,1) 0%,rgba(183,183,183,1) 33%,rgba(183,183,183,1) 66%,rgba(245,246,246,1) 100%);background: -ms-linear-gradient(left, rgba(245,246,246,1) 0%,rgba(183,183,183,1) 33%,rgba(183,183,183,1) 66%,rgba(245,246,246,1) 100%);background: linear-gradient(to right, rgba(245,246,246,1) 0%,rgba(183,183,183,1) 33%,rgba(183,183,183,1) 66%,rgba(245,246,246,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 );} /***************************** * Popup des champs et liens * ****************************/ #dhtmltooltip {position:absolute;text-align:justify;font-weight:bold;border:#8C0000 2px solid;color:#fff;opacity: 0.80;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";border-radius: 5px;padding:5px;visibility: hidden;z-index: 140;background: #000000;background:: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));background: -webkit-linear-gradient(#000000, #000000);background:: -moz-linear-gradient(top, #000000, #000000);background: -ms-linear-gradient(#000000, #000000);background: -o-linear-gradient(#000000, #000000);background: linear-gradient(#000000, #000000);-pie-background: linear-gradient(#000000, #000000);behavior: url(js/PIE.htc);} #connect {background-color:transparent;} #connect td {color:#FFFFFF;padding:5px;font-weight:bold;font-size:13px;} #connect td a {color:#FFFFFF;font-weight:bold;font-size:13px;} /******** * Menu * ********/ nav {position:fixed; z-index:10000; width:100%;background: #6d0019;background: -moz-linear-gradient(top, #6d0019 0%, #8f0222 56%, #8c0000 100%);background: -webkit-linear-gradient(top, #6d0019 0%,#8f0222 56%,#8c0000 100%);background: linear-gradient(to bottom, #6d0019 0%,#8f0222 56%,#8c0000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#8c0000',GradientType=0 );box-shadow: 0px 10px 10px #000000;} #menu {list-style:none;width:100%;margin:0px auto 0px auto;height:45px;padding:0px 10px 0px 10px;} #menu li {float:left;display:block;text-align:center;position:relative;padding: 4px 4px 4px 4px;margin-right:2px;margin-top:7px;border:none;} #menu li:hover {border: 1px solid #777777;border-bottom: none;padding: 3px 3px 3px 3px;background: #D8D8D8;background: -webkit-gradient(linear,left bottom,left top,color-stop(0.18, #D8D8D8),color-stop(0.59, #EFEFEF),color-stop(0.8, #F9F9F9));background: -webkit-linear-gradient(#D8D8D8, #F9F9F9);background: -moz-linear-gradient(center bottom,#D8D8D8 18%,#EFEFEF 59%,#F9F9F9 80%);background: -ms-linear-gradient(#D8D8D8, #F9F9F9);background: -o-linear-gradient(#D8D8D8, #F9F9F9);background: linear-gradient(#D8D8D8, #F9F9F9);-pie-background: linear-gradient(#D8D8D8, #F9F9F9);behavior: url(js/PIE.htc);border-radius: 5px 5px 0px 0px;} #menu li a {font-family:Arial;font-size:13px; color: #EEEEEE;font-weight:bold;display:block;outline:0;text-decoration:none;text-shadow: 1px 1px 1px #000} #menu li:hover a {color:#161616;text-shadow: 1px 1px 1px #ffffff;} #menu li .drop {padding-right:21px; margin-bottom: 5px;background:url("images/drop1.png") no-repeat right 8px;} #menu li:hover .drop {background:url("images/drop2.png") no-repeat right 7px;} .dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns, .dropdown_6columns, .dropdown_7columns, .dropdown_8columns, .dropdown_9columns {margin:3px auto;float:left;position:absolute;left:-999em;text-align:left;padding:10px 5px 10px 5px;border:1px solid #777777;border-top:none;background: #F9F9F9;background: -webkit-gradient(linear,left bottom,left top,color-stop(0.18, #F9F9F9),color-stop(0.59, #EFEFEF),color-stop(0.8, #D8D8D8));background: -webkit-linear-gradient(#F9F9F9, #D8D8D8);background: -moz-linear-gradient(center bottom,#F9F9F9 18%,#EFEFEF 59%,#D8D8D8 80%);background: -ms-linear-gradient(#F9F9F9, #D8D8D8);background: -o-linear-gradient(#F9F9F9, #D8D8D8);background: linear-gradient(#F9F9F9, #D8D8D8);-pie-background: linear-gradient(#F9F9F9, #D8D8D8);behavior: url(js/PIE.htc);border-radius: 0px 5px 5px 5px;} .dropdown_1column {width: 150px;opacity: 0;-webkit-transition: opacity 0.9s ease-in-out;-moz-transition: opacity 0.9s ease-in-out;-o-transition: opacity 0.9s ease-in-out;transition: opacity 0.9s ease-in-out;} .dropdown_2columns {width: 330px;opacity: 0;-webkit-transition: opacity 0.9s ease-in-out;-moz-transition: opacity 0.9s ease-in-out;-o-transition: opacity 0.9s ease-in-out;transition: opacity 0.9s ease-in-out;} .dropdown_3columns {width: 310px;opacity: 0;-webkit-transition: opacity 0.9s ease-in-out;-moz-transition: opacity 0.9s ease-in-out;-o-transition: opacity 0.9s ease-in-out;transition: opacity 0.9s ease-in-out;} .dropdown_4columns {width: 440px;opacity: 0;-webkit-transition: opacity 0.9s ease-in-out;-moz-transition: opacity 0.9s ease-in-out;-o-transition: opacity 0.9s ease-in-out;transition: opacity 0.9s ease-in-out;} .dropdown_5columns {width: 730px;opacity: 0;-webkit-transition: opacity 0.9s ease-in-out;-moz-transition: opacity 0.9s ease-in-out;-o-transition: opacity 0.9s ease-in-out;transition: opacity 0.9s ease-in-out;} .dropdown_6columns {width: 585px;opacity: 0;-webkit-transition: opacity 0.9s ease-in-out;-moz-transition: opacity 0.9s ease-in-out;-o-transition: opacity 0.9s ease-in-out;transition: opacity 0.9s ease-in-out;} .dropdown_7columns {width: 230px;opacity: 0;-webkit-transition: opacity 0.9s ease-in-out;-moz-transition: opacity 0.9s ease-in-out;-o-transition: opacity 0.9s ease-in-out;transition: opacity 0.9s ease-in-out;} .dropdown_8columns {width: 169px;opacity: 0;-webkit-transition: opacity 0.9s ease-in-out;-moz-transition: opacity 0.9s ease-in-out;-o-transition: opacity 0.9s ease-in-out;transition: opacity 0.9s ease-in-out;border-radius: 0px 0px 5px 5px;} .dropdown_9columns {width: 185px;opacity: 0;-webkit-transition: opacity 0.9s ease-in-out;-moz-transition: opacity 0.9s ease-in-out;-o-transition: opacity 0.9s ease-in-out;transition: opacity 0.9s ease-in-out;} #menu li:hover .dropdown_1column, #menu li:hover .dropdown_2columns, #menu li:hover .dropdown_3columns,#menu li:hover .dropdown_4columns,#menu li:hover .dropdown_5columns, #menu li:hover .dropdown_6columns, #menu li:hover .dropdown_7columns,#menu li:hover .dropdown_8columns,#menu li:hover .dropdown_9columns {left:-1px;top:auto;opacity: 1;-ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity = 100);} .col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7 {display:inline;float: left;position: relative;margin-left: 5px;margin-right: 5px;} .col_1 {width:155px;} .col_2 {width:185px;} .col_3 {width:175px;} .col_4 {width:225px;} .col_5 {width:310px;} .col_6 {width:100px;} .col_7 {width:185px;} #menu .menu_right {float:right;margin-right:0px;} #menu li .align_right {border-radius: 5px 0px 5px 5px;} #menu li:hover .align_right {left:auto;right:-1px;top:auto;} #menu p, #menu h2, #menu h3, #menu ul li {font-family:Arial;line-height:15px;font-size:12px;text-align:center;text-shadow: 1px 1px 1px #FFFFFF;} #menu h2 {font-size:21px;font-weight:400;letter-spacing:-1px;margin:7px 0 14px 0;padding-bottom:14px;border-bottom:1px solid #666666;} #menu h3 {font-size:14px;margin:3px 0 7px 0;padding-bottom:7px;border-bottom:1px solid #8C0000;color:#000000;font-weight:bold;} #menu p {line-height:18px;margin:0 0 10px 0;} #menu li:hover div a {font-size:12px;color:#015b86;} #menu li:hover div a:hover {color:#8C0000;} .strong {font-weight:bold;} .italic {font-style:italic;} .imgshadow {background:#FFFFFF;padding:4px;border:1px solid #777777;margin-top:5px;box-shadow:0px 0px 5px #666666;} .img_left {width:auto;float:left;margin:5px 15px 5px 5px;} #menu li .black_box {background-color:#333333;color: #eeeeee;text-shadow: 1px 1px 1px #000;padding:4px 6px 4px 6px;border-radius: 5px;box-shadow:inset 0 0 3px #000000;} #menu li ul {list-style:none;padding:0;margin:0 0 12px 0;} #menu li ul li {font-size:12px;line-height:24px;position:relative;text-shadow: 1px 1px 1px #ffffff;padding:0;margin:0;float:none;text-align:left;width:180px;} #menu li ul li:hover {background:none;border:none;padding:0;margin:0;} #menu li .greybox li {width:140px;} #menu li .greybox1 li {width:170px;} #menu li .greybox2 li {width:145px;} #menu li .greybox3 li {width:160px;} #menu li .greybox4 li {width:85px;} #menu li .greybox li, #menu li .greybox1 li, #menu li .greybox2 li, #menu li .greybox3 li, #menu li .greybox4 li {border:1px solid #8C0000;margin:0px 0px 4px 0px;padding:4px 6px 4px 6px;border-radius: 5px;background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1)));background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);background: -o-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);background: linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );} #menu li .greybox li:hover, #menu li .greybox1 li:hover, #menu li .greybox2 li:hover, #menu li .greybox3 li:hover, #menu li .greybox4 li:hover {border:1px solid #8C0000;padding:4px 6px 4px 6px;margin:0px 0px 4px 0px;background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );} /********** * header * **********/ header {width:100%;height:250px;background:url("images/header_repeat.png") repeat-x;} header:before {width:100%;height:250px;content: url("images/header.png");} #pos_info {color:#FFF;font-family:Arial;font-size:13px;background: none; font-weight:bold} #pos_info a {color:#FFF;font-family:Arial;font-size:13px;} /********************** * Position des Flags * *********************/ .pos_flag {line-height:12px; width:165px; padding: 0px 0 0 0px;} #pos_compt {border-radius: 0 10px 0 10px;} /** Français **/ span .langue_fr {width:18px;height:12px;} .langue_fr {background: url('../../images/flag/Multilangue1.png'); width:18px; height:12px; background-repeat:no-repeat; background-position:0px 0px;margin-left:10px;} a .langue_fr {border-radius: 2px;border:#FFFFFF 1px solid; line-height:12px;} a:hover .langue_fr {border-radius: 2px;border:#890a09 1px solid; line-height:12px;} /** Anglais **/ span .langue_en {width:18px;height:12px;} .langue_en {background: url('../../images/flag/Multilangue1.png'); width:18px; height:12px; background-repeat:no-repeat; background-position:-22px 0px;margin-left:10px;} a .langue_en {border-radius: 2px;border:#FFFFFF 1px solid; line-height:12px;} a:hover .langue_en {border-radius: 2px;border:#890a09 1px solid; line-height:12px;} /** Allemand **/ span .langue_de {width:18px;height:12px;} .langue_de {background: url('../../images/flag/Multilangue1.png'); width:18px; height:12px; background-repeat:no-repeat; background-position:-44px 0px;margin-left:10px;} a .langue_de {border-radius: 2px;border:#FFFFFF 1px solid; line-height:12px;} a:hover .langue_de {border-radius: 2px;border:#890a09 1px solid; line-height:12px;} /** Italien **/ span .langue_it {width:18px;height:12px;} .langue_it {background: url('../../images/flag/Multilangue1.png'); width:18px; height:12px; background-repeat:no-repeat; background-position:-66px 0px;margin-left:10px;} a .langue_it {border-radius: 2px;border:#FFFFFF 1px solid; line-height:12px;} a:hover .langue_it {border-radius: 2px;border:#890a09 1px solid; line-height:12px;} /** Espagne **/ span .langue_es {width:18px;height:12px;} .langue_es {background: url('../../images/flag/Multilangue1.png'); width:18px; height:12px; background-repeat:no-repeat; background-position:-88px 0px;margin-left:10px;} a .langue_es {border-radius: 2px;border:#FFFFFF 1px solid; line-height:12px;} a:hover .langue_es {border-radius: 2px;border:#890a09 1px solid; line-height:12px;} /***************** * header Bottom * ****************/ #header_bottom {margin-top: auto;margin-left:auto;margin-right:auto;width:1016px%;height:50px; background-color:transparent;} /*********** * Contenu * ***********/ #cont_top {margin-top:auto;margin-left:auto;margin-right:auto;margin-bottom:0px;width:1016px; background-color:transparent;;} #texteBg {margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;height:auto;width:1012px;} /******************** * News mise à jour * *******************/ .tickers {width: 700px;height: 30px;overflow: hidden;margin: 0;padding: 0;list-style: none;} .tickers li {height: 30px;padding: 5px;margin: 0px 5px;color:#00000;font-weight:bold;font-size:12px;} /***************************** * Mise en pages des contenu * ****************************/ #contenu {color:#000;width: 924px;margin:0;margin-left: 50px;padding:0;} .section {border-radius: 5px;border: 1px solid #bbb;padding:5px;vertical-align:top;font-weight:bold;box-shadow: 5px 5px 5px black;color:#a50d0d;} #contenuBg {margin:0 auto;height:auto;padding: 0px;} .contenu_texte {text-align:center;margin-top:5px;color:#474747; font-weight: bold} /****************** * Page recherche * ******************/ #slider {background: #000;width: 180px;height: 240px;position: relative;overflow: hidden;border-radius: 20px;border: 3px solid red;} .img_slider {border-radius: 17px;} #sliderContent {width: 240px;position:absolute;top: 0;margin-left: 0;} .sliderImage {float: left;position: relative;display: none;} .sliderImage span {position: absolute;text-align:center;text-shadow: 0.1em 0.1em #FF0;font: 10px/15px Arial, Helvetica, sans-serif;padding: 10px 0px 10px 0px;width: 180px;background-color: #000;opacity: 0.60;color: #fff;display: none;border-radius: 0px 0px 17px 17px;}} .clear {clear: both;} .sliderImage span strong {font-size: 14px;color:#09F;text-shadow: 0.1em 0.1em #0FF;} .top {top: 0;left: 0;} .bottom {bottom: 0;left: 0;} ul {list-style-type: none;} .search {width:420px;height:100;border: 4px solid #8C0000;color:#000000;border-radius: 10px;background: #ffffff;} /************* * Page list * *************/ .list {margin-top:10px;border-radius: 5px;background: #ffffff;color:#000;font-weight:bold;font-size:13px;font-family:"Arial Black", Gadget, sans-serif;border: 2px solid #8C0000;} .list_1 {padding:5px;border-radius: 5px; text-align:center;background:#ffffff;color:#000;font-weight:bold;font-size:13px;font-family:"Arial Black", Gadget, sans-serif;border: 2px solid #8C0000;} .list td {border-right:#8C0000 solid 2px;padding-left: 10px;font-weight:bold;} .list_os_titre {border-top:#8C0000 solid 2px;text-align:center;padding:5px 0px 5px 0px;color:#F00;text-shadow: 2px 2px 2px #000;font-weight:bold;font-size:13px;font-family:"Arial Black", Gadget, sans-serif;} .list_os {text-align:center;padding:0px 0px 5px 0px;color:#000;font-weight:bold;font-size:13px;font-family:"Arial Black", Gadget, sans-serif;} .pageliste {color: #000;font-weight:bold;font-size:13px;font-family:"Arial Black", Gadget, sans-serif;} .liste_jeux_1 li {background: url('http://www.manga-news.com/tpl/default/img2/puce2.gif') no-repeat left; margin-left: 12px;} .liste_jeux_1 td {margin-top:20px} .liste_jeux_2 li {margin-left: 24px; padding:5px} .list_jeux {border-radius: 5px;background: #323232;background: -webkit-gradient(linear,left bottom,left top,color-stop(0.11, #323232),color-stop(0.56, #323232),color-stop(0.78, #565656),color-stop(0.89, #717171));background: -webkit-linear-gradient(#323232, #717171);background: -moz-linear-gradient(center bottom,#323232 11%,#404040 56%,#565656 78%,#717171 89%)background: -ms-linear-gradient(#323232, #717171);background: -o-linear-gradient(#323232, #717171);background: linear-gradient(#323232, #717171);-pie-background: linear-gradient(#323232, #717171);behavior: url(js/PIE.htc);color:#F00;text-shadow: 2px 2px 2px #000;font-size:13px;font-family:"Arial Black", Gadget, sans-serif;border: 2px solid #8C0000;} .list_jeux td {padding:3px 0px 3px 20px; margin-top:5px;} .list_jeux:hover {background: #717171;background: -webkit-gradient(linear,left bottom,left top,color-stop(0.11, #717171),color-stop(0.56, #565656),color-stop(0.78, #404040),color-stop(0.89, #323232));background: -webkit-linear-gradient(#717171, #323232);background: -moz-linear-gradient(center bottom,#717171 11%,#565656 56%,#404040 78%,#323232 89%)background: -ms-linear-gradient(#717171, #323232);background: -o-linear-gradient(#717171, #323232);background: linear-gradient(#717171, #323232);-pie-background: linear-gradient(#717171, #323232);behavior: url(js/PIE.htc);color:#FFF;text-shadow: 2px 2px 2px #000;font-size:13px;font-family:"Arial Black", Gadget, sans-serif;} .liste_mangas {border-radius: 5px;background: #323232;background: -webkit-gradient(linear,left bottom,left top,color-stop(0.11, #323232),color-stop(0.56, #323232),color-stop(0.78, #565656),color-stop(0.89, #717171));background: -webkit-linear-gradient(#323232, #717171);background: -moz-linear-gradient(center bottom,#323232 11%,#404040 56%,#565656 78%,#717171 89%)background: -ms-linear-gradient(#323232, #717171);background: -o-linear-gradient(#323232, #717171);background: linear-gradient(#323232, #717171);-pie-background: linear-gradient(#323232, #717171);behavior: url(js/PIE.htc);color:#F00;text-shadow: 2px 2px 2px #000;font-size:13px;font-family:"Arial Black", Gadget, sans-serif;border: 2px solid #8C0000;} .liste_mangas_1 li {background: url('http://www.manga-news.com/tpl/default/img2/puce2.gif') no-repeat left; margin-left: 12px;} .liste_mangas td {padding:3px 0px 3px 20px; margin-top:5px;} .liste_mangas:hover {background: #717171;background: -webkit-gradient(linear,left bottom,left top,color-stop(0.11, #717171),color-stop(0.56, #565656),color-stop(0.78, #404040),color-stop(0.89, #323232));background: -webkit-linear-gradient(#717171, #323232);background: -moz-linear-gradient(center bottom,#717171 11%,#565656 56%,#404040 78%,#323232 89%)background: -ms-linear-gradient(#717171, #323232);background: -o-linear-gradient(#717171, #323232);background: linear-gradient(#717171, #323232);-pie-background: linear-gradient(#717171, #323232);behavior: url(js/PIE.htc);color:#FFF;text-shadow: 2px 2px 2px #000;font-size:13px;font-family:"Arial Black", Gadget, sans-serif;} /*************************** * Affichage des jaquettes * ***************************/ ul.jaquette, ul.jaquette li, ul.jaquette li a, ul.jaquette li img {margin : 0;padding : 0;list-style : none;border : 0;text-decoration : none;} ul.jaquette li {margin : 5px 0px 5px 5px;float : left;position : relative;} ul.jaquette li a {display : block;position : relative;float : left;text-indent : -1000em;overflow : hidden;z-index : 1;} ul.jaquette li img {position : absolute;border : 0;} ul.jaquette li.album img {width : 110px;height : 112px;top : 3px;left : 16px;} ul.jaquette li.album a {background : url("../../images/list/jewel.png") no-repeat 0 0;width : 129px;height : 119px;} ul.jaquette li.film img {width : 112px;height : 160px;left : 14px;top : 3px;} ul.jaquette li.film a {background : url("../../images/list/dvd.png") no-repeat 0 0;width : 130px;height : 166px;} ul.jaquette li.film_x img {width : 112px;height : 160px;left : 14px;top : 3px;} ul.jaquette li.film_x a {background : url("../../images/list/dvd.png") no-repeat 0 0;width : 130px;height : 166px;} ul.jaquette li.jeu img {width : 112px;height : 160px;left : 14px;top : 3px;} ul.jaquette li.jeu a {background : url("../../images/list/dvd.png") no-repeat 0 0;width : 130px;height : 166px;} ul.jaquette li.log img, ul.jaquette li.log a {width : 100px;height : 100px;top : 0;left : 0;} ul.jaquette li.log a {background : url("../../images/list/cd.png") no-repeat 0 0;height : 105px;} ul.jaquette li.serie img {width : 114px;height : 65px;left : 8px;top : 8px;} ul.jaquette li.serie a {background : url("../../images/list/ecran.png") no-repeat 0 0;width : 130px;height : 96px;} ul.jaquette li.ebook img {width : 115px;height : 159px;left : 3px;top : 3px;} ul.jaquette li.ebook a {background : url("../../images/list/book.png") no-repeat 0 0;width : 130px;height : 166px;} ul.jaquette li.magazine img {width : 115px;height : 159px;left : 3px;top : 3px;} ul.jaquette li.magazine a {background : url("../../images/list/book.png") no-repeat 0 0;width : 130px;height : 166px;} ul.jaquette li.DVD img {width : 112px;height : 160px;left : 14px;top : 3px;} ul.jaquette li.DVD a {background : url("../../images/list/dvd.png") no-repeat 0 0;width : 130px;height : 166px;} ul.jaquette li.Blu-ray img {width : 125px;height : 160px;left : 3px;top : 3px;} ul.jaquette li.Blu-ray a {background : url("../../images/list/blu_ray.png") no-repeat 0 0;width : 130px;height : 166px;} ul.jaquette li.UMD img {width : 112px;height : 160px;left : 14px;top : 3px;} ul.jaquette li.UMD a {background : url("../../images/list/dvd.png") no-repeat 0 0;width : 130px;height : 166px;} ul.jaquette li.spectacle img {width : 112px;height : 160px;left : 14px;top : 3px;} ul.jaquette li.spectacle a {background : url("../../images/list/dvd.png") no-repeat 0 0;width : 130px;height : 166px;} ul.jaquette li.dvd_blu_ray img {width : 112px;height : 160px;left : 14px;top : 3px;} ul.jaquette li.dvd_blu_ray a {background : url("../../images/list/dvd.png") no-repeat 0 0;width : 130px;height : 166px;} ul.jaquette li.manga img {width : 112px;height : 160px;left : 14px;top : 3px;} ul.jaquette li.manga a {background : url("../../images/list/dvd.png") no-repeat 0 0;width : 130px;height : 166px;} ul.jaquette li.youtube img {width : 114px;height : 65px;left : 8px;top : 8px;} ul.jaquette li.youtube a {background : url("../../images/list/ecran.png") no-repeat 0 0;width : 130px;height : 96px;} ul.jaquette li.jaquette img {width : 250px;height : 160px;left : 5px;top : 3px;} ul.jaquette li.jaquette a {background : url("../../images/list/dvd2.png") no-repeat 0 0;width : 260px;height : 166px;} ul.jaquette li.app img {width : 81px;height : 116px;left : 5px;top : 25px;} ul.jaquette li.app a {background : url("../../images/list/smartphone.png") no-repeat 0 0;width : 91px;height : 166px;} /******************* * Boutons tabs Fr * *******************/ span.demo a {padding:3px;} /************** * Les Inputs * **************/ #bbcode1, #bbcode2, #bbcode3, #bbcode4, #html {color:rgba(0,0,0,1.00)} .form-style-1 {max-width: 600px;font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;} .form-style-1 input[type=search]{ background: rgb(125,126,125); background: url("images/search-white.png") no-repeat 10px 6px, -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); background: url("images/search-white.png") no-repeat 10px 6px, -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); background: url("images/search-white.png") no-repeat 10px 6px, linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); color:rgba(255,255,255,1.00); border:2px solid #a50d0d; border-radius: 5px; padding: 6px 15px 6px 35px; } .form-style-1 input[type=text], .form-style-1 input[type=date], .form-style-1 input[type=datetime], .form-style-1 input[type=number], .form-style-1 input[type=time], .form-style-1 input[type=url], .form-style-1 input[type=email], .form-style-1 input[type=password], textarea { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border:2px solid #a50d0d; border-radius: 5px; background: rgb(125,126,125); background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); color:rgba(255,255,255,1.00); padding: 7px; margin:0px; outline: none;} .form-style-1 input[type=search]:focus { background: rgb(240,249,255); background: url("images/search-dark.png") no-repeat 10px 6px, -moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(191,191,191,1) 100%); background: url("images/search-dark.png") no-repeat 10px 6px, -webkit-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(191,191,191,1) 100%); background: url("images/search-dark.png") no-repeat 10px 6px, linear-gradient(to bottom, rgba(240,249,255,1) 0%,rgba(191,191,191,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#bfbfbf',GradientType=0 ); -moz-box-shadow: 0 0 8px rgba(143,2,34,1); -webkit-box-shadow: 0 0 8px rgba(143,2,34,1); background-color:rgba(255,255,255,1.00); color: rgba(0,0,0,1.00); } .form-style-1 input[type=text]:focus, .form-style-1 input[type=date]:focus, .form-style-1 input[type=datetime]:focus, .form-style-1 input[type=number]:focus, .form-style-1 input[type=time]:focus, .form-style-1 input[type=url]:focus, .form-style-1 input[type=email]:focus, .form-style-1 input[type=password]:focus, .form-style-1 textarea:focus{ background: rgb(240,249,255); background: -moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(191,191,191,1) 100%); background: -webkit-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(191,191,191,1) 100%); background: linear-gradient(to bottom, rgba(240,249,255,1) 0%,rgba(191,191,191,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#bfbfbf',GradientType=0 ); color: rgba(0,0,0,1.00); } .form-style-1 .field-divided{ width: 100%; } .form-style-1 .field-divided1{ } .form-style-1 .field-divided2{ } .form-style-1 .field-divided3{ width: 90%; } .form-style-1 .field-security-code{ width: 30%; } .form-style-1 .field-textarea{ width: 790px; height:120px } .form-style-1 .field-textarea1{ width: 750px; height:120px } .form-style-1 .field-textarea2{ width: 300px; height:120px } #clone, #clone1, #clone2, #clone3, #clone4, #clone5, #clone6, #clone7, #clone8, #clone9, #clone10, #clone11, #clone12, #clone13, #clone14, #clone15, #clone16, #clone17, #clone18, #clone19, #clone20, #clone21, #clone22, #clone23, #clone24, #clone25, #clone26, #clone27, #clone28, #clone29, #clone30 { padding-bottom:10px; } /************* * Page info * ************/ .td_yellow {vertical-align:middle;border-radius: 5px;box-shadow: black 5px 5px 5px;background: rgb(255,252,252);background: -moz-linear-gradient(top, rgba(255,252,252,1) 0%, rgba(247,251,255,1) 50%, rgba(215,222,227,1) 51%, rgba(201,199,199,1) 100%);background: -webkit-linear-gradient(top, rgba(255,252,252,1) 0%,rgba(247,251,255,1) 50%,rgba(215,222,227,1) 51%,rgba(201,199,199,1) 100%);background: linear-gradient(to bottom, rgba(255,252,252,1) 0%,rgba(247,251,255,1) 50%,rgba(215,222,227,1) 51%,rgba(201,199,199,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#c9c7c7',GradientType=0 );border: 1px solid #a50d0d;padding:5px 5px 5px 10px;font-weight:bold;color:rgba(68,68,68,1);} .td_blue {vertical-align:middle;border-radius: 5px;box-shadow: black 5px 5px 5px;background: rgb(201,199,199);background: -moz-linear-gradient(top, rgba(201,199,199,1) 0%, rgba(215,222,227,1) 49%, rgba(247,251,255,1) 50%, rgba(255,252,252,1) 100%);background: -webkit-linear-gradient(top, rgba(201,199,199,1) 0%,rgba(215,222,227,1) 49%,rgba(247,251,255,1) 50%,rgba(255,252,252,1) 100%);background: linear-gradient(to bottom, rgba(201,199,199,1) 0%,rgba(215,222,227,1) 49%,rgba(247,251,255,1) 50%,rgba(255,252,252,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c7c7', endColorstr='#fffcfc',GradientType=0 );border: 1px solid #a50d0d;padding:5px 5px 5px 10px;font-weight:bold;color:rgba(68,68,68,1);} .td_titre_red {border-radius: 5px;border: 1px solid #bbb;padding:5px;vertical-align:top;font-weight:bold;box-shadow: 5px 5px 5px black;color:#F00;text-shadow: 2px 2px 2px #000;font-size:20px;font-family:"Arial Black", Gadget, sans-serif;} .td_titre {border-radius: 5px;border: 1px solid #bbb;padding:5px 5px 5px 5px;vertical-align:top;font-weight:bold;box-shadow: 5px 5px 5px black;} .infos_cadre {border:#8C0000 2px solid;background: rgb(125,126,125); background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-left:5px; color:#ffffff;border-radius: 5px;padding-left:5px;padding-top:2px;font-size: 14px;} input.infos_cadre {height: 1.6em;} select.infos_cadre {height: 2.5em;} /** textarea.infos_cadre {border:#8C0000 2px solid;background:url("../../jquery/themes/dark-hive/images/ui-bg_loop_25_000000_21x21.png") repeat;color:#ffffff;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;padding:5px 5px 5px 5px;font-size: 14px;} **/ .infos_cadre option {line-height: 1.1em;border:#8C0000 1px solid;background:url("../../jquery/themes/dark-hive/images/ui-bg_loop_25_000000_21x21.png") repeat;color:#CC0000;font-size: 14px;} img.notselect {border-radius: 5px;border: 3px solid #ffffff;height:80px;width:80px;} @keyframes blink {0% {border-color: #FF0000} 50% {border-color: #8C0000}} img.selected {border-radius: 5px;border: 3px solid ;height:80px;width:80px;animation: blink .5s step-end infinite alternate;} font.screentout {float:right;padding-right:5px;} /***************** * Page resultat * ****************/ DL.hidebox {border-right:#d8d8d8 1px solid;padding-right:3px;border-top: #d8d8d8 1px solid;padding-left: 3px;font-size: 1em;padding-bottom: 3px;border-left: #d8d8d8 1px solid;padding-top: 3px;border-bottom: #d8d8d8 1px solid;background-color: #ffffff;color:#000;} DL.hidebox DT {display: block;font-weight: bold;font-size: 0.8em;margin-bottom: 3px;text-transform: uppercase;border-bottom: #cccccc 1px solid;} DT.unhide {color: #339900;} DT.hide {color: #FF0000;} /*********************** * Texte-Slider-Divers * **********************/ p {font-family:Arial;font-size: 11px;color: #556074;} h1 {font-family:Arial;font-size: 13px;color: #1955A3;font-weight: bold;} h2 {font-family:Arial;font-size: 12px;font-weight:bold;margin: 0px;padding:0px;text-align:center;color: #F00000;} h3 {font-family:Arial;font-size: 9px;font-weight:normal;margin: 0px;padding:0px;text-align:center;color: #FFFFFF;} a img {border:0;} ul, li {font-size:13px; font-family:Arial, Helvetica, sans-serif;text-align:left;} .genere {color:#BA0000;} /********** * footer * **********/ footer {position: fixed;left: 0;bottom: 0;z-index:10000; width:100%;background: #8c0000; background: -moz-linear-gradient(top, #8c0000 0%, #8f0222 44%, #6d0019 100%); background: -webkit-linear-gradient(top, #8c0000 0%,#8f0222 44%,#6d0019 100%); background: linear-gradient(to bottom, #8c0000 0%,#8f0222 44%,#6d0019 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c0000', endColorstr='#6d0019',GradientType=0 ); box-shadow: -1px -10px 10px #000000; text-align: center;} footer p {color:hsla(0,0%,100%,1.00);} .espace {height:10px;} .footer_center {vertical-align:middle;} #footer_bottom {margin:10px auto 0px auto;padding-top:5px;width:1024px;height:50px;border-radius: 10px 10px 20px 20px;background: #F9F9F9;background: -webkit-gradient(linear,left bottom,left top,color-stop(0.18, #F9F9F9),color-stop(0.59, #EFEFEF),color-stop(0.8, #D8D8D8));background: -webkit-linear-gradient(#F9F9F9, #D8D8D8);background: -moz-linear-gradient(center bottom,#F9F9F9 18%,#EFEFEF 59%,#D8D8D8 80%);background: -ms-linear-gradient(#F9F9F9, #D8D8D8);background: -o-linear-gradient(#F9F9F9, #D8D8D8);background: linear-gradient(#F9F9F9, #D8D8D8);-pie-background: linear-gradient(#F9F9F9, #D8D8D8);behavior: url(js/PIE.htc);border: 4px solid #8C0000;} /************** * livre d'or * *************/ .td_livre_a {border-radius: 5px;background:url("../../jquery/themes/dark-hive/images/ui-bg_loop_25_000000_21x21.png") repeat ;border: 1px solid #bbb;padding:10px;vertical-align:top;font-weight:bold;color:#FFF;} .td_livre_b {border-radius: 5px;background: -webkit-gradient(linear, left top, left bottom, from(#2770B5), to(#73C2FD));background: -moz-linear-gradient(top, #2770B5, #73C2FD);border: 1px solid #bbb;padding:5px;vertical-align:top;font-weight:bold;box-shadow: 5px 5px 5px black;color:#000} .image_security_code {border-radius: 5px;} /******************* * Page Partenaire * ******************/ .fieldset_list_partenaires {border-radius: 10px;background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d4d4d4));background: -moz-linear-gradient(top, #ededed, #d4d4d4);border: 1px solid #000000;padding: 10px;margin:10px;color:#000000;box-shadow: 5px 5px 5px black;} .partenaires {margin-top:20px;margin-left:auto;margin-right:auto;margin-bottom:0px;width:750px;background-color:#F9F9F9;border-radius: 5px;background: #D8D8D8;background: -webkit-gradient(linear,left bottom,left top,color-stop(0.18, #D8D8D8),color-stop(0.59, #EFEFEF),color-stop(0.8, #F9F9F9));background: -webkit-linear-gradient(#D8D8D8, #F9F9F9);background: -moz-linear-gradient(center bottom,#D8D8D8 18%,#EFEFEF 59%,#F9F9F9 80%);background: -ms-linear-gradient(#D8D8D8, #F9F9F9);background: -o-linear-gradient(#D8D8D8, #F9F9F9);background: linear-gradient(#D8D8D8, #F9F9F9);-pie-background: linear-gradient(#D8D8D8, #F9F9F9);behavior: url(js/PIE.htc);box-shadow: 5px 5px 5px black;} .titre_partenaires {padding: 10px;color:#FFF;font-weight:bold;font-size:20px;border-radius: 5px;background: -moz-linear-gradient(top, rgba(174,188,191,1) 0%, rgba(110,119,116,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,188,191,1)), color-stop(50%,rgba(110,119,116,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1)));background: -webkit-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);background: -o-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);background: -ms-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);background: linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 );} /********** * Paypal * *********/ .paypal p {azimuth:center;text-align:center;margin-top:5px;} /****************************** * Information sur le contenu * ******************************/ .cont {color:#000;text-align:left;text-align:justify;margin:5px 5px;padding:0;} /************************** * Mise en page des puces * **************************/ .cont li {list-style-type : disc;margin-left:70px; margin-right:10px; padding-right:10px !important; padding-right:0; } .cont a {font-weight :bold; } .cont a:hover {color:#00CCFF;} h4.manga {font-weight: bold;font-size: 14px;color: #ffffff;background-color: #3088ed;padding: 2px 5px 2px 5px;box-shadow: #ffffff;border-top-width: 1px;border-right-width-value: 1px;border-bottom-width: 1px;border-left-width-value: 1px;border-top-style: solid;border-right-style-value: solid;border-bottom-style: solid;border-left-style-value: solid;border-top-color: #1b64dc;border-right-color-value: #1b64dc;border-bottom-color: #1b64dc;border-left-color-value: #1b64dc;border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;padding-left:3px;margin-left:5px; padding-right:20px; margin-right:20px} h4.dvd {font-weight: bold;font-size: 14px;color: #ffffff;background-color: #3088ed;padding: 2px 5px 2px 5px;box-shadow: #ffffff;border-top-width: 1px;border-right-width-value: 1px;border-bottom-width: 1px;border-left-width-value: 1px;border-top-style: solid;border-right-style-value: solid;border-bottom-style: solid;border-left-style-value: solid;border-top-color: #1b64dc;border-right-color-value: #1b64dc;border-bottom-color: #1b64dc;border-left-color-value: #1b64dc;border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;padding-left:3px;margin-left:5px; padding-right:20px; margin-right:20px} /******************* * LISTES DE LIENS * *******************/ .liste_liens li,.liste_liens2 li, {padding-left: 8px;} .liste_liens li {background: url('http://image.jeuxvideo.com/css_img/defaut/puce_liste_orange.gif') no-repeat left; margin-left: 12px;} .liste_jeux_1 li {background: url('http://www.manga-news.com/tpl/default/img2/puce2.gif') no-repeat left; margin-left: 24px;} .liste_jeux_2 li {margin-left: 24px; padding:5px} .sep {background: url('http://image.jeuxvideo.com/skin/sk_defaut/sk_img/sep_bleue.gif') repeat-x center;} ul {list-style-type: none;} p, ul {margin: 0;padding: 0;} #info {margin: 0;padding: 0 0 0 0;} .cadre {border:1px solid #4475ce;} .alert {color: #990000;font-size: 11px;} /********* * Popup * ********/ div#disclaimer {text-align:left; } div#disclaimer-fond {position:absolute; z-index:1000; width:100%; height:2650px; background:#0F000E; opacity: 0.9; text-align:center; line-height:normal; clear:both; } div#disclaimer-conteneur {position:absolute; z-index:1001; width:100%; text-align:center; clear:both; } div#disclaimer-cadre {width:984px; margin-left:auto; margin-right:auto; text-align:left; margin-top:200px; padding:16px; font-size:16px;border:4px solid #ff99ff;border-radius: 40px 40px 40px 40px;background:#FFC6FC; color:#555; } div#disclaimer-cadre p {font-size:45px; color:black; font-weight:bold } div#disclaimer-cadre b {font-size:18px; color:black; } /*********** * Boutons * **********/ .awesome, .awesome:visited {background: url("images/bouton2.png") repeat-x;background-position:0px 0px; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none;border-radius: 5px;border: 0px;cursor: pointer;} .awesome:hover {background : url("images/bouton2.png") repeat-x;color : #fff;background-position:0px -31px;} .awesome:active {top : 1px;} .small.awesome, .small.awesome:visited {font-size : 10px;} .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited {font-size : 13px;font-weight : bold;line-height : 1;} /************** * Boutons OK * *************/ .ok, .ok:visited {background: #222 url("images/bouton2.png") repeat-x; display: inline-block; padding: 5px 4px 6px; color: #fff; text-decoration: none;border-radius: 5px;border: 0px;cursor: pointer;} .ok:hover {background : url("images/bouton2.png") repeat-x;color : #fff;background-position:0px -31px;} .ok:active {top : 1px;} .small.ok, .small.ok:visited {font-size : 10px;} .ok, .ok:visited {font-size : 13px;font-weight : bold;line-height : 1;} /*********** * Boutons * **********/ .bouton, .bouton:visited {background: #f4f5f6 url("images/bouton2.png") repeat-x;background-position:0px -62px; display: inline-block; padding: 5px 10px 6px; color: #000; text-decoration: none;border-radius: 5px;border: 0;cursor: pointer;font-weight:bold; margin-bottom:3px} .bouton:hover {background : #ffef20 url("images/bouton2.png") repeat-x;color: #000;font-weight:bold;background-position:-1px -88px;} .bouton:active {top : 1px;} .small.bouton, .small.bouton:visited {font-size : 10px;} .bouton, .bouton:visited {font-size : 13px;font-weight : bold;line-height : 1;} .awesome_hover {background: url("images/bouton2.png") repeat-x;background-position:0px -31px; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none;border-radius: 5px;border: 0px;cursor: pointer;} /*********** * Cookies * **********/ #cookie-bar {background:#111111; height:auto; min-height:24px; line-height:24px; color:#ffffff; text-align:center; padding:3px 0;} #cookie-bar.fixed {position:fixed; z-index:9999; top:0; left:0; width:100%;} #cookie-bar.fixed.bottom {bottom:0; top:auto;} #cookie-bar p {margin:0; padding:0; color: #FFFFFF; font-weight:bold} #cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:40px; font-weight:bold} #cookie-bar .cb-enable {background:#007700;} #cookie-bar .cb-enable:hover {background:#009900;} #cookie-bar .cb-disable {background:#990000;} #cookie-bar .cb-disable:hover {background:#bb0000;} #cookie-bar .cb-policy {background:#0033bb;} #cookie-bar .cb-policy:hover {background:#0055dd;} #wait {background-image:url(styles/defaut/images/loadingAnimation.gif)} /********** * POPUPS * *********/ #fade {display:none; background:#000; position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; opacity:.90; z-index:9999} .poplight a:hover {text-decoration:none; color:#FFF} .popup_block {display:none; background:none; padding:20px; border:#890a09 3px solid; float:left; position:fixed; top:50%; left:50%; z-index:99999; box-shadow:0px 0px 20px #fff; border-radius:10px} .btn_close {background:url('images/close_pop.png') no-repeat; width:50px; height:50px; overflow:hidden; transition-duration:0.8s; transition-property:transform; cursor:pointer} .btn_close:hover {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); cursor:pointer} img.btn_close {float:right; margin:-55px -55px 0 0} .popup p {padding:5px 10px; margin:5px 0} *html #fade {position:absolute} *html .popup_block {position:absolute} #sheepItForm {width:400px} #sheepItForm label {margin: 0 0 0 10px; width:150px} #sheepItForm_add a {cursor:pointer; height:18px; border-radius:5px; color: #000000; padding:5px;background: rgb(191,210,85); background: -moz-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); background: -webkit-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); background: linear-gradient(to bottom, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); } #sheepItForm_add a:hover {cursor:pointer; height:18px; border-radius:5px; color: #000000; padding:5px;background: rgb(158,203,45); background: -moz-linear-gradient(top, rgba(158,203,45,1) 0%, rgba(114,170,0,1) 49%, rgba(142,185,42,1) 50%, rgba(191,210,85,1) 100%); background: -webkit-linear-gradient(top, rgba(158,203,45,1) 0%,rgba(114,170,0,1) 49%,rgba(142,185,42,1) 50%,rgba(191,210,85,1) 100%); background: linear-gradient(to bottom, rgba(158,203,45,1) 0%,rgba(114,170,0,1) 49%,rgba(142,185,42,1) 50%,rgba(191,210,85,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ecb2d', endColorstr='#bfd255',GradientType=0 ); } /************ * NoScript * ***********/ .NoScript {position: fixed;z-index: 99999;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.9);opacity:1;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: auto;} .NoScript > div {max-width: 600px;position: relative;margin: 1% auto; border: 2px solid rgba(255,0,4,1.00);padding: 8px 8px 8px 8px;border-radius: 5px;background: #eee;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out; } .NoScript > div header {border-bottom: 1px solid #e7e7e7;border-radius: 5px 5px 0 0;} .NoScript .footer {border:none;border-top: 1px solid #e7e7e7;border-radius: 0 0 5px 5px;} .NoScript > div h1 {margin:0;text-align:center;color: rgba(255,0,4,1.00);font-size: 300%;} .NoScript > div section p {color: rgba(255,0,4,1.00);font-weight:bold; font-size:14px;} .NoScript > div section,.NoScript > div > header {padding:15px;} @keyframes blink {50% {opacity: 0.0;}} @-webkit-keyframes blink {50% {opacity: 0.0;}} .blink {animation: blink 1s step-start 0s infinite;-webkit-animation: blink 1s step-start 0s infinite;} #containers, #breadcrumbs, .breadcrumb, .label, .arrow { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0; font-family: sans-serif; font-size: 12px; } #containers { width: 285px; } #breadcrumbs { display: inline-block; margin: 10px; padding-right: 18px; border-radius: 10px; box-shadow:0 0 1px rgba(165,13,13,0.5); } .breadcrumb { display: inline-block; cursor: pointer; margin-right: -20px; box-shadow: inset 0 -1px 1px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.25);background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(173,173,173,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(173,173,173,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(173,173,173,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adadad',GradientType=0 ); } .breadcrumb:hover { background: rgb(173,173,173); background: -moz-linear-gradient(top, rgba(173,173,173,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(173,173,173,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(173,173,173,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#ffffff',GradientType=0 ); box-shadow: inset 0 1px 1px rgba(165,13,13,0.25);} .breadcrumb:first-child {border-radius: 10px 0 0 10px;} .breadcrumb:last-child {border-radius: 0 10px 10px 0;} .label { color: #a50d0d; height: 30px; padding: 8px; -moz-user-select: none; -webkit-user-select: none; display: inline-block; padding-left: 25px; } .breadcrumb:first-child .label {padding-left: 15px;} .breadcrumb:last-child .label {padding-right: 15px;} .breadcrumb:last-child .arrow {display: none;} .arrow {width: 17px;height: 30px;display: inline-block;vertical-align: top;overflow: hidden;margin-left: -5px;} .arrow span { border-radius: 5px; width: 24px;height: 24px; display: inline-block; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); margin-left: -13px; margin-top: 3px; box-shadow: inset 1px 1px 0px rgba(255,255,255,0.25), 1px -1px 2px rgba(0,0,0,0.25);background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(173,173,173,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(173,173,173,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(173,173,173,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adadad',GradientType=0 ); } .breadcrumb:hover .arrow span { background: rgb(173,173,173); background: -moz-linear-gradient(top, rgba(173,173,173,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(173,173,173,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(173,173,173,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#ffffff',GradientType=0 ); } .control { font-family: arial; display: block; position: relative; padding-left: 25px; margin-bottom: 10px; padding-top: 0px; cursor: pointer; font-size: 13px; } .control input { position: absolute; z-index: -1; opacity: 0; } .control_indicator { position: absolute; top: 4px; left: 0px; height: 10px; width: 10px; background: #e6e6e6; border: 1px solid #FF0000; } .control-radio .control_indicator, .control-checkbox .control_indicator{ border-radius: 3px } .control:hover input ~ .control_indicator, .control input:focus ~ .control_indicator { background: #cccccc; } .control input:checked ~ .control_indicator { background: #a50d0d; } .control:hover input:not([disabled]):checked ~ .control_indicator, .control input:checked:focus ~ .control_indicator { background: #0e6647d; } .control input:disabled ~ .control_indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; } .control_indicator:after { box-sizing: unset; content: ''; position: absolute; display: none; } .control input:checked ~ .control_indicator:after { display: block; } .control-checkbox .control_indicator:after, .control-radio .control_indicator:after{ left: 2px; top: 0px; width: 3px; height: 6px; border: solid #FFFFFF; border-width: 0 3px 3px 0; transform: rotate(45deg); } .control-checkbox input:disabled ~ .control_indicator:after, .control-radio input:disabled ~ .control_indicator:after{ border-color: #7b7b7b; }