* {
margin:0;
padding:0;
outline:0
}

body {
margin:0;
padding:0;
font:12px/160% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
background:url(images/headerbg-rouge.gif) repeat-x;
/*color:#666666;*/
color:#222;
text-align:center
}

a:link,a:visited {
background:inherit;
color:#FF1F28;
text-decoration:none
}

a:hover {
/*background:inherit;*/
color:#666
}

h1,h2,h3 {
font:bold 1em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
color:#333
}

h1 {
font-size:1.4em
}

h2 {
font-size:1.3em
}

h3 {
font-size:1.2em;
font-weight:700
}

#main h1,#rightbar h1 {
padding:10px 0 5px 5px;
margin:0 0 10px 10px;
border-bottom:1px solid #f2f2f2
}

#sidebar h1 {
padding:2% 0 5px 5px;
margin:0 0 5px
}

p,h1,h2,h3 {
margin:10px 15px
}

ul,ol {
margin:10px 30px;
padding:0 15px;
color:#FF1F28
}

ul span,ol span {
color:#666
}

img {
/*background:#FAFAFA;*/
border:1px solid #E4E4E4
/*padding:2%;*/
}

img.float-right {
margin:5px 0 5px 15px
}

img.float-left {
margin:5px 15px 5px 0
}

code {
margin:5px 0;
padding:15px 10px;
text-align:left;
display:block;
overflow:auto;
font:500 1em/1.5em 'Lucida Console', 'courier new', monospace;
/* white-space:pre; */
background:#FAFAFA;
border:1px solid #f2f2f2;
border-left:3px solid #FF1F28
}

acronym {
cursor:help;
border-bottom:1px solid #777
}

blockquote {
margin:15px;
padding:5px 5px 5px 32px;
background:#FAFAFA url(images/quote.gif) no-repeat 5px 10px!important;
background-position:8px 10px;
border:1px solid #f2f2f2;
border-left:3px solid #FF1F28
}

form {
margin:10px;
padding:5px;
border:1px solid #f2f2f2;
background-color:#FAFAFA
}

label {
display:block;
font-weight:700;
margin:5px 0
}

input[type=text] {
padding:4px 5px;
border:1px solid #eee;
font-size:1em;
color:#777
}

textarea {
width:350px;
padding:4px 5px;
font-size:1em;
border:1px solid #eee;
height:100px;
display:block;
color:#777
}

input.button,input[type=submit] {
margin:0;
font:bold 1em Arial, Sans-serif;
border:1px solid #CCC;
background:#FFF;
padding:5px;
color:#333
}

form.searchform {
background:transparent;
border:none;
margin:0;
padding:0
}

form.searchform input.textbox {
margin:0;
width:120px;
border:1px solid #CCC;
background:#FFF;
color:#333;
vertical-align:top
}

form.searchform input.button {
width:75px;
vertical-align:top;
padding:2px 5px
}

#wrap {
margin:0 auto;
width:100%;
text-align:left;
background:#FFF
}

#content-wrap {
clear:both;
margin:0;
padding:0;
min-width:100%
}

#header {
position:relative;
background:url(images/headerbg-rouge.gif) repeat-x 0 0;
height:84px
}

#header h1#logo {
position:absolute;
margin:0;
padding:0;
font:bold 3.5em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing:-3px;
color:#CCC;
text-transform:lowercase;
/* change the values of top and Left to adjust the position of the logo*/
top:0;
left:5px
}

#header h1 a {
color:#CCC
}

#header h2#slogan {
position:absolute;
margin:0;
padding:0;
font:bold 11px 'Trebuchet MS', Arial, Sans-serif;
text-transform:none;
color:#FFF;
/* change the values of top and Left to adjust the position of the slogan*/
top:48px;
left:70px
}

#header .searchform {
position:absolute;
top:5px;
right:3px
}

#main {
float:left;
margin-left:15px;
padding:10px 0 0 5px;
width:64%;
border-left:1px solid #f2f2f2
}

.post-footer {
background-color:#FAFAFA;
padding:5px;
margin-top:10px;
font-size:.9em;
border:1px solid #f2f2f2
}

.post-footer .date {
background:url(images/clock.gif) no-repeat left center;
padding-left:20px;
margin:0 10px 0 5px
}

.post-footer .comments {
background:url(images/comment.gif) no-repeat left center;
padding-left:20px;
margin:0 10px 0 20px
}

.post-footer .readmore {
background:url(images/page.gif) no-repeat left center;
padding-left:20px;
margin:0 10px 0 20px
}

#sidebar {
float:left;
width:15%;
margin:0;
padding:2% 0 0 1%;
display:inline
}

#sidebar ul.sidemenu,#rightbar ul.sidemenu {
list-style:none;
text-align:left;
margin:0 0 3%;
padding:0;
text-decoration:none;
font-size:.9em;
border-top:1px solid #EFF0F1
}

#sidebar ul.sidemenu li,#rightbar ul.sidemenu li {
border-bottom:1px solid #EFF0F1;
background:url(images/arrow.gif) no-repeat 2px 9px;
padding:2px 3px 2px 18px;
color:#555
}

* html body #sidebar ul.sidemenu li {
height:1%
}

#sidebar ul.sidemenu a,#rightbar ul.sidemenu a {
font-weight:700;
background-image:none;
text-decoration:none
}

#rightbar {
float:right;
width:15%;
padding:2% 0 0;
margin:0
}

#footer {
clear:both;
background:#FFF url(images/footerbg.gif) repeat-x left top;
border-top:1px solid #F2F2F2;
text-align:center;
height:80px;
font-size:.9em
}

#footer a {
text-decoration:none
}

#menu {
clear:both;
margin:0;
padding:0
}

#menu ul {
position:relative;
bottom:4px;
margin:0;
padding:0;
float:left;
font:bold 1.1em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
width:100%;
/* 775px; */
border:1px solid gray;
border-width:0 0 4px;
list-style:none
}

#menu ul li {
display:inline
}

#menu ul li a,#menu ul li span {
position:relative;
bottom:-4px;
float:left;
color:gray;
padding:5px 10px;
text-decoration:none;
background:#FFF url(images/menudivide.gif) repeat-y right top;
border-bottom:4px solid gray
}

#menu ul li a:hover {
color:#000;
background-color:#F3F3F3;
border-bottom:4px solid #FF1F28
}

#menu ul li#current a,#menu ul li#current span {
color:#333;
background-color:#F3F3F3;
border-bottom:4px solid #FF1F28
}

.float-left {
float:left
}

.float-right {
float:right
}

.align-left {
text-align:left
}

.align-right {
text-align:right
}

.align-center {
text-align:center
}

.clear {
clear:both
}

.block {
display:block
}

.hide {
display:none
}

.orange {
color:#FF1F28
}

.rouge {
color:#ff1f28
}
#recherche {
clear:both;
margin:0;
padding:0
}

#recherche ul {
position:relative;
bottom:4px;
margin:0;
float:left;
width:850px;
list-style:none
}

#recherche ul li {
display:inline;
float:left;
width:120px;
padding:2px 4px;
border-left:1px solid #FF1F28
}

#recherche ul li a,#menu ul li span {
position:relative;
color:gray;
text-decoration:none
}

img.mobile {
width:16px;
height:16px;
border:0 none;
vertical-align:middle;
padding:0
}

#menu ul li {
cursor:pointer
}

#menu ul li img {
position:relative;
bottom:-4px;
float:left;
border:0 none
}

#menu ul li span.o {
color:#FF1F28
}

#disclaimer {
text-align:left;
display:none
}

#disclaimer-fond {
position:absolute;
z-index:9998;
width:100%;
background:#fff;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
text-align:center;
line-height:normal;
clear:both
}

#disclaimer-conteneur {
position:absolute;
z-index:9999;
width:100%;
text-align:center;
clear:both
}

#disclaimer-cadre {
width:550px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:30px;
padding:15px;
font-size:12px;
border:#FF1F28 1px solid;
background:#f5f5f5;
color:#555
}

div.pagination {
width:90%;
margin:10px auto;
clear:both
}

div.pagination a {
color:#FF1F28;
padding:2px 4px;
border:1px solid #FF1F28
}

div.pagination a:hover,div.pagination a:active {
background-color:#fff;
color:#FF1F28
}

div.pagination span.current {
padding:2px 4px;
border:1px solid #646668;
background-color:#EEE;
color:#949494
}

div.pagination span.disabled {
padding:2px 4px;
border:1px solid #646668;
color:#646668
}

.bf {
display:block;
_display:none;
position:fixed;
z-index:9997;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:1px
}

.bf:hover {
right:3px
}

.bf div {
background-repeat:no-repeat;
background-position:0 0;
width:48px;
height:48px
}

.bf img {
width:18px;
height:18px;
border:0 none;
padding:0;
display:block
}

.bf .rss {
background:url(images/rss.png)
}

.bf .favoris {
background:url(images/favoris.png)
}

.bf .twitter {
background:url(images/twitter.png)
}

.bf .facebook {
background:url(images/facebook.png)
}

.bf .email {
background:url(images/email.png)
}

.bf .txt {
background:url(images/txt.png)
}

.bf .pdf {
background:url(images/pdf.png)
}

.bf .imprimer {
background:url(images/imprimer.png)
}

/*.bf div { background-image:url(images/sprite48.png); background-position:top left; background-repeat:no-repeat; width:48px; height:48px; }
.bf img { width:18px; height:18px; border:0px none; padding:0; display:block; }

.bf .digg { background-position:0 0; }
.bf .email { background-position:0 -49px; }
.bf .facebook { background-position:0 -98px; }
.bf .favoris { background-position:0 -147px; }
.bf .imprimer { background-position:0 -196px; }
.bf .pdf { background-position:0 -245px; }
.bf .rss { background-position:0 -294px; }
.bf .twitter { background-position:0 -343px; }
.bf .txt { background-position:0 -392px; }*/
a.signal {
background:url(images/attention.png) no-repeat;
width:18px;
height:18px;
float:right;
border:0 none
}

.video {
width:157px;
height:75px;
border:0 none;
cursor:pointer
}

#commentaire {
margin:10px
}

.erreur {
margin:10px auto;
width:90%;
background-color:#FFEFF0;
border:1px solid red;
color:red;
padding:4px
}

.error,.red {
color:red
}

.green {
color:green
}

label .error {
float:left;
display:inline
}

.histoire {
margin:10px auto;
width:85%;
border:1px solid #FF1F28;
padding:1%
}

.normal {
color:#666
}

.note,.note_img {
height:16px;
border:0 none;
display:inline-block
}

.note {
background:url(images/ui.stars.gif) repeat-x 0 -32px;
width:80px;
margin:0 10px
}

.note_img {
background:url(images/ui.stars.gif) repeat-x 0 -64px;
padding:0;
margin:0
}

.loader {
border:0
}

#content {
width:90%;
height:600px;
color:#000;
max-height:2000px
}

label.no {
margin:-8px 5px;
padding:0 2px;
font-weight:400
}

.left {
float:left
}

.center {
margin:0 auto;
text-align:center;
vertical-align:top
}

.right {
float:right
}

.clear {
display:block;
clear:both
}

#top {
color:#FF1F28;
cursor:pointer
}

.gris {
color:#555
}

.thumb {
width:140px;
height:160px;
margin:2px;
border:1px solid #FF1F28;
background-position:center center;
background-repeat:no-repeat
}

.thumb:hover {
border:1px solid #777
}

#ami {
width:95%;
padding:2px 4px;
text-align:justify;
border:1px solid #FF1F28;
font-size:8pt
}

img.gal {
margin:2px 0;
border:none
}

#beerich,#pub {
width:550px;
height:150px
}

/*width:560px; height:87px;*/
#pub2 {
width:160px
}

#pub2,#eravage {
margin:0 auto
}

#eravage {
width:160px;
height:300px
}

#beerich {
border:0;
overflow:hidden
}

#img_histoire {
display:block;
margin:5px auto 0;
padding:2px;
border:1px solid #ccc
}

#nimg {
cursor:pointer
}

#header a.toplist {
position:absolute;
font-weight:700;
font-size:14pt;
color:#ccc;
top:45px;
right:15px;
background:none inherit
}

.statusbar {
position:fixed;
bottom:5px;
left:0;
right:0;
height:16px;
padding:5px;
background:#000;
color:#FF1F28;
border:solid 1px #FF1F28;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
z-index:200;
overflow:hidden;
overflow-y:auto
}

.statusbarhighlight {
font-weight:700;
background-color:#F0E68C;
color:maroon;
border:solid 1px silver
}

.statusbarclose {
position:absolute;
right:10px;
top:2px;
color:red;
font-size:12pt;
font-weight:700;
cursor:pointer
}

.statusbar a {
font-weight:700
}

.inline {
display:inline
}

.highlight {
background-color:#FF1F28;
color:#fff;
border:1px solid #ccc
}

a.details_note img {
display:none
}

#div_details {
width:220px;
text-align:left;
overflow:hidden
}

.bar_note {
position:absolute;
display:inline;
left:60px;
clear:right
}

a.orange {
color:#FFA600
}

label.checkbox span.holder {
background:transparent url(images/checkbox.gif) repeat scroll 0 0;
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-inline-policy:continuous;
height:61px
}

label.radio span.holder {
background:transparent url(images/radio.gif) repeat scroll 0 0;
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-inline-policy:continuous;
height:61px
}

label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder {
top:-42px!important
}

input.hiddenCheckbox {
left:-999px;
position:absolute
}

label.prettyCheckbox span.holderWrap {
overflow:hidden;
float:left;
position:relative
}

label.prettyCheckbox span.holder {
display:block;
position:absolute
}

label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder {
top:-42px!important
}

label.checkbox:hover span.holder,label.radio:hover span.holder {
top:-21px!important
}

label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder {
top:-42px!important
}

#bas_droite {
margin:2px auto;
width:140px;
border:1px solid #FF1F28
}

#bas_droite:hover,#bas_droite:hover a {
border-color:#fff;
background-color:#FF1F28;
color:#fff
}

#bas_droite a {
margin:0;
display:block;
width:136px;
text-align:center;
padding:4px 2px;
color:#FF1F28;
font-weight:700;
background-color:#fff;
cursor:pointer
}
.bmenu {
position:absolute;
/*leave this alone*/
display:none;
/*leave this alone*/
width:180px;
/*default width of menu*/
border:1px solid #000;
overflow-x:hidden
}

.bmenu ul {
list-style-type:none;
margin:0;
padding:0
}

.bmenu ul li span {
background:#FFF;
font:bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#00014e;
display:block;
width:auto;
padding:3px 0;
padding-left:5px;
text-decoration:none;
border-bottom:1px solid #B5B5B5
}

.bmenu ul li a:visited,.bmenu ul li a:active {
color:#00014e
}

.bmenu ul li a:hover {
color:#000;
background:#ffffcb
}

* html .bmenu li {
height:1%
}

* html .bmenu li a {
height:1%
}
.ui-stars-star,.ui-stars-cancel {
float:left;
display:block;
overflow:hidden;
text-indent:-999em;
cursor:pointer
}

.ui-stars-star a,.ui-stars-cancel a {
width:28px;
height:26px;
display:block;
position:relative;
background:url(images/crystal-stars.png) no-repeat 0 0
}

.ui-stars-star a {
background-position:0 -56px
}

.ui-stars-star-on a {
background-position:0 -84px
}

.ui-stars-star-hover a {
background-position:0 -112px
}

.ui-stars-cancel-hover a {
background-position:0 -28px
}

.ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a {
cursor:default!important
}
#cluetip-close img {
border:0
}

#cluetip-title {
overflow:hidden
}

#cluetip-title #cluetip-close {
float:right;
position:relative
}

#cluetip-waitimage {
width:220px;
height:19px;
position:absolute;
background-image:url(images/ajax-loader.gif)
}

.cluetip-arrows {
display:none;
position:absolute;
top:0;
left:-11px;
height:22px;
width:11px;
background-repeat:no-repeat;
background-position:0 0
}

#cluetip-extra {
display:none
}

.cluetip-default {
background-color:#fff;
text-align:justify
}

.cluetip-default #cluetip-outer {
position:relative;
margin:0;
background-color:#fff
}

.cluetip-default h3#cluetip-title {
margin:0 0 5px;
padding:8px 10px 4px;
font-size:1.1em;
font-weight:400;
background-color:#FFA600;
color:#fff
}

.cluetip-default #cluetip-title a {
color:#fff;
font-size:.95em
}

.cluetip-default #cluetip-inner {
padding:10px
}

.cluetip-default div#cluetip-close {
text-align:right;
margin:0 5px 5px;
color:#FFA600
}

.clue-right-default .cluetip-arrows {
background-image:url(images/darrowleft.gif)
}

.clue-left-default .cluetip-arrows {
background-image:url(images/darrowright.gif);
left:100%;
margin-right:-11px
}

.clue-top-default .cluetip-arrows {
background-image:url(images/darrowdown.gif);
top:100%;
left:50%;
margin-left:-11px;
height:11px;
width:22px
}

.clue-bottom-default .cluetip-arrows {
background-image:url(images/darrowup.gif);
top:-11px;
left:50%;
margin-left:-11px;
height:11px;
width:22px
}

.cluetip-jtip {
background-color:transparent
}

.cluetip-jtip #cluetip-outer {
border:2px solid #ccc;
position:relative;
background-color:#fff
}

.cluetip-jtip h3#cluetip-title {
margin:0 0 5px;
padding:2px 5px;
font-size:16px;
font-weight:400;
background-color:#ccc;
color:#333
}

.cluetip-jtip #cluetip-inner {
padding:0 5px 5px;
display:inline-block
}

.cluetip-jtip div#cluetip-close {
text-align:right;
margin:0 5px 5px;
color:#900
}

.clue-right-jtip .cluetip-arrows {
background-image:url(images/arrowleft.gif)
}

.clue-left-jtip .cluetip-arrows {
background-image:url(images/arrowright.gif);
left:100%;
margin-right:-11px
}

.clue-top-jtip .cluetip-arrows {
background-image:url(images/arrowdown.gif);
top:100%;
left:50%;
margin-left:-11px;
height:11px;
width:22px
}

.clue-bottom-jtip .cluetip-arrows {
background-image:url(images/arrowup.gif);
top:-11px;
left:50%;
margin-left:-11px;
height:11px;
width:22px
}

.cluetip-rounded {
background:transparent url(images/bl.gif) no-repeat 0 100%;
margin-top:10px;
margin-left:12px
}

.cluetip-rounded #cluetip-outer {
background:transparent url(images/tl.gif) no-repeat 0 0;
margin-top:-12px
}

.cluetip-rounded #cluetip-title {
background-color:transparent;
padding:12px 12px 0;
margin:0 -12px 0 0;
position:relative
}

.cluetip-rounded #cluetip-extra {
position:absolute;
display:block;
background:transparent url(images/tr.gif) no-repeat 100% 0;
top:0;
right:0;
width:12px;
height:30px;
margin:-12px -12px 0 0
}

.cluetip-rounded #cluetip-inner {
background:url(images/br.gif) no-repeat 100% 100%;
padding:5px 12px 12px;
margin:-18px -12px 0 0;
position:relative
}

.cluetip-rounded div#cluetip-close {
text-align:right;
margin:0 5px 5px;
color:#009;
background:transparent
}

.cluetip-rounded div#cluetip-close a {
color:#777
}

.clue-right-rounded .cluetip-arrows {
background-image:url(images/rarrowleft.gif)
}

.clue-left-rounded .cluetip-arrows {
background-image:url(images/rarrowright.gif);
left:100%;
margin-left:12px
}

.clue-top-rounded .cluetip-arrows {
background-image:url(images/rarrowdown.gif);
top:100%;
left:50%;
margin-left:-11px;
height:11px;
width:22px
}

.clue-bottom-rounded .cluetip-arrows {
background-image:url(images/rarrowup.gif);
top:-23px;
left:50%;
margin-left:-11px;
height:11px;
width:22px
}

.cluetip-rounded #cluetip-title,.cluetip-rounded #cluetip-inner {
zoom:1
}
#fancybox-loading {
position:fixed;
top:50%;
left:50%;
height:40px;
width:40px;
margin-top:-20px;
margin-left:-20px;
cursor:pointer;
overflow:hidden;
z-index:1104;
display:none
}

* html #fancybox-loading {
/* IE6 */
position:absolute;
margin-top:0
}

#fancybox-loading div {
position:absolute;
top:0;
left:0;
width:40px;
height:480px;
background-image:url(images/fancybox.png)
}

#fancybox-overlay {
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
background:#000;
z-index:1100;
display:none
}

* html #fancybox-overlay {
/* IE6 */
position:absolute;
width:100%
}

#fancybox-tmp {
padding:0;
margin:0;
border:0;
overflow:auto;
display:none
}

#fancybox-wrap {
position:absolute;
top:0;
left:0;
margin:0;
padding:20px;
z-index:1101;
display:none
}

#fancybox-outer {
position:relative;
width:100%;
height:100%;
background:#FFF
}

#fancybox-inner {
position:absolute;
top:0;
left:0;
width:1px;
height:1px;
padding:0;
margin:0;
outline:none;
overflow:hidden
}

#fancybox-hide-sel-frame {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:transparent
}

#fancybox-close {
position:absolute;
top:-15px;
right:-15px;
width:30px;
height:30px;
background-image:url(images/fancybox.png);
background-position:-40px 0;
cursor:pointer;
z-index:1103;
display:none
}

#fancybox_error {
color:#444;
font:normal 12px/20px Arial;
padding:7px;
margin:0
}

#fancybox-content {
height:auto;
width:auto;
padding:0;
margin:0
}

#fancybox-img {
width:100%;
height:100%;
padding:0;
margin:0;
border:none;
outline:none;
line-height:0;
vertical-align:top;
-ms-interpolation-mode:bicubic
}

#fancybox-frame {
position:relative;
width:100%;
height:100%;
border:none;
display:block
}

#fancybox-title {
position:absolute;
bottom:0;
left:0;
font-family:Arial;
font-size:12px;
z-index:1102
}

.fancybox-title-inside {
padding:10px 0;
text-align:center;
color:#333
}

.fancybox-title-outside {
padding-top:5px;
color:#FFF;
text-align:center;
font-weight:700
}

.fancybox-title-over {
color:#FFF;
text-align:left
}

#fancybox-title-over {
padding:10px;
background-image:url(images/fancy_title_over.png);
display:block
}

#fancybox-title-wrap {
display:inline-block
}

#fancybox-title-wrap span {
height:32px;
float:left
}

#fancybox-title-left {
padding-left:15px;
background-image:url(images/fancybox.png);
background-position:-40px -90px;
background-repeat:no-repeat
}

#fancybox-title-main {
font-weight:700;
line-height:29px;
background-image:url(images/fancybox-x.png);
background-position:0 -40px;
color:#FFF
}

#fancybox-title-right {
padding-left:15px;
background-image:url(images/fancybox.png);
background-position:-55px -90px;
background-repeat:no-repeat
}

#fancybox-left,#fancybox-right {
position:absolute;
bottom:0;
height:100%;
width:35%;
cursor:pointer;
outline:none;
background-image:url(images/blank.gif);
z-index:1102;
display:none
}

#fancybox-left {
left:0
}

#fancybox-right {
right:0
}

#fancybox-left-ico,#fancybox-right-ico {
position:absolute;
top:50%;
left:-9999px;
width:30px;
height:30px;
margin-top:-15px;
cursor:pointer;
z-index:1102;
display:block
}

#fancybox-left-ico {
background-image:url(images/fancybox.png);
background-position:-40px -30px
}

#fancybox-right-ico {
background-image:url(images/fancybox.png);
background-position:-40px -60px
}

#fancybox-left:hover,#fancybox-right:hover {
visibility:visible
/* IE6 */
}

#fancybox-left:hover span {
left:20px
}

#fancybox-right:hover span {
left:auto;
right:20px
}

.fancy-bg {
position:absolute;
padding:0;
margin:0;
border:0;
width:20px;
height:20px;
z-index:1001
}

#fancy-bg-n {
top:-20px;
left:0;
width:100%;
background-image:url(images/fancybox-x.png)
}

#fancy-bg-ne {
top:-20px;
right:-20px;
background-image:url(images/fancybox.png);
background-position:-40px -162px
}

#fancy-bg-e {
top:0;
right:-20px;
height:100%;
background-image:url(images/fancybox-y.png);
background-position:-20px 0
}

#fancy-bg-se {
bottom:-20px;
right:-20px;
background-image:url(images/fancybox.png);
background-position:-40px -182px
}

#fancy-bg-s {
bottom:-20px;
left:0;
width:100%;
background-image:url(images/fancybox-x.png);
background-position:0 -20px
}

#fancy-bg-sw {
bottom:-20px;
left:-20px;
background-image:url(images/fancybox.png);
background-position:-40px -142px
}

#fancy-bg-w {
top:0;
left:-20px;
height:100%;
background-image:url(images/fancybox-y.png)
}

#fancy-bg-nw {
top:-20px;
left:-20px;
background-image:url(images/fancybox.png);
background-position:-40px -122px
}

/* IE */
#fancybox-loading.fancybox-ie div {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_loading.png',sizingMethod='scale')
}

.fancybox-ie #fancybox-close {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_close.png',sizingMethod='scale')
}

.fancybox-ie #fancybox-title-over {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_over.png',sizingMethod='scale');
zoom:1
}

.fancybox-ie #fancybox-title-left {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_left.png',sizingMethod='scale')
}

.fancybox-ie #fancybox-title-main {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_main.png',sizingMethod='scale')
}

.fancybox-ie #fancybox-title-right {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_right.png',sizingMethod='scale')
}

.fancybox-ie #fancybox-left-ico {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_left.png',sizingMethod='scale')
}

.fancybox-ie #fancybox-right-ico {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_right.png',sizingMethod='scale')
}

.fancybox-ie .fancy-bg {
background:transparent!important
}

.fancybox-ie #fancy-bg-n {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_n.png',sizingMethod='scale')
}

.fancybox-ie #fancy-bg-ne {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_ne.png',sizingMethod='scale')
}

.fancybox-ie #fancy-bg-e {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_e.png',sizingMethod='scale')
}

.fancybox-ie #fancy-bg-se {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_se.png',sizingMethod='scale')
}

.fancybox-ie #fancy-bg-s {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_s.png',sizingMethod='scale')
}

.fancybox-ie #fancy-bg-sw {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_sw.png',sizingMethod='scale')
}

.fancybox-ie #fancy-bg-w {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_w.png',sizingMethod='scale')
}

.fancybox-ie #fancy-bg-nw {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_nw.png',sizingMethod='scale')
}