/*
Theme Name: int13
Theme URI: http://int13.net
Description: int13 theme
Version: 0.1
Author: France Quiquere
Date: March 2011
Based on Hiperminimalist by Borja Fernandez - http://www.lamateporunyogur.net
*/

/* -- General -- */

body {
	background: #ffcc00; 
	background-image:url('fond.gif');
	margin: 0;
	padding: 0;
	font-size: 11px/15px;
	font-family: Verdana;
	color: #595959;
	}

p { font: 11px/16px Verdana, Tahoma, Arial, Helvetica; color: #595959; margin: 0; padding:0;  }	
p a:link { color: #595959; font-weight: bold; text-decoration: none;}
p a:visited { color: #595959; font-weight: bold; text-decoration: none;}
p a:hover { color: #ff9000; font-weight: bold; text-decoration: underline;}

li { font: 11px/15px Verdana, Tahoma, Arial, Helvetica; color: #595959; margin: 0; padding:0 15 8 10px; text-align: justify;}
li a:link { color: #595959; font-weight: bold; text-decoration: none;}
li a:visited { color: #595959; font-weight: bold; text-decoration: none;}
li a:hover { color: #ff9000; font-weight: bold; text-decoration: underline;}

img {border: 0;}

.j {color:#ffcc00}
.r {color:#ff0000}

h1 { font: 24px Verdana; color: #595959; margin: 0; padding:0; text-decoration: none; font-weight:bold; font-style:italic; line-height:0;}
h1 a:link { color: #595959; text-decoration: none;}
h1 a:visited { color: #595959; text-decoration: none;}
h1 a:hover { color: #ff9000; text-decoration: underline;}

h2 { font: 18px Verdana; color: #595959; margin:0; padding:8 0 8 0; text-decoration: none; font-weight:bold; font-style:italic; }
h2 a:link { color: #595959; text-decoration: none;}
h2 a:visited { color: #595959; text-decoration: none;}
h2 a:hover { color: #ff9000; text-decoration: underline;}

/* -- Structure -- */
	
.header {width:838px; background: url(http://int13.net/images/header02.gif); margin-left:auto; margin-right:auto; overflow:auto;}
.inheader {margin-left:38px; }
.theater {width:838px; height:294px; background: url(http://int13.net/images/theater.gif) no-repeat; margin-left:auto; margin-right:auto; overflow:auto;}
.main  {width:838px; background: url(http://int13.net/images/main.gif) repeat-y; text-align:left; margin-left:auto; margin-right:auto; overflow:auto;}

.l0 {text-align: left; width:838; margin-top:5px;}
.l1 {text-align: left; width:838;clear: both}
.l2 {text-align: left; width:838;clear: both}
.l3 {text-align: left; width:838;clear: both}

.snwidth {width:160px;}

/* -- Pages -- */
.gamebox p { margin: 0; padding:5 15 0 0; }
.posts  p, .about p { margin: 0; padding:0 15 8 0; text-align: justify;}
.about{margin: 20px 0px 10px 50px; width:530px; float:left;}
.gamebox  {width:482px; height:215px; background: url(http://int13.net/images/box_games.gif) no-repeat; text-align:left; margin-left:36px; float:left;}
.badge  {height:152px; margin-top:5px;}
.video { width:286px; height:203px; background: url(http://int13.net/images/bg_video.gif) no-repeat; float:left; padding: 14px 0 0 8px;}
.teambox {background: url(http://int13.net/images/box_team.gif) no-repeat; width:530px; height:115px; margin: 10px 0 0 0 }
.teambox img {margin: 5px 10px 0px 5px;}
.teambox p { margin: 0; padding:0 15 8 0; text-align: left;}
h4 { font: 19px Verdana; color: #FFFFFF; margin:0; padding:12 0 9 0; text-decoration: none; font-weight:bold; font-style:italic; line-height:0;}

/* -- Blog -- */

.posts {margin: 0px 10px 0px 50px; width:530px; float:left;}

.tablecal{margin: 0 10 0 0; }
.cal1 { color:#d7703d; font: 10px Verdana, Arial, Helvetica; font-weight:bold; text-align:center; background-repeat:no-repeat;}
.cal2 {color:#ff9c00; font: 20px Verdana, Arial, Helvetica; font-weight:bold; text-align:center; background-repeat:no-repeat;}
.tabletit{margin: 0 15 0 0;}
.blogtit { font: 10px/10px Verdana, Tahoma, Arial, Helvetica; color: #999; margin: 0; padding:3 0 0 0;}
.blogtit a:link { color: #999; font-weight: bold;}
.blogtit a:visited { color: #999; font-weight: bold;}
.blogtit a:hover { color: #ff9000; font-weight: bold;}

.sidebar {float:right; margin: 10px 40px 10px 0px; border-left-style:dotted; border-left-width:1px;padding:10px 0 10px 20px;border-bottom-style:dotted; border-bottom-width:1px;border-color:#CCCCCC;}
.sidebar img{margin: 10px 0 10px 0;}
.boxcat p{font: 11px/15px Verdana, Tahoma, Arial, Helvetica; text-align: left; margin:0 0 0 10;}
.boxcat img{margin: 0;padding: 0px;}
.boxcat {margin:10 0 0 0; padding:0; background: url(http://int13.net/images/catbox2.gif) repeat-y;}


/* -- Footer -- */

.footer {width:838px; background: url(http://int13.net/images/footer.gif) no-repeat; text-align:center; margin-left:auto; margin-right:auto; overflow:auto; }
.colonne1 {width:170px; margin: 20 0 20 50px;  float:left; text-align:left;font: 11px/16px Verdana, Tahoma, Arial, Helvetica; color: #FFFFFF;}
.colonne2 {width:170px; margin: 20 0 20 10px;  float:left; text-align:left;font: 11px/16px Verdana, Tahoma, Arial, Helvetica; color: #FFFFFF;}
.colonne3 {width:190px; margin: 20 0 20 10px; float:left; text-align:left;font: 11px/16px Verdana, Tahoma, Arial, Helvetica; color: #FFFFFF;}
.colonne1 li, .colonne2 li { font: 11px/15px Verdana, Tahoma, Arial, Helvetica; color: #FFFFFF; list-style-type: square; text-align: left; margin:0;padding:0 0 2px 0}
.colonne1 a:link, .colonne2 a:link, .colonne3 a:link  { color: #FFFFFF; text-decoration: none; font-weight:normal;}
.colonne1 a:visited, .colonne2 a:visited, .colonne3 a:visited  { color: #FFFFFF; text-decoration: none; font-weight:normal;}
.colonne1 a:hover , .colonne2 a:hover, .colonne3 a:hover{ color: #FFFFFF; text-decoration: underline; font-weight:normal;}
.colonne1 p, .colonne2 p, .colonne3 p  {font: 11px/15px Verdana, Tahoma, Arial, Helvetica; color: #FFFFFF; text-align: left;padding:2px 0 5px 0}
.colonne1 img, .colonne2 img , .colonne3 img {margin: 5px 10px 5px 0px;}
.colonne1 input, .colonne2 input, .colonne3 input {margin: 10px 0px 0px 0px;}

.newsletter {width: 151px; background: transparent url(http://int13.net/images/bg_input.gif) no-repeat; color : #000000; height:27px; border:0; padding:4px 8px; margin-bottom:0px;}

.ok {width: 27px; background: transparent url(http://int13.net/images/ok.gif) no-repeat; height:27px; border:0; padding:4px 8px; margin-bottom:0px;}

h3 { font: 1.5em Verdana; color: #ffcc00; margin: 8px 0 4px 0; padding:0; text-decoration: none; font-weight:bold; font-style:italic; line-height:0;}

.newsletterglobal {
  position:absolute;
  left: 50%; 
  top: 50%;
  width: 350x;
  height: 284px;
  margin-top: -142px; /* moitié de la hauteur */
  margin-left: -175px; /* moitié de la largeur */}

/* -- Rollover image -- */
.thumbnails img {
	opacity: 0.55;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);

	-webkit-transition-property: opacity, -webkit-transform;
	-webkit-transition-duration: 0.15s;
	-webkit-transition-timing-function: ease-out;

	-moz-transition-property: opacity, -moz-transform;
	-moz-transition-duration: 0.15s;
	-moz-transition-timing-function: ease-out;

	-webkit-box-shadow: rgba(0, 0, 0, 1) 0 0 0px;
	-moz-box-shadow: rgba(0, 0, 0, 1) 0 0 0px;
	box-shadow: rgba(0, 0, 0, 1) 0 0 0px;

	cursor: pointer;
}
	.thumbnails li.current img, .thumbnails img:hover {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

/* -- Image Slide -- */

.window {
	margin-left:auto; margin-right:auto;
	margin-top:5px;
	height:272px;	width: 760px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	font: 10px Verdana, Tahoma, Arial, Helvetica; 
	color: #FFFFFF; 
	font-weight: bold;
	position: relative;
	top: -235px; left: 719px;
	width: 134px; height:35px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 28px;
	background: url(http://int13.net/images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	margin: -15px;
}
.paging a {
	padding: 4px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	background: #920000; 
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}



/*.pcent { font: 11px/15px Verdana, Tahoma, Arial, Helvetica; color: #595959; margin: 0; padding:8 0 8 0;text-align: center; }
.pcent a:link { color: #595959; font-weight: bold; text-decoration: none;}
.pcent a:visited { color: #595959; font-weight: bold; text-decoration: none;}
.pcent a:hover { color: #ff9000; font-weight: bold; text-decoration: underline;}

li { font: 11px/15px Verdana, Tahoma, Arial, Helvetica; color: #595959; margin: 0; padding:0 20 3 0;text-align:left}
li a:link { color: #595959; font-weight: bold; text-decoration: none;}
li a:visited { color: #595959; font-weight: bold; text-decoration: none;}
li a:hover { color: #ff9000; font-weight: bold; text-decoration: underline;}

ol {margin: 0 0 0 40;padding:0;}

h1 { font: 11px/15px Verdana, Tahoma, Arial, Helvetica; color: #595959; margin: 0; padding:10 10 0 15; font-weight:bold; text-decoration: none;}
h1 a:link { color: #595959; font-weight: bold; text-decoration: none;}
h1 a:visited { color: #595959; font-weight: bold; text-decoration: none;}
h1 a:hover { color: #ff9000; font-weight: bold; text-decoration: underline;}

h2 { font: 20px Verdana; color: #595959; margin: 15 10 5 15; padding:0; text-decoration: none; letter-spacing:-1; }
h2 a:link { color: #595959; text-decoration: none;}
h2 a:visited { color: #595959; text-decoration: none;}
h2 a:hover { color: #ff9000; text-decoration: underline;}
h2 img {
  vertical-align: middle;
  display: inline-block;
}

h3 { font: 10px/12px Verdana, Tahoma, Arial, Helvetica; color: #595959; margin: 0; padding:5 0 5 15; font-weight:bold;}
h3 a:link { color: #595959; font-weight: bold; text-decoration: none;}
h3 a:visited { color: #595959; font-weight: bold; text-decoration: none;}
h3 a:hover { color: #ff9000; font-weight: bold; text-decoration: underline;}



h5 { font: 13px Verdana, Tahoma, Arial, Helvetica; color: #595959; padding:20 10 0 15; margin:0; font-weight:bold;}
h5 a:link { color: #595959; font-weight: bold;}
h5 a:visited { color: #595959; font-weight: bold;}
h5 a:hover { color: #ff9000; font-weight: bold;}
h5 img {
  vertical-align: middle;
  display: inline-block;
}

h6{ font: 12px/12px Verdana, Tahoma, Arial, Helvetica; font-weight: bold; color: #000; margin: 0; padding:3 0 0 3;}
h6 a:link { color: #000; font-weight: bold; text-decoration: none;}
h6 a:visited { color: #000; font-weight: bold; text-decoration: none;}
h6 a:hover { color: #000; font-weight: bold; text-decoration: underline;}

.blogtit { font: 10px/10px Verdana, Tahoma, Arial, Helvetica; color: #999; margin: 0; padding:3 0 0 0;}
.blogtit a:link { color: #999; font-weight: bold;}
.blogtit a:visited { color: #999; font-weight: bold;}
.blogtit a:hover { color: #ff9000; font-weight: bold;}

.blogcom { font: 10px/10px Verdana, Tahoma, Arial, Helvetica; color: #999; margin: 0; padding:0 15 10 15;}
.blogcom a:link { color: #999; font-weight: bold;}
.blogcom a:visited { color: #999; font-weight: bold;}
.blogcom a:hover { color: #ff9000; font-weight: bold;}

.ban { font: 10px/12px Verdana, Tahoma, Arial, Helvetica; color: #595959; margin: 0; padding:0;}
.ban a:link { color: #595959; font-weight: bold;}
.ban a:visited { color: #595959; font-weight: bold;}
.ban a:hover { color: #ff9000; font-weight: bold;}


	
.langue { font: 11px/15px Verdana, Tahoma, Arial, Helvetica; color: #595959; margin: 0; padding:5 10 5 10;}
.langue a:link { color: #595959; font-weight: bold;}
.langue a:visited { color: #595959; font-weight: bold;}
.langue a:hover { color: #ff9000; font-weight: bold;}

.cal1 { 
	color:#d7703d; font: 10px Verdana, Arial, Helvetica; font-weight:bold; text-align:center;
	background-repeat:no-repeat;
}

.cal2 { 
	color:#ff9c00; font: 20px Verdana, Arial, Helvetica; font-weight:bold; text-align:center;
	background-repeat:no-repeat;
}


.table1 {
	margin: 0 15 0 15; 
}

.tablecal{
	margin: 0 10 0 15; 
}

.tabletit{
	margin: 0 15 0 0; 
}

.footer { font: 10px Verdana, Tahoma, Arial, Helvetica; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.footer a:link { color: #FFFFFF; font-weight: bold; text-decoration: none;}
.footer a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none;}
.footer a:hover { color: #ff9000; font-weight: bold; text-decoration: none;}

.news {padding: 2 10 2 10;font: 10px Verdana, Tahoma, Arial, Helvetica; color: #595959; text-decoration: none; border-color:red;border-bottom:1px solid #af6300;}
.news a:link { color: #595959; font-weight: bold; text-decoration: none;}
.news a:visited { color: #595959; font-weight: bold; text-decoration: none;}
.news a:hover { color: #595959; font-weight: bold; text-decoration: underline;}

.links {background: url(http://www.int13.net/http://int13.net/images/minipuce_o.gif) no-repeat; 
padding: 2 20 2 20;font: 10px Verdana, Tahoma, Arial, Helvetica; color: #595959; text-decoration: none; border-color:red;border-bottom:1px solid #af6300;}
.links a:link { color: #595959; font-weight: bold; text-decoration: none;}
.links a:visited { color: #595959; font-weight: bold; text-decoration: none;}
.links a:hover { color: #595959; font-weight: bold; text-decoration: underline;}

.cat{background: url(http://www.int13.net/http://int13.net/images/minipuce_o_tag.gif) repeat-y; 
padding: 2 20 0 20;font: 10/16px Verdana, Tahoma, Arial, Helvetica; color: #595959; text-decoration: none; border-color:red;}
.cat a:link { color: #595959; font-weight: bold; text-decoration: none;}
.cat a:visited { color: #595959; font-weight: bold; text-decoration: none;}
.cat a:hover { color: #595959; font-weight: bold; text-decoration: underline;}

.trait{border-bottom:1px solid #af6300;font: 6/6px Verdana, Tahoma, Arial, Helvetica;}

.boitej {padding: 2 10 2 10;font: 10px Verdana, Tahoma, Arial, Helvetica; color: #595959; text-decoration: none;}
.boitej a:link { color: #595959; font-weight: bold; text-decoration: none;}
.boitej a:visited { color: #595959; font-weight: bold; text-decoration: none;}
.boitej a:hover { color: #595959; font-weight: bold; text-decoration: underline;}

.video{padding: 5 5 5 5;font: 10px Verdana, Tahoma, Arial, Helvetica; color: #595959; text-decoration: none;}
.video a:link { color: #595959; font-weight: bold; text-decoration: none;}
.video a:visited { color: #595959; font-weight: bold; text-decoration: none;}
.video a:hover { color: #595959; font-weight: bold; text-decoration: underline;}

.note{padding: 10px 25px 10px 25px}

.red {color:red}

.comment {font: 13px Verdana, Tahoma, Arial, Helvetica; color: #595959;}

input {font-family:Verdana;font-size: 10px;font-weight: normal;color: #595959; margin: 0,0,0,0}
form {margin:0; padding:0}

.accordion_headings {cursor:pointer;}
.reviews{ font: 10px/12px Verdana, Tahoma, Arial, Helvetica; color: #595959; margin: 0; padding:5 35 5 35;}

.features { font: 11px/15px Verdana, Tahoma, Arial, Helvetica; color: #595959; margin: 0; padding:0 15 8 15;}
.features img {
  vertical-align: middle;
  display: inline-block;
}
.devices { font: 10px Verdana, Tahoma, Arial, Helvetica; color: #595959; padding:0 15 10 15;}

.titledevices { font: 11px Verdana, Tahoma, Arial, Helvetica; color: #595959; padding:5 15 5 15;}
.titledevices a:link { color: #595959; font-weight: bold;}
.titledevices a:visited { color: #595959; font-weight: bold;}
.titledevices a:hover { color: #ff9000; font-weight: bold;}

#pagination { font: 11px/15px Verdana, Tahoma, Arial, Helvetica; color: #595959; margin: 0; padding:8 20 8 20;text-align: justify; }
#pagination a:link { color: #595959; font-weight: bold; text-decoration: none;}
#pagination a:visited { color: #595959; font-weight: bold; text-decoration: none;}
#pagination a:hover { color: #ff9000; font-weight: bold; text-decoration: underline;}

.l1 {width:802;clear: both;}

.games {width:381; height:262; background-repeat:no-repeat;background-image:url('http://int13.net/images/box_featured.gif'); float:left; margin:10px 0 0 18px}*/