




/*
     FILE ARCHIVED ON 21:35:16 Jun 5, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:09:32 Apr 14, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
@font-face {
    font-family: 'tribal_garamondregular';
    src: url('/web/20150605213516/http://speisa.com/themes/speisanew/css/tribal_garamond-webfont.eot');
    src: url('/web/20150605213516/http://speisa.com/themes/speisanew/css/tribal_garamond-webfont.eot') format('embedded-opentype'),
         url('/web/20150605213516/http://speisa.com/themes/speisanew/css/tribal_garamond-webfont.woff') format('woff'),
         url('/web/20150605213516/http://speisa.com/themes/speisanew/css/tribal_garamond-webfont.ttf') format('truetype'),
         url('/web/20150605213516/http://speisa.com/themes/speisanew/css/tribal_garamond-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
 font-family: HandTest;
 src: url("/web/20150605213516/http://speisa.com/themes/speisanew/css/reprobate.eot") /* TTF file for IE */
}
@font-face {
 font-family: HandTest;
 src: url("/web/20150605213516/http://speisa.com/themes/speisanew/css/reprobate.ttf"), /* TTF file for CSS3 browsers */
url("/web/20150605213516/http://speisa.com/themes/speisanew/css/reprobate.eot") /* TTF file for IE */
}
* { margin: 0; padding: 0; outline: 0; }

body {
    font-size: 14px;
    line-height: 18px;
    font-family: arial, sans-serif;
    color: #000;
   background: #fff url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/debut_light.jpg) repeat 0 0;
    min-width: 1000px;
}
#popupjan { 
color: #fff;
   background: #000;  
}
#popupjan a {   
    color: #fff;
   background: #000;  
}

.blocklinkedit a {   
    color: #f11030;
}

a { color: #040b51; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper { background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/wrapper.jpg) repeat-x 0 0; }
#wraparound { background: #fff; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f1fefe'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1fefe)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #f1fefe); /* for firefox 3.6+ */  margin-top: 2px;}

.shell { padding: 9px 0 30px; width:1280px; margin: 0 auto; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/top-lights.png) no-repeat 0 0; }

.socials { display: inline; float: right; padding-right: 4px; }
.socials a { display: block; float: left; padding-right: 9px; width: 22px; height: 22px; text-indent: -4000px; }
.socials a.facebook { background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/facebook.png) no-repeat 0 0; }
.socials a.twitter { background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/twitter.png) no-repeat 0 0; }
.socials a.rss { padding-right: 0; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/rss.png) no-repeat 0 0; }
.socials a:hover { background-position: 0 -22px; }

#top-navigation { color: #fff;text-transform: uppercase; font-size: 8px; padding-top:10px;padding-left: 10px; }
#top-navigation a { color: #fff; }
#top-navigation a:hover { color: #b2b2b2; }
#top-navigation span { padding: 0 6px 0 9px; }


#top-navigation93 { text-transform: uppercase; font-size: 11px; background:#fff; color: #000; padding-left: 10px; }
#top-navigation93 a { color: #fff; }
#top-navigation93 a:hover { color: #b2b2b2; }
#top-navigation93 span { padding: 0 6px 0 9px; }

#yt-menu a {padding-right:10px; padding-bottom:0px;
}
#yt-menu  {padding-right:50px;
}








#randomlinkstext a {font: 200 18px "comic sans ms", sans-serif; color: peru;
}

#header { position: relative; padding: 0 0 8px 9px; width:1280px; }
 
#logo { display: inline; float: left; line-height:120% margin-top: 1px;margin-bottom: 5px;width: 680px; height: 193px;}
#logo2 { display: inline; float: left; margin-bottom: 5px;padding-top: 0px;width: 680px; height: 220px;}
#logo a {display: inline; float: left; margin-bottom: 0px;padding-top: 0px;width: 680px; height: 220px}
#logo .slogan { color: #ecff50; font-size: 14px; line-height: 15px; text-transform: uppercase; }

#logo-else { display: inline; float: left; margin-bottom: 5px;padding-top: 0px;width: 468px; height: 60px;}
#logo-else a {display: inline; float: left; margin-bottom: 0px;padding-top: 0px;width: 480px; height: 60px}
#logo-else .slogan { color: #ecff50; font-size: 14px; line-height: 15px; text-transform: uppercase; }



#logo2 a { display: block; width: 680px; height: 220px; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/logo34.jpg) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
#logo .slogan { color: #ecff50; font-size: 14px; line-height: 15px; text-transform: uppercase; }
#slogan  { color: #3b5998; font-size: 15px; font-weight: bold;line-height: 15px; text-transform: uppercase; }
#search2 { display: inline; float: right; padding-right: 40px; padding-left: 10px;width: 261px; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/search99.png) no-repeat 0 0; }
#search2 .field { display: inline; float: left; background: none; border: 0; padding: 10px 14px 6px; width: 190px; }
#search2 .field { font-size: 16px; font-weight:bold;color: #fff; line-height: 16px; }
#search2 .submit-button { display: inline; float: right; background: none; border: 0; cursor: pointer; width: 43px; height: 33px; }

#tribal11 {z-index: 1; display: inline; float: right; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/tribal-armband-8.png) no-repeat 0 0;}
#tribal21 { position: relative; top: 30px;right: 50px;	z-index: 2; display: inline; float: left; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/tribal-armband-8.png) no-repeat 0 0;}
#searchspot { margin-bottom: 5px;font-family: tribal_garamondregular, arial, sans-serif;text-align: left; display: inline; float: left; margin-top: 1px; margin-left: 10px;padding-left:20px;line-height:120%;width: 230px;  font-size:22px; color: #a2a2a3;}

#searchspot-else {display: inline; float: left; line-height:120% margin-top: 1px; margin-bottom: 5px; padding-right:10px;width: 790px; height: 60px;}

#searchspot-header { font-family: tribal_garamondregular, arial, sans-serif;text-align: left; display: inline; float: left; margin-top: 1px; margin-left: 10px;  padding-bottom:10px;padding-left:0px;line-height:120%;width: 230px;  font-size:22px; color: #a2a2a3;}
#searchspot2 { margin-top: 1px;margin-bottom: 5px;font-family: tribal_garamondregular, arial, sans-serif;text-align: left; display: inline; float: left; margin-left: 10px;padding-left:20px;width: 360px;  font-size:22px; text-shadow: 2px 2px #1b3242;  color: #a2a2a3;}
#searchspot35 { font-family: tribal_garamondregular, arial, sans-serif;display: inline; float: left; margin-top: 1px; width: 400px;  font-size:24px; text-shadow: 2px 2px #1b3242;  color: #02d811;}

.myalbumphotodesc { padding-left:80px; padding-right:80px;} 
#youmax {z-index:-1;}


/* menu styles */
#jsddm
{	margin: 0;
	padding: 0
	z-index:4;
	
	}

	#jsddm li
	{	float: left;
		list-style: none;
	z-index:4;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		background: #3d5998;
		z-index:4;
		text-decoration: none;
		
		width: auto;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #223358;
z-index:4;
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
				z-index:4;	
			}
		
			#jsddm li ul li
			{	float: none;
			z-index:4;
				display: inline}
			
			#jsddm li ul li a
			{	
					width:180px;
					z-index:4;
				background: #3d5998;;
				color: #color: #fff;}
			
			#jsddm li ul li a:hover
			{	background: #223358;
			z-index:4;
			
			}
			
			#jsddm .ytu li ul li a
			{	
					width:180px;
					z-index:4;
				background: #3d5998;;
				color: #color: #fff;}
			
			#jsddm ytu li ul li a:hover
			{	background: #8EA344;
			z-index:4;
			
			}



#navigation { margin: 0 0 0 7px; z-index:100; padding: 2px 0 0 3px; width:1280px; height: 73px; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/navigation99.gif) no-repeat 0 0; }
#navigation ul li { list-style: none; display: inline; float: left;	line-height: 60px; text-shadow: 1px 1px #1b3242;  }
#navigation ul li { font-family: 'Play', sans-serif; font-size: 16px; text-transform: uppercase; font-weight: bold; }
#navigation ul li.first a { padding: 0 23px 0 26px; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/nav-first.png) no-repeat 0 -4000px; }
#navigation ul li a { display: inline; float: left; padding: 0 22px 0 19px; color: #fff; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/nav-item.png) repeat-x 0 -4000px; }
#navigation ul li a:hover { background-position: 0 0; text-decoration: none; }

.navend { margin: 0 0 0 7px; padding: 2px 0 0 3px; }
.navend ul li { list-style: none; display: inline; float: left;	line-height: 60px; text-shadow: 1px 1px #1b3242;}
.navend ul li { font-family: 'Play', sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; }
.navend ul li.first a { padding: 0 23px 0 26px; }
.navend ul li a { display: inline; float: left; padding: 0 22px 0 19px; color: #000; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/nav-item.png) repeat-x 0 -4000px; }
.navend ul li a:hover { background-position: 0 0; text-decoration: none; }

#slider { position: relative; padding: 6px 0 5px 7px; margin-left: 2px; width: 981px;background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/slider.png) no-repeat 0 0; }

#slider .caption { position: absolute; top: 140px; left: 0; padding-top: 16px; width: 981px; height: 47px; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/caption2.png) repeat-x 0 0; }
#slider .caption p { text-align: center; font-family: 'Play', sans-serif; font-size: 20px; color: #fff; font-weight: bold; line-height: 32px; }
#slider .caption p span { padding: 0 22px 0 20px; font-family: arial, sans-serif; font-size: 10px; color: #fff; text-transform: uppercase; font-weight: normal; line-height: 32px; }
#slider .caption a.watch-now { display: inline-block; width: 116px; height: 32px; line-height: 32px; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/watch-now2.png) no-repeat 0 0; }
#slider .caption a.watch-now { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-align: center; }
#slider .caption a.watch-now:hover { text-decoration: none; background-position: 0 -32px; }

#flexhold { }

#jepp { padding-right: 23px; padding-bottom:1px; color:#fff; }




#main { width:1280px;padding-left: 4px; }
#main-top { font-size: 0; line-height: 0; text-indent: -4000px; height: 10px; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/main-top24.png) no-repeat 0 0; }
#main-middle { padding: 10px 27px 0; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/main-middle24.png) repeat-y 0 0; }
#main-bottom { font-size: 0; line-height: 0; text-indent: -4000px; height: 11px; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/main-bottom24.png) no-repeat 0 0; }





#content { 

display: inline; -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; margin-bottom: 15px;font-family: Helvetica, arial, sans-serif; font-size: 14px;float: left; width: 650px; padding:15px; 
background: #fff; /* for non-css3 browsers */
 }

#content2 { display: inline; -moz-border-radius: 15px; border-radius: 15px; margin-bottom: 15px;font-family: Helvetica, arial, sans-serif; font-size: 14px;float: left; width: 650px; padding:15px; background-color:#fafbe2; }
post { padding-bottom: 20px; }
.post p { padding: 9px 0 10px; }
.post a.learn-more { display: block; width: 98px; height: 27px; line-height: 27px; background-color:#000 background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/learn-more.png) no-repeat 0 0; text-align: center; font-weight: bold; color: inerit; }
.post a.learn-more:hover { text-decoration: none; background-position: 0 -27px; }


.itemTitle234 a{
font-weight: bold;
font-size: 17px;
  
    font-family: arial, sans-serif;
    color: #040b51;}
	
	
.games { padding-bottom: 32px; }

.games-slider { margin-top: 13px; padding: 23px 0 0 17px;  width: 609px; height: 158px; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/games-slider.png) no-repeat 0 0; }
.games-slider .jcarousel-container { position: relative; overflow: hidden; padding: 0 22px; width: 576px; height: 120px; }
.games-slider .jcarousel-clip { position: relative; overflow: hidden; width: 576px; height: 120px; }
.games-slider .jcarousel-clip ul li { position: relative; overflow: hidden; padding-left: 17px; width: 127px; height: 120px; font-size: 11px; color: #a8a8a8; cursor: pointer; }
.games-slider .jcarousel-clip ul li .small-caption { position: absolute; top: 68px; left: 17px; display: none; font-size: 10px; line-height: 27px; width: 100%; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/small-caption.png) repeat-x 0 0; text-indent: 12px; padding: 0; }
.games-slider .jcarousel-clip ul li .title { text-align: center; padding: 0; line-height: 24px; }
.games-slider .jcarousel-clip ul li.active .title { color: #349ce6; }
.games-slider .jcarousel-clip ul li.active .small-caption { display: block; }

.games-nav a.prev-arrow { position: absolute; top: 58px; left: 14px; display: block; width: 11px; height: 16px; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/prev-arrow.png) no-repeat 0 0; text-indent: -4000px; overflow: hidden; padding-bottom:20px;}
.games-nav a.next-arrow { position: absolute; top: 58px; right: 14px; display: block; width: 11px; height: 16px; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/next-arrow.png) no-repeat 0 0; text-indent: -4000px; overflow: hidden; }
.games-nav a:hover { background-position: 0 -17px; }

#sidebar { vertical-align:top; display: inline; -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; padding-top:10px; margin-bottom:10px;float: right; width: 543px; 

background: #fff; /* for non-css3 browsers */





}
.widget ul { padding: 5px 0 0 10px; list-style: square; }
.widget li { color: #000; line-height: 26px; }
.widget li a { text-decoration: underline; }
.widget li a:hover { color: #000; }
.widget .img-frame { margin-top: 8px; padding: 3px; background: url(/web/20150605213516/http://speisa.com/themes/speisanew/css/images/img-frame.png) no-repeat 0 0; }
.widget .img-frame img { display: block; }

.services {padding-bottom: 60px; }
.contact h2 { margin-bottom: 16px; }
#front2 {font-family: font-family: Helvetica, arial, sans-serif;font-size:16px;text-transform: uppercase; padding: 10px; color: #352e2e; font-weight: bold;}
#footer { background: #3b5998; margin-left:3px; padding-left: 11px; padding-top: 11px; padding-bottom: 11px;  }
#footer .copy { float: right; padding-right: 20px; font-size:11px;color: #fff; line-height: 19px; }
#footer .copy span { color: #000; padding: 0 4px; }
#footer .copy a { font-size:11px;color: #fff; text-decoration: underline; }
#footer .copy a:hover { text-decoration: none; }

#bottom-nav { padding-left: 8px; color: #000; }
#bottom-nav span { padding: 0 8px 0 6px; }
#bottom-nav a { color: #fff; }

li { list-style: none; }

#mainmenu a {display: block; margin: 0; padding: 4px;}
#mainmenu a:hover {}
#mainmenu a.menuTop {padding-left: 3px;}
#mainmenu a.menuMain {padding-left: 3px;}
#mainmenu a.menuSub {padding-left: 9px; }
#mainmenu a.maincurrent {background-color:transparent; color:#b2b2b2;}

#usermenu { font-size : .9em;}
#usermenu a {display: block; margin: 0; padding: 2px;  font-weight : normal;}
#usermenu a:hover {}
#usermenu a.menuTop {border-top: 1px solid #c0c0c0;}
#usermenu a.highlight {background-color: #fcc;}

#leftcolumn {vertical-align:top;width: 270px; border-left: 1px solid #ccc;border-right: 1px solid #ccc; font-size:1em;}
#leftcolumn  th {color: #000; }
#leftcolumn .blockTitle {font-family: HandTest, Helvetica, arial, sans-serif;text-transform: uppercase; font-size:20px;padding: 10px; color: #352e2e; font-weight: bold;}
#leftcolumn .blockContent {padding: 5px; line-height: 1.2em;}

#rightcolumn {vertical-align:top;font-size:1em;}
#rightcolumn th {color: #000;}
#rightcolumn .blockTitle {font-family: HandTest, Helvetica, arial, sans-serif;text-transform: uppercase; font-size:20px;padding: 10px; color: #352e2e; font-weight: bold;}
#rightcolumn .blockContent {padding: 5px; line-height: 1.2em;}

#centercolumn {font-size: 1em; padding: 0 0 10 1px;}
#centercolumn th {padding: 10px; color: #352e2e; font-weight: bold; vertical-align: middle;}

#front-page-blocks {font-family: HandTest, Helvetica, arial, sans-serif;text-transform: uppercase; font-size:20px;}

#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 3px; font-family: HandTest, Helvetica, arial, sans-serif; font-size:20px;padding: 10px; color: #352e2e; font-weight: bold; margin-top: 0; margin-right: 0;  margin-left: 0; }
#centerCcolumn .blockContent, #bottomCcolumn .blockContent { font-family: Helvetica, arial, sans-serif; padding: 10px; margin-right: 0;  margin-left: 0; margin-bottom: 2px; line-height: 1.2em;}

img.img-frame2 { 
/* Couleur ombre de la photo */ 
    box-shadow: 5px 5px 5px #404040;  
/*    Effet cadre vielli, pour photo noir et blanc style ancien */ 
/*    border-color: #f5eac7; */ 
    

    
    

}

img.img-frame2 :hover {
    box-shadow: 1px 1px 3px #404040;
	transform: scale(1.5);
}

.boxshadow9 {

-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
	box-shadow: 			1px 2px 3px rgba(0,0,0,0.5);
		-moz-box-shadow: 	1px 2px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
}

img.boxshadow9:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
	box-shadow: 			1px 2px 3px rgba(0,0,0,0.5);
		-moz-box-shadow: 	1px 2px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
		
}



/* --------------- For Articles block  --------------- */


.caramba34 {
       color:                      #fff;
        background:                 #000;
        height:200px;
        float:left; margin-left: 4px; margin-bottom:10px;
        position: relative;
    }


.box a {
        position:                   relative;
        font-family:                sans-serif;
        display:                    block;
          text-transform:uppercase;
        
        height:                     3em;
        overflow:                   hidden;
    }
    .box .text a {
        color:                      #fff;
        padding:                    5px;
        width:                      150px;
        overflow:                   hidden;
       
        font-size:                  12px;
        line-height:                1;
        text-align:     			left;
    }
    
    .box .text:after a {
    color:                      #fff;
        content:                    ' ';
        position:                   absolute;
        display:                    block;
        width:                      100%;
        height:                     1em;
        bottom:                     0px;
        left:                       0px;
       
    }


.rmored {
    color:                      #fff;
       display:                    block;
      font-size:                 20px;
   position: absolute; bottom: 0; right: 0;
       text-transform:uppercase;
       width:150px;
padding-bottom:8px;
margin-right:4px;
    }


 .rmored a { position: absolute; bottom: 0; right: 0;
    color:                      #fff;
padding-bottom:5px;display:                    block;
      text-transform:uppercase;
         width:150px;
         font-size:                 20px;
    }




    .box .text:before a {
    color:                      #fff;
        content:                    '...';
        text-align:                 right;
        position:                   absolute;
        display:                    block;
        width:                      2em;
        height:                     1em;
        bottom:                     1em;
        right:                      20px;
background: -moz-linear-gradient(left,  rgba(224,224,224,0) 0%, rgba(224,224,224,1) 38%, rgba(224,224,224,1) 99%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(224,224,224,0)), color-stop(38%,rgba(224,224,224,1)), color-stop(99%,rgba(224,224,224,1)));
background: -webkit-linear-gradient(left,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 38%,rgba(224,224,224,1) 99%);
background: -o-linear-gradient(left,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 38%,rgba(224,224,224,1) 99%);
background: -ms-linear-gradient(left,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 38%,rgba(224,224,224,1) 99%);
background: linear-gradient(to right,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 38%,rgba(224,224,224,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e0e0e0', endColorstr='#e0e0e0',GradientType=1 );
    }
@media screen and (max-width: 980px) { 

     
} 

@media screen and (max-width: 650px) { 

     
     
     
} 

@media screen and (max-width: 480px) { 

    html { 
        -webkit-text-size-adjust: none; 
    } 
     
}

.disquscom {font-size:10px;}

.textwidget {font-weight: bold;padding-left:22px; font-size:14px;padding-top:20px;float:left;}