/*
Mobile Version: 3.0 beta - 16 Juillet 2011
Thank to : iWebKit css 5.04 by Christopher Plieger (for v3.x)
Thank to : elv13 for debug v1 for FluxBB 1.4 (for v2.x)
*/

body {
 position:relative;
  margin:0;
  -webkit-text-size-adjust:none;
  min-height:416px;
  font-family:helvetica,sans-serif;
  -webkit-background-size:0.438em 100%;
  background:-webkit-gradient(linear,left top,right top,from(#c5ccd4),color-stop(71%,#c5ccd4),color-stop(72%,#cbd2d8),to(#cbd2d8));
  -webkit-touch-callout:none;
  text-color: black;
  }


@media screen and (max-width:320px)
	{
#brdtitle, #brdtitle h1 { height:44px; }
#brdtitle h1 {
  line-height:44px;
  font-size:16pt;
  			}
  ; }

@media screen and (max-width:321px)
	{
#brdtitle, #brdtitle h1 { height:32px; }
#brdtitle h1 {
  line-height:32px;
  font-size:13pt; }

#punwrap {
width:320px;
max-width:320px;
min-width:320px;
}
#punindex {
width:310px;
}
; }
.pun .block2col .blockform, .pun .block2col .block {
    margin-left: 0;
}
.pun textarea, .pun input, .pun select {
	padding:5px 9px;
	position:relative;
	overflow:hidden;
	padding:0;
	margin-top:5px;
	font-size:medium;
	border:1px solid #878787;
	background-color: transparent;
	max-height: 200px;
	width: 100%;
	color: black;
}
.pun select {
  	  max-width: 200px;
  	  }
#brdtitle {
position:relative;
  left:0;
  top:0;
  width:auto;
background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(133,133,133,0.7)),color-stop(3%,rgba(99,99,99,0.7)),color-stop(50%,rgba(32,32,32,0.7)),color-stop(51%,rgba(0,0,0,0.7)),color-stop(97%,rgba(0,0,0,0.7)),to(rgba(38,38,38,0.7)));
  }
#brdtitle h1, #brdtitle h1 a {
	position:absolute;
  font-weight:bold;
  top:0;
  left:0;
  right:0;
  padding:0 10px;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  color:#FFF;
  text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
  }
#idx1 h2 span {
  position:relative;
  right:20px;
  left:9px;
  color:#4C4C4C;
  text-shadow:#FFF 0 1px 0;
  padding:1px 0 3px 8px;
  background-color: transparent;
  }
.pun h2 {
  background-color: transparent;
  color:#4C4C4C;
  text-shadow:#FFF 0 1px 0;
}
 .pun .box, .pun td {
  	border: 0px;
  	background-color: transparent;
  	color: black;
  	}
.pun .postfootright ul, .pun .postfootright div, .pun .postfootright p, .pun .postfootleft p {
    padding: 0px 5px;
}
.pun {
	 margin: 0px;
	 color: black;
	 }
#brdstats, div.pagepost, #quickpost .box, #brdfooter #modcontrols, #postform .box, .blockform .box {
  -webkit-border-radius:8px;
  background-color:#fff;
  border:1px solid #878787;
  overflow:hidden;
  padding:0px;
  position:relative;
  display:block;
  height:auto;
  width:auto;
  margin:3px 5px 7px;
  list-style:none;
  color: black;
}

div.pagepost {
	padding-left: 5px;
	padding-right: 5px;
}

.tcl {
width:50%;
}



#brdmenu li {
margin-right:2px;
padding-left:2px;
line-height:20px;
}

.pun h1 {
background-repeat:no-repeat;
height:0px;
}

.pun #brdtitle p{
height:20px;
}

.pun #brdmenu {
background-image:none;
padding:0;
}
div.linkst .conl,div.linksb .conl,div.postlinksb .conl {
width:6em;
}

div.linkst .conr,div.linksb .conr,div.postlinksb .conr {
width:12em;
}

.linkst ul,.linksb ul,.postlinksb ul {
margin-left:0;
clear:left;
}

div.icon {
margin-left:.1em;
}

td div.tclcon {
margin-left:1.6em;
}

div.postleft,div.postfootleft {
width:100px;
float:left;
clear:both;
}

div.postleft {
padding-bottom:5px;
max-width:50px;
width:50px;
}

div.postright,div.postfootright {
border-left-width:0;
border-left-style:solid;
}

div.postright {
padding-top:5px;
padding-bottom:5px;
}

div.block2col div.blockform,div.block2col div.block,#viewprofile dd {
margin-left:0;
}
.pun .blockmenu {
    float: none;
    width: 100%;
}
#searchform .conl input {
width:150px;
}

#searchform input {
width:70%;
}

.blockform .rbox input {
width:25px;
}

.pubgoog, .box div.conr, .pun td p, .tc2, .tc3, .tcmod, .tcl td, #brdstats .conr, #brdwelcome .conl, div.postleft dd, div.postfootleft, .forumdesc, #brddesc, .bblinks, .pun #brdmenu #navindex,.pun #brdmenu #navuserlist,.pun #brdmenu #navsearch {
display:none;
}

#brdstats .conl,#brdfooter .conl {
width:25em;
}

div.blockmenu,#viewprofile dt {
width:100%;
}

div.txtarea,.blockform input {
width:95%;
}



.postleft img {
  max-width:40px;
  max-height:40px;
}

.pun td p {
display:none;
}

.postleft img {
  max-width:40px;
  max-height:40px;
}


div.postright {
  border-left-width:50px !important;
  border-bottom-width:0px !important;
}

.postleft dt{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  height:100px;
  width:100px;
  text-align:right;
}

.postsignature img {
  max-height:70px;
}

.postsignature {
  min-height:0px;
  height: 75px;
}
.postfootleft, .postfootright{
  max-height:20px;
  display: inline;
}
.postfootright {
	width:auto;
	}
.usertitle {
  display:none !important;
  color:red;
  max-height:0px; /*Bogue de prioritee pour le display*/
}

.blockpost h2 span {
  display: inline;
  background: transparent;
}
.blockpost h2 {
background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(133,133,133,0.7)),color-stop(3%,rgba(99,99,99,0.7)),color-stop(50%,rgba(32,32,32,0.7)),color-stop(51%,rgba(0,0,0,0.7)),color-stop(97%,rgba(0,0,0,0.7)),to(rgba(38,38,38,0.7)));
  }

#profile .blockmenu .box .inbox ul {
  display: inline;
}

#profile .blockmenu {
  margin-bottom:25px;
  min-width:60px;
  max-width:100px;
}

#profile .blockform {
  float:none;
  margin-left: 0px !important;
  width:320px;
  margin-top:20px;
}

#profile .blockform .inform, #profile .infldset, #profile input {
  max-width:320px !important;
  width:200px !important;
  margin-left:2px;
}


/* Links
----------------------------------------------------------------*/
.pun legend {
    color: #0077CC;
}
.postmsg {
    color: white;
}
.pun a:link, .pun a:visited {
	color: #0088CC;
	text-decoration: none;
	}

.pun a:hover, .pun a:active, .pun a:focus {
	color: #0066CC;
	}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
	border-color: #f6b620;
}

.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
	border-color: #ffee40;
}

.pun .postreport a:link, .pun .postreport a:visited,
.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited {
	color: #888
	}

.pun .postreport a:hover, .pun .postreport a:active,
.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active {
	color: #aaa
	}

.pun .maintenancelink a:link, .pun .maintenancelink a:visited {
	color: #ff4000
	}

.pun .maintenancelink a:hover, .pun .maintenancelink a:active {
	color: #ff5010
	}

.pun #brdmenu {
	text-align:center;
	}