body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
width:100%;
height: 100%;
max-height: 100%; 
font-family:"Trebuchet MS", Arial;
font-size:10px;
color:#646464;
text-align:center;
background: #eee;
}
img{border:0px; padding: 0px; margin: 0px; }
form{border:0px; padding:0px; margin:0px; }
h1{font-size:20px; }
p {margin: 10px 0px; }

a, a:link, a:visited {color:#0076bd; text-decoration: none;}
a:hover, a:visited:hover {color:#0076bd; text-decoration: underline;}
a:focus { outline: none; }

.bleu {color:#0076bd;}
.gris {color:#6d6d6d;}
.grisF {color:#393939;}

.titre {font-size:14px; text-transform:uppercase; text-align: left; }
.stitre {font-size:12px; text-transform:uppercase; text-align: left; }
.lien { font-size: 10px; text-transform: uppercase; text-decoration: none; }

.split {  display: block; background: transparent url('/images/split.png') no-repeat center;   width: 100%; height: 10px; padding: 20px 0px; margin:0 auto; clear: both;}

.floatL{ position:relative; float:left; display: block; }
.floatR{ position:relative; float:right; }
.clear{ clear:both; display:block;}
.sdw { border:2px solid #f5f5f5; } /* shadow pour images */

strong.bolder { font-size: 116%; color: #000000;}

#Container{
position:fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 34px; 
overflow: auto;
text-align:center;
}

/*IE6 hack*/
* html body{ padding: 0 0 34px 0; }
* html #Container{ height: 100%; width: 100%; }


#ContentAcc{
padding:0px;
background:#eee url('/images/cnt_bgr.gif') repeat-x top ;

}

#Content{
padding:0px;
background:#eee url('/images/main_bgr.jpg') no-repeat center top ;
}

/* TOP NAVIG ----------*/
#TopNav{
position:relative;
top:25px;
margin:0 auto;
width:810px;
height:68px;
}

#TopNav ul{ list-style:none; display: inline; height: 26px; margin:0px; padding:0px; }
#TopNav li{ display:block; float: left; margin:0px; padding:0px 5px; height:26px; cursor:default; }

#acc{ display: block; width: 90px; height: 26px; background: url("/images/topnav_acc.gif") no-repeat; }
#nou{ display: block; width: 90px; height: 26px; background: url("/images/topnav_nou.gif") no-repeat; }
#jeu{ display: block; width: 90px; height: 26px; background: url("/images/topnav_jeu.gif") no-repeat; }
#ben{ display: block; width: 200px; height: 26px; background: url("/images/beenox.gif") no-repeat bottom; }
#car{ display: block; width: 90px; height: 26px; background: url("/images/topnav_car.gif") no-repeat; }
#cul{ display: block; width: 90px; height: 26px; background: url("/images/topnav_cul.gif") no-repeat; }
#con{ display: block; width: 90px; height: 26px; background: url("/images/topnav_con.gif") no-repeat; }

#TopNav.division{ top:23px; width: 636px; }
#TopNav.division #ben{ float: left; margin-top: 4px; }
#TopNav.division span.sep{ float: left; display: block; width: 1px; height: 34px; background: url("/images/f_rbg.gif") no-repeat 0 0; margin-left: 4px; }
#TopNav.division #qa{ float: left; display: block; width: 141px; text-indent: -9000px; height: 34px; background-repeat: no-repeat; background-position: left 50%; margin-left: 12px; }
#TopNav.division #qa.qa_fr { background-image: url("/images/topnav_qa_fr.gif"); }
#TopNav.division #qa.qa_en { background-image: url("/images/topnav_qa_en.gif"); }

#acc:hover, #nou:hover, #jeu:hover, #ben:hover, #car:hover, #cul:hover, #con:hover,
#acc.on, #nou.on, #jeu.on, #ben.on, #car.on, #cul.on, #con.on{ 
background-position: 0 -26px;
cursor:pointer;
}
#acc span, #nou span, #jeu span, #ben span, #car span, #cul span, #con span{ display: none; }
/* EN */
#acc_en{ display: block; width: 90px; height: 26px; background: url("/images/topnav_acc_en.gif") no-repeat; }
#nou_en{ display: block; width: 90px; height: 26px; background: url("/images/topnav_nou_en.gif") no-repeat; }
#jeu_en{ display: block; width: 90px; height: 26px; background: url("/images/topnav_jeu_en.gif") no-repeat; }
#car_en{ display: block; width: 90px; height: 26px; background: url("/images/topnav_car_en.gif") no-repeat; }
#cul_en{ display: block; width: 90px; height: 26px; background: url("/images/topnav_cul_en.gif") no-repeat; }
#con_en{ display: block; width: 90px; height: 26px; background: url("/images/topnav_con_en.gif") no-repeat; }

#acc_en:hover, #nou_en:hover, #jeu_en:hover, #car_en:hover, #cul_en:hover, #con_en:hover,
#acc_en.on, #nou_en.on, #jeu_en.on, #car_en.on, #cul_en.on, #con_en.on{ 
background-position: 0 -26px;
cursor:pointer;
}
#acc_en span, #nou_en span, #jeu_en span, #car_en span, #cul_en span, #con_en span{ display: none; }


.navBot{ background: transparent url('/images/topnav_bot.gif') no-repeat center; width: 1000px; height: 20px; margin: 0 auto; }
/* END TOP NAVIG ----------*/


/* Structure Accueil Bloc Bottom----------*/

#ContentBot{
position:relative;
background:url('/images/blocbot_bg.gif') repeat-x;
height:132px;
text-align:center;
}

#BlocBot{
position:relative;
top:10px;
width:975px;
margin:0 auto;
height:122px;
}

#BlocBot p { margin: 0px; padding: 0px; }
#BlocBot .img {float:left; text-align:center; padding-right:10px; } 
#BlocBot .right {float:left; display: block; text-align:left; padding:0px; margin: 0px; width: 190px; }
#BlocBot .titre {font-size:16px; line-height:28px; color:#8c8c8c; text-transform:uppercase; letter-spacing: -1px; }
#BlocBot .stitre {font-size:12px; line-height:20px; color:#393939; margin-bottom:5px; text-transform:uppercase; letter-spacing: -1px; }
#BlocBot .texte {font-size:10px; color:#646464;}
#BlocBot .lien {font-size:9px; color:#0076bd; text-transform:uppercase; }
#BlocBot .lienB {font-size:11px; font-weight:bold; color:#0076bd; text-transform:uppercase; }
#BlocBot a {color:#0076bd; text-decoration: none; }
#BlocBot a:hover {color:#0076bd; text-decoration: underline; }

#BlocAct{
float:left;
padding:10px;
margin:0px;
width:340px;
height:152px;
text-align:left;
line-height: 1em;
}
#BlocAct ul { margin: 0; padding: 0; list-style: none; }
#BlocAct ul li { margin: 0; padding: 0; width: 330px; }

#Acts { width: 340px; height: 88px; border: 0px solid red; }
#prevAct{ position: absolute; left:60px; top:-5px; z-index: 6; }
#nextAct{ position: absolute; left:60px; top:100px; z-index: 6; }

#BlocCul{
float:left;
padding:10px 20px;
width:260px;
height:102px;
text-align:left;
background:url('/images/blocbot_spl.gif') no-repeat left;
}

#BlocCul .twitterhome{
	background:url('/images/twitter.jpg') no-repeat;
	float:right;
	margin-top:-16px;
	width:98px;
	height:20px;
}

.Facebookhome{
	padding: 25px 0px 0px 0px;
}


#BlocQA{
float:left;
padding:10px 20px;
width:230px;
height:102px;
text-align:left;
background:url('/images/blocbot_spl.gif') no-repeat left;
}

/*IE HACK*/
*html #BlocBot{ width:950px; }
*html #BlocAct{ width:380px; }
*html #BlocCul{ width:300px; }
*html #BlocQA{ width:265px; }

/* Structure principale ----------*/
#Main{
position:relative;
display: block;
top:20px;
width:940px;
overflow: hidden;
margin:0 auto;

}
#Left{
float:left;
padding:10px 0px;
width:160px;
margin:0px;
text-align:left;

}
#BulLeftG{
position:relative;
float:right;
width:150px;
height:48px;
margin-bottom:10px;
background:url('/images/bul_leftG.gif') no-repeat;
}
#BulLeftW{
position:relative;
float:right;
width:150px;
height:42px;
margin-bottom:10px;
background:url('/images/bul_leftW.gif') no-repeat;
}
#bulLeftWSocial{
position:relative;
width:150px;
height:42px;
margin-top:100px;
}
#BulLeftWs{
position:relative;
float:right;
width:150px;
height:28px;
margin-bottom:5px;
background:url('/images/bul_leftWs.gif') no-repeat;
}

.btitreG { position:absolute; top:7px; left:10px; font-size:16px; font-weight:normal; text-transform:uppercase; color:#fff; }
.btitreGs { position:absolute; top:7px; left:10px; font-size:14px; font-weight:normal; text-transform:uppercase; color:#fff; }
.btitreG a, .btitreG a:visited{ color:#fff; text-decoration:none; }
.btitreG a:hover, .btitreG a:visited:hover{ color:#ccc; text-decoration:none; }
.bstitreG { position:absolute; top:30px; left:10px;font-size:9px; font-weight:normal; text-transform:uppercase; color:#d6d6d6; }
.btitreW { position:absolute; top:7px; left:10px; font-size:16px; font-weight:normal; text-transform:uppercase; color:#525252; }
.bstitreW { position:absolute; top:25px; left:10px;font-size:9px; font-weight:normal; text-transform:uppercase; color:#525252; }
.btitreWs { position:absolute; top:7px; left:10px; font-size:14px; font-weight:normal; text-transform:uppercase; color:#525252; }
.btitreWs a, .btitreWs a:visited{ color:#525252; text-decoration:none; }
.btitreWs a:hover, .btitreWs a:visited:hover{ color:#0076bd; text-decoration:none; }

ul.bulLeftW { position:relative; float:right; list-style:none; padding:0px; margin:0px; width:150px; }
ul.bulLeftW li { margin-bottom:5px; line-height:30px; font-size:14px; text-transform:uppercase; }
ul.bulLeftW li a{ color:#525252; text-decoration:none; display:block; background:url('/images/bul_leftW.gif') no-repeat top right;  height:42px; padding:0px 0px 0px 10px;  }
ul.bulLeftW li a:hover{ color:#0076bd; text-decoration:none; background:url('/images/bul_leftW.gif') no-repeat bottom right; }
ul.bulLeftW li a:visited { color:#525252; }
ul.bulLeftW li a.on{ color:#0076bd; text-decoration:none; background:url('/images/bul_leftW.gif') no-repeat bottom right; }
ul.bulLeftW li a:visited.on { color:#0076bd; }
ul.bulLeftW li span{ position:absolute; left:10px; top: 12px; font-size: 9px; }

ul.bulLeftWSocial { position:relative; float:right; list-style:none; padding:0px; margin:35px -10px 0px 0px; width:150px; }

ul.bulLeftW li.long-title { line-height:1.1em; height:42px; overflow: hidden; }
ul.bulLeftW li.long-title a { padding-top: 6px; line-height:1.1em; height:42px; overflow: hidden;}
ul.bulLeftW li.long-title a:hover { background-position: 0 -42px; text-decoration:none; }

ul.bulLeftWs { position:relative; float:right; list-style:none; padding:0px; margin:0px; width:150px; }
ul.bulLeftWs li { margin-bottom:5px; line-height:28px; font-size:14px; text-transform:uppercase; }
ul.bulLeftWs li span{ color:#525252; text-decoration:none; display:block; height:28px; padding:0px 0px 0px 10px;  }
ul.bulLeftWs li a{ color:#525252; text-decoration:none; display:block; background:url('/images/bul_leftWs.gif') no-repeat top right;  height:28px; padding:0px 0px 0px 10px;  }
ul.bulLeftWs li a:hover{ color:#0076bd; text-decoration:none; background:url('/images/bul_leftWs.gif') no-repeat bottom right; }
ul.bulLeftWs li a:visited { color:#525252; }
ul.bulLeftWs li a.on{ color:#0076bd; text-decoration:none; background:url('/images/bul_leftWs.gif') no-repeat bottom right; }
ul.bulLeftWs li a:visited.on { color:#0076bd; }

ul.subbulLeftWs { position:relative; float:left; list-style:none; padding:0px; margin:0px; }
ul.subbulLeftWs li { padding-left:10px; margin:0 0 3px 20px;  font-size:10px; text-transform:normal; }
ul.subbulLeftWs li a { padding-left:10px; color:#525252; text-decoration: none; background:url('/images/li_blue.gif') no-repeat left 5px; }
ul.subbulLeftWs li a:hover { padding-left:10px; color:#0076bd; text-decoration: none; background:url('/images/li_blue.gif') no-repeat left 5px; }
ul.subbulLeftWs li a.on { padding-left:10px; color:#0076bd; text-decoration: none; background:url('/images/li_blue.gif') no-repeat left 5px; }



.bubbleWrapper{ position:relative; float:left; display: block; width: 100%; left:-20px; margin-bottom:10px; text-align: left; white-space: nowrap; }
.bubbleNoWrapper{ position:relative; float:left; display: block; width: 150px; left:-20px; margin-bottom:10px; text-align: left; white-space: nowrap; }

.blueBubble{ background: transparent url('/images/bul_wrapB_left.gif') no-repeat top left; display: block; float: left; font-size:16px; color:#fff; text-transform:uppercase; line-height: 18px; height: 48px; min-width:150px; padding-left: 10px; }
.blueBubble span{ background: transparent url('/images/bul_wrapB_right.gif') no-repeat top right; display: block; padding: 8px 20px 4px 0; }
*html .blueBubble span { width: 250px; }
.blueBubble span span{ background: none; font-size:11px; color:#cae5f3; padding: 0px; height: 18px; }

.greyBubble{ background: transparent url('/images/bul_wrapG_left.gif') no-repeat top left; display: block; float: left; font-size:16px; color:#fff; text-transform:uppercase; line-height: 18px; height: 48px; min-width:150px; padding-left: 10px; }
.greyBubble span{ background: transparent url('/images/bul_wrapG_right.gif') no-repeat top right; display: block; padding: 8px 20px 4px 0; }
*html .greyBubble span { width: 250px; }
.greyBubble span span{ background: none; font-size:11px; color:#d6d6d6; padding: 0px; height: 18px; }

#Center{
float:left;
padding:10px 20px 30px 20px;
margin: 0px;
width:476px;
min-height: 400px;
text-align:justify;
background:transparent url('/images/center_bgr.png') repeat-y;
}

#CenterFull{
float:left;
padding:10px 20px 30px 20px;
margin: 0px;
width:736px;
min-height: 400px;
text-align:justify;
background:transparent url('/images/centerFull_bgr.png') repeat-y;
}

/*IE hack*/
* html #Center{ width: 516px; }
* html #CenterFull{ width: 776px; }

#Right{
float:left;
padding:20px 10px 20px 25px;
margin:0px;
width:225px;
text-align:left;
background:url('/images/right_bot.png') no-repeat left bottom;
}
#Right ul {list-style:none; padding:0px; margin:0px; }
#Right ul li {margin:0px; padding:4px 0px; background:url('/images/right_spl.gif') no-repeat left bottom; color:#929292; font-size:11px; text-transform:uppercase; }
#Right ul li a{color:#929292; text-decoration:none; }
#Right ul li a:hover{color:#0076bd; text-decoration:none; }
#Right ul li a.on{color:#0076bd; text-decoration:none; padding-left:8px; background:url('/images/li_grey.gif') no-repeat left 6px; }
#Right .titre {font-size:16px; font-weight:bold; text-transform:uppercase; color:#929292; }
#Right .titre2 {font-size:12px; font-weight:bold; text-transform:uppercase; color:#393939; background:url('/images/right_spl.gif') no-repeat left bottom; padding-bottom:10px; margin: 0px; display:block; }
#Right .stitre {font-size:12px; font-weight:bold; text-transform:uppercase; color:#0076bd; background:url('/images/right_ti.gif') no-repeat left top; display:block; margin-left:-10px; padding-left:10px; }

/* Section Culture Honneur */
.honNote { position:relative; float: left; display: block; width: 500px; }
.honDate { position:relative; float: left; font-size:18px; font-weight:bold; text-transform:uppercase; color:#cecece; margin-top: }
.honList { position:relative; float: left; margin-left:10px; font-size: 12px; width:680px; }
.honList ul { list-style:none; padding:0px; margin:0px; }
.honList ul li { margin: 0px; padding: 10px 0px; background:url('/images/right_spl.gif') no-repeat left bottom;}
.honList ul li span { padding-left:10px; background:url('/images/li_blue.gif') no-repeat left 8px; display: block; }

.honList a{ color:#646464; text-decoration: underline; }
.honList a:hover{ color:#0076bd; text-decoration: none; }


/* Section Carrière */
.carImg { margin: 0px 0px 10px 10px; float: right; padding: 0px; }
#BlocCit { position: relative; float: left; width: 280px;  padding: 0px; margin-bottom:10px; font-style: italic; background: transparent url('/images/cit_down.gif') no-repeat right bottom;}
#BlocNoCit { position: relative; float: left; width: 280px;  padding: 0px; margin-bottom:10px; font-style: italic; }
.citNom { position: relative; float: right; right: 10px; top:5px; text-transform: uppercase; font-size: 12px; color: #ababab;}
.cit { position: relative; float: right; background: transparent url('/images/cit_up.gif') no-repeat left top; display: block; padding: 5px 10px; margin: 0px; }

ul.liste { list-style: none; margin: 10px 2px; padding: 0px;}
ul.liste li{ margin: 0px; padding: 2px 0 2px 8px; background:url('/images/li_grey.gif') no-repeat left 7px;}

/* Section Jeux */

.jeuxDate { position:relative; float: left; text-align: right; width:60px; font-size:16px; font-weight:bold; text-transform:uppercase; color:#cecece; }
.jeuxListe { position: relative; float: left; margin-left:10px; width:640px; }
.jeuxImg { position: relative; float: left; margin: 0px; padding: 0px; }
.jeuxNav { text-align: center; font-size:16px;}
#BlocJeux { position: relative; float: left; width:300px; padding: 0px; margin:0px 20px 10px 0px; }
#BlocJeuxInfo { position: relative; float: left; text-align: left; margin-left: 10px; padding: 0px; width: 215px; }
#BlocJeuxInfo .date { color:#6d6d6d;}
#BlocJeuxInfo .lien { position: relative; top: 10px; left: -10px; display: block; margin: 0px ; padding: 4px 10px; text-transform: none; background: url('/images/btn_fiche.gif') no-repeat left; width:96px; }

.imgTop { margin-bottom: 30px;}
#BlocJeuxInd { position: relative; float: left; width:480px; padding: 0px; margin-bottom: 20px;  }
#BlocJeuxInfoInd { position: relative; float: left;  margin-left: 10px; padding: 0px; width: 335px; }


/* Section Nouvelles */
.nouImg { position: relative; float: left; margin: 0px; padding: 0px; }
#BlocNouInd { position: relative; float: left; width:480px; padding: 0px; margin-bottom: 20px; text-align: left; }
#BlocNouInfoInd { position: relative; float: left; margin-left: 10px; padding: 0px; width: 335px; }


/* Section Gallerie photo - Galleria */
#gallery_main { width:482px; text-align:center; background:#dedede; margin-bottom:10px; padding:0;}
ul.gallery li img {display:none;}
ul.gallery li {list-style:none;}

.galleria{list-style:none;width:486px; margin:0; padding:0;}
.galleria li{display:block;width:50px;height:35px;overflow:hidden;float:left;margin:3px 4px 2px 0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:none;}
* html .galleria li div span{width:486px;} /* MSIE bug */

/* Section Assurance Qualité */
/*a.job-alert-link { display: inline-block; margin-left: 6px; text-transform: uppercase; }*/
a.apply-btn { text-indent: -9000px; display: block; height: 21px; background-repeat: no-repeat; background-position: 0 0; margin: 0 auto; }
a.apply-btn-fr { width: 170px; background-image: url('/images/apply_fr.png'); }
a.apply-btn-en { width: 129px; background-image: url('/images/apply_en.png'); }

/* Section Footer */

#Footer{
position: absolute;
bottom: 0px; 
left: 0px; 
width: 100%;
height: 34px;
line-height:34px;
overflow: hidden;
color:#8c8c8c;
background:#fff;
vertical-align:middle;
background: url('/images/f_lbg.gif') repeat-x top;
}

#FContent { width:1000px; margin:0 auto; text-align:left; }

#FContent ul{ float:left; margin:0px; padding-left:0px; display: inline; height: 34px; }
#FContent li{ display: inline; list-style-type: none; margin:0px; vertical-align:top; padding:0px 4px; line-height:34px; height:34px; background: url('/images/f_spl.gif') right no-repeat; }
#FContent li.img, #FContent li.img a {background:none; vertical-align:bottom; }
#FContent li.last {background:none; }
#FContent a { text-decoration:none; color:#8c8c8c; vertical-align:top; }
#FContent a:hover { text-decoration:none; color:#7d7d7d; }

#FContent .splL { float:left; width:45px; height:34px; background:url('/images/f_ale_l.gif') no-repeat; }
#FContent .alerte{ position:relative; float:left; width:290px; font-size:12px; line-height:34px; background: url('/images/f_rbg.gif') repeat-x top;}
#FContent .test-our-games-link{ display: inline-block; position:relative; text-indent: -9000px; width:124px; line-height: 21px; height: 21px;  }
#FContent .fr-test-our-games-link{background: url('/images/test_our_games_fr.gif') no-repeat; }
#FContent .en-test-our-games-link{background: url('/images/test_our_games_en.gif') no-repeat; }

#FContent .splR {position:relative; float:left;  width:45px; height:34px; background:url('/images/f_ale_r.gif') no-repeat; }

/* FORM ----------*/

form {margin:0px; padding:0px; }
input, textarea, select, button, select, a.cInput { font-family:"Trebuchet MS", Arial; color: #6d6d6d; font-size: 10px; }
#InputF { position:absolute; left:100px; top:5px; background: url('/images/f_input.gif') no-repeat; width:320px; height:34px; margin-left:-21px; padding:0px; clear:both; }
.fInput { position:relative; float:left; background: transparent; padding:4px 4px 4px 9px; margin:0px; border: none; width:101px; height:15px; font-size: 11px; font-family:Arial; color:#0076bd;}
.footersubmit {position:relative; float:left; background: transparent url('/images/f_submit.gif') no-repeat;  padding:0px; margin-left:10px; width:34px; height:24px; border:none; cursor: pointer; }

.cLabel { float: left; width: 110px; line-height: 30px; text-align: right; margin-right: 10px; }
.lArea { line-height: 56px; } /* Label pour text area*/
.lRadio { line-height: 22px; margin-bottom: 5px; } /* Label pour les radiobutton*/
.rLabel { margin-right: 6px; } /* Label des radiobutton */
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}
.cLeft { float: left; width: 365px; border: 0px solid blue; }
.cRight { float: right; width: 365px; border: 0px solid red; }

*html .cRightDate {margin-right: 8px; }

.cNote { clear: left; float: left; margin-left: 120px; width: 200px; }
.cTab { clear: left; float: left; margin-left: 120px;}
.cInput { float: left; width: 220px; border: 1px solid #b7b7b7; padding: 4px 6px; margin: 5px 10px 5px 0;}
.cArea { float: left; width: 220px; border: 1px solid #b7b7b7; padding: 4px 6px; margin: 5px 10px 5px 0;}
.cSelect { float: left; border: 1px solid #b7b7b7; padding: 4px 6px; margin: 5px 10px 5px 0;}
.cButton { float: left; border: 1px solid #b7b7b7; padding: 4px; margin: 5px 10px 5px 0px;}
.cButtonTab {float: left; border: 1px solid #b7b7b7; padding: 4px; margin: 5px 10px 5px 120px; }

/* ToolTips ----------*/

.erreur_form{
	color:#c43232;
	background: url('/images/icons/ico_erreur.gif') center left no-repeat;
	padding-left:17px;
	margin-left: 117px;
	margin-bottom: 5px;
	font-size:10px;
	line-height: 8px; position: relative; margin-top: -1px;
}

.loading{
	background: url('/images/ajax-loader.gif') center left no-repeat;
	padding-left: 20px;
	line-height: 20px;
	height:20px;
	color:#36A1D7;
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#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/fancybox.png');
}

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

* 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/fancybox.png');
	background-position: -40px 0px;
	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: bold;
}

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

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/fancybox/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/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

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

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

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

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#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/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/fancybox/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/fancybox-x.png');
}

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

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

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

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

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

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

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

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_close.png', sizingMethod='scale'); 
top: -15px;
right: -55px;
}

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title{
top: 495px;
}
.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

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

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beenox.com/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }