@charset "utf-8";
/* HUMOUR MAXIMUM : Design by Webstore */

body{
	margin:0px;
	padding:0px;
	background:#3399FF url(images/background.jpg) top left repeat-x;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:"Trebuchet MS", "Lucida Console", Helvetica, sans-serif;
}

body,td,p,li,div{
	font-size:14px;
}

a, a:visited, a:active{
	color:#36f;
	text-decoration:underline;
}

a:hover{
	color:#f63;
	text-decoration:none;
}

h2{
	font-size:14px;
	padding:0;
	margin:0;
	font-weight:normal;
	font-style:italic;	
}

/*Fin element generaux --------------------*/
i.fete{
	font-size:10px;
}

/*------------------layout*/
#masterContainer{
	background:url(images/masterContainerBackground.jpg) top left repeat-y;
	width:1000px;
	margin:0px auto 0px auto;
	padding:0px;
	position:relative;
	top:0px;
	left:0px;
}

#footer{
	background:url(images/footerBackground.jpg) top left no-repeat;
	width:1000px;
	height:122px;
	margin:0px auto 0px auto;
	padding:0px;
}

#footer p{
	margin:0px;
	padding:40px 0px 0px 0px;
	font-size:0.7em;
	text-align:center;
	color:#FFFFFF;
}

#footer a, #footer a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#banTop{
	background:url(images/banTopBackground.jpg) top left no-repeat;
	width:1000px;
	height:100px;
	margin:0px;
	padding:0px;
}

#banTop a{
	display:block;
	border:0px;
	text-decoration:none;
	width:1000px;
	height:100px;
	margin:0px;
	padding:0px;
}

#menuRight{
	width:309px;
	margin:0px;
	padding:0px;
	float:right;
}

#menuRight img{
	border:none;
}

#content{
	background:#FFFFFF url(images/contentBackground.jpg) top left no-repeat;
	margin:0px 309px 0px 0px;
	padding:10px 0 0 10px;
}

/*#content h1{
	margin:0px;
	padding:30px 10px 10px 20px;
	font-size:1.4em;
	color:#FF9900;
}*/

#content h1{
	width:640px;
	height:50px;
	background:top left no-repeat;
	background-image:url(images/H1Back.jpg);
	margin:0px;
	padding:14px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	text-indent: 40px;
	vertical-align: middle;
}

#content h2{
	margin:0px;
	padding:20px 10px 10px 20px;
	font-size:1.2em;
	color:#f60;
}

#content h2{
	margin:0px;
	padding:20px 10px 10px 20px;
	font-size:1.1em;
	color:#333;
}

#content p,  #content td, #content div{
	font-size:1em;
}

#content p{
	margin:0px;
	padding:0px 10px 10px 20px;
	text-align:justify;
	color:#336699;
}

/*#content img{
	float:left;
	margin:0px 0px 0px 20px;
}*/

/*---------------------intro*/
#introTable{
	width:100%;
}

#introTable td{
	width:50%;
	margin:20px;
	height:137px;
	vertical-align:top;
	background:bottom left no-repeat;
	/*background-image:url(images/tablAccueilBack.jpg);
	padding:20px;
	border:1px solid #ccc;
	background-color:#f0f0f0;*/
}

.introBloc{
	width:220px;
	}
	
#introTable .back1{
	background:bottom left no-repeat;
	background-image:url(images/tablAccueilBack_blagues.png);
	}
	
#introTable .back2{
	background:bottom left no-repeat;
	background-image:url(images/tablAccueilBack_surf.png);
	}

#introTable .back3{
	background:bottom left no-repeat;
	background-image:url(images/tablAccueilBack_fun.png);
	}

#introTable .back4{
	background:bottom left no-repeat;
	background-image:url(images/tablAccueilBack_jeux.png);
	}
	
#introTable .back5{
	background:bottom left no-repeat;
	background-image:url(images/tablAccueilBack_haz.png);
	}
	
#introTable .back6{
	background:bottom left no-repeat;
	background-image:url(images/tablAccueilBack_web.png);
	}


.introBloc i{
	padding:0px 0px 0px 20px;
	color:#3399FE;
}

.introBloc p a, .introBloc p a:visited{
	font-size:11px;
	color:#3399FE;
}

.introBloc p a:hover{
	color:#FF9C00;	
	text-decoration:underline;
}

.introBloc h2 a{
	color:#FF9C00;	
	padding:0px;
	margin:0px;
	text-decoration:none;
	font-size:18px;
}

/*--------------------listes blagues et soft */

li.blague, li.soft{
	padding:0.2em;
	background-color:#f0f0f0;
	border:1px solid #999;
	margin:10px;
	list-style:none;
	font-size:12px;
}

li.blague{
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	
}

li.blague p, li.soft p{
	margin:0px;
	padding:0px;
}

li.blague form{
	margin:10px;
	background-color:#d0daf9;
	border:1px solid #ddd;
	padding:8px;
	font-size:11px;
}
li.blague form.formVote{
	display:block;
	width:100px;
	float:right;
}	

/*--------------------------affichage images */

div.imageFun{
	min-width:150px;
	padding:8px;
	margin:4px;
	float:left;
	background-color:#f0f0f0;
	border:1px solid #ddd;
	text-align:center;
}

div.imageFun b{
	font-size:14px;
	color:#f90;
}

div.imageFun a img{
	/*display:block;*/
	/*margin:auto;*/
	border:1px solid #333;
}

/*-------------------------------- case des listes */
.case1,.case2{
	text-align:center;
	vertical-align:middle;
	width:186px;
	padding-bottom:10px;
}
.case1 h3,.case2 h3{
	margin-top:0px;
	padding-top:0px;
}
.case1{
	background-color:#fc0;
	background:url(images/fond-1.png) top left no-repeat;
}

.case2{
	background-color:#f90;
	background:url(images/fond-1.png) top left no-repeat;
}

.case1 a, .case2 a {text-decoration:none;}

/*------------------------------ Afficher/Masquer formulaire blagues */
.clicTitre{
  border: #ddd 1px solid;
  background-color: #fafafa;
  margin:10px;
  padding:0 18px 0 18px;
  text-align:right;
   }

.clicTitre a{
	text-decoration:none;
	}

.clicCacher{
  position: relative;
  text-align:right;
  padding-right:18px;
  }
  
.clicCacher a{
	text-decoration:none;
	}

.contenant{
  display : block;
  border: 1px solid #ddd;
  background:#fafafa;
  margin:10px 10px 10px 10px;
  }
  
#fleche img {
  	border:0;
	float:right;
	margin-left:5px;
	padding-top:4px;
	}
	
#listimage {
	width:600px;
	height:300px;
	margin-left:auto;
	}