/*centrage menu de navigation et footer
----------------------------------------*/
ul.linklist li.site_middle {
	float: none;
	text-align: center;
}
/*centrage des boutons partenaire et du petit logo dz
----------------------------------------*/
.ul-link {
	list-style: none;
	margin: 0px 0px 0px 0;
	padding: 0px 0px 0 0px;
	text-align: center;
}
.ul-link li{
	margin: 0px 0px 6px 0;
}
/*class pour écrire en petiot
----------------------------------------*/
small, .small {
	font-size:10px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color: FFFFFF;
}
/* Block News sur l'accueil */
ul.news {
	border-top: 1px solid #FFFFFF;
	list-style: none;
	margin-left: 0;
	border-top: none;
}
ul.news li {
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #CCCCCC;
}
ul.news li.last {
	border-bottom: none;
}
ul.news li {
	padding: 0 0 4px 0;
	margin-bottom: 5px;
	margin-left: 0;
	border-bottom-color: #E0E0E0;
}

/*Block d'option dans la colone de droite
----------------------------------------*/
ul.menu {
	list-style: none;
}
ul.menu li {
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #333333;
	margin: 0;
}
ul.menu li.last {
	border-bottom: none;
}
h3.nav {
	border-bottom-color: #CCCCCC;
}
/*Page news
----------------------------------------*/
ul.topiclist dt.truc {
	width: 93%;
	padding-left: 50px;
	padding-right: 0px;
}
.postbody {
	width: 100%;
}
hr.news {
	border-bottom-color: #E0E0E0;
}
.info_news {
	width: 100%;
	border-top: 1px solid #333333;
}
ul.reac li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
}

ul.reac li.reac {
	float: right;
	margin: 0;
	text-align: right;
}
.news-amh {
	height: 534px;
	background-image: url("images/news-amh.jpg");
}
/*Page personnages
----------------------------------------*/
.portrait {
	padding-right: 10px;
	border:0;
	float:left
}
.content {
	overflow: visible;
}
/*Page photos
----------------------------------------*/
ul.topiclist li.header dt {
	width: 49%;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 4px;
}
ul.topiclist dt.truc2 {
	width: 88%;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 4px;
}
ul.topiclist dd {
	width: 8%;
	text-align: center;
}
ul.topiclist dd.posts {
	padding-top: 0px;
	padding-bottom: 0px;
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}
li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 302px;
}
.espace {
	margin-bottom: 0px;
	margin-top: 2px;
}
span.vignette	{
	margin-top: -2px;
}
.photo-jla {
	height: 314px;
	background-image: url("images/photo-jla.jpg");
}
/*Page diffusions
----------------------------------------*/
ul.topiclist dt.diff {
	width: 80%;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 4px;
}
dd.diff_usa {
	width: 28%;
	text-align: center;
	padding-right: 0px;
}
dd.diff_fr {
	width: 28%;
	text-align: center;
	padding-right: 0px;
}
ul.topiclist li.header dt.diff {
	width: 80%;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 4px;
}
/* additional proSilver Markup Styles outside rouded
----------------------------------------------------------- */
.top-left, .top-right, .bottom-left, .bottom-right {
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   }

.top-left {
   background-image: url("http://www.funny-stadium.com/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-left: 1px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
   }
.top-right {
   background-image: url("http://www.funny-stadium.com/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
   }
.top-center {
   background-image: url("http://www.funny-stadium.com/images/bg_headers.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
   }

.bottom-left  {
   background-image: url("http://www.funny-stadium.com/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 1px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-right {
   background-image: url("http://www.funny-stadium.com/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-center {
   background-image: url("http://www.funny-stadium.com/images/bg_footers.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */

   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
   }

.inside {
   border-left: 0px solid #FFFFE2; /* YCC: color & properties of the left-borderline */
   border-right: 0px solid #FFFFE2;/* YCC: color & properties of the right-borderline */
   background: #FFFFE2;            /* YCC: background-color of the inside */
   color: #86C22A;                 /* YCC: default text-color of the inside */
   padding-left: 0px;              /* YCC: all texts at some distance of the left border */
   padding-right: 0px;             /* YCC: all texts at some distance of the right border */
   background-image: url("http://www.funny-stadium.com/images/bg_body.gif"); /* CHANGE: path and name of your image */
   }

.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.outside {
   margin: 0 auto;
   width : 990px;
   }
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}