/* CSS Document */

/*
------------------------------------------------------------------------------------------------------- 
 
 Copyright 2009 - Chez-simpsons.com
 mise à jour 23/09/2009

------------------------------------------------------------------------------------------------------- 
*/


/*
------------------------------------------------------------------------------------------------------- HTML
*/

* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}
	
body {
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	background:url(../design/body.png) left top repeat-x #FFEC6C;
	margin:0 auto;
	padding:0;
	text-align:left !important; /* pour ie */
	text-align:center; /* pour ie */
}

h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	margin:0;
	padding:0;
	/*font-weight:normal;*/
	color:#663300;
}

h1 { 
	color:#DF3A00;
	font-size:1.2em;
	padding:2px 5px;
	margin-bottom:5px;
	/*border-bottom:1px solid #DF3A00;*/
	}
	
h2 {
	font-size:1.1em;
	margin-bottom:5px;
	color:#DF3A00;
	border-bottom:1px solid #FED710;
}


img { border:none; }

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	margin:0 0 15px 0;
}

ul {
	margin:5px auto;
	padding:0px;
}

li {
	list-style:circle inside;
	font-size:10px;
	margin:2px 0;
}

a {
	text-decoration:none;
	color:#DF3A00;
	cursor:pointer;
	text-decoration:underline;
}

a:hover { 
	/*text-decoration:none;*/
	color:#CC0000;
	}

a:focus {
	border:none;
	text-decoration:none;
	outline:none;
	color:#333333;
}

p {
	padding:5px;
	margin:5px auto;
	margin-top:inherit;
}

/*
------------------------------------------------------------------------------------------------------- HEADER
*/
#global, #header, #sidebar, #headersous, #footer {
	width:798px;
	border:1px solid #FED710;
	border-top:none;
	border-bottom:none;
}

#header {
	position:relative;
	height:150px;
	margin:0 auto;
	background:url(../design/header2.jpg) right top no-repeat #fff;
}

#header div.google {
	position:absolute;
	top:0px;
	right:100px;
	/*width:270px;*/
	text-align:right;
	padding-top:85px;
	/*padding-left:90px;*/
	background:url(../design/maggie.jpg) center top no-repeat transparent;
}

#header form input {
	font-size:10px;
}

#google_barre {
	position:absolute;
	left:145px;
	bottom:0px;
	}

#google_barre form {
	background:none;
	border:none;
	}

#headersous {
	position:relative;
	left:0;
	margin:0 auto;
	height:30px;
	border-top:none;
	background:#FFF;
	text-align:center;
	z-index:0;
}

#headersous div {
	text-align:left;
	padding:8px;
	font-size:12px;
}

#headersous span {
	padding:2px 0;
}

#global {
	height:auto;
	background:#FFF/*url(../pictures/general.jpg) center top repeat-y*/;
	margin:0 auto;
	padding-bottom:10px;
	text-align:left; /* pour ie */
}



/*
------------------------------------------------------------------------------------------------------- CONTENT
*/


#content {
 	background:none/*#f8f8f8 right top no-repeat*/;
	width:auto;
	/*padding-top:15px;*/
	clear:both;
	margin-bottom:0px;
	margin:0 10px;
}

#content div.content {
	width:551px;
}

#content .infos h2 {
	font-size:11px;
	padding:3px 0;
	margin:0;
}

#content .infos h3 { font-size:10px; }

#content .infos p {
	font-size:10px;
	padding:0;
	margin:0;
}

#content .infos p.desc { margin:5px 0; }

#content .infos p span {
	font-size:10px;
	font-weight:bold;
	width:80px;
	display:block;
	float:left;
}


.corps { /*margin:0 25px 0 5px; */
	}



a.saison, span.saison {
	display:block;
	float:left;
	margin:0 2px;
	padding: 2px;
	border:1px solid #FED710;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	}

a.current {
	color:#FF6600;
	}

a.saison:hover, a.current {
	background:#FFEC6C;
	}
	
/*
------------------------------------------------------------------------------------------------------- SIDEBAR
*/

			
div.sidebar {
	width:310px;
	}

div.accueil {
	width:200px;
	}
				
div.sidebar p {
	width:auto;
	padding:5px 0;
	margin-bottom:10px;
	font-size:10px;
	}
	
#sidebar {
	position:relative;
	margin:0 auto;
	height:20px;
	border-bottom:1px solid #FED710;
	background:#FFF;
	z-index:1;
	text-align: center;
}
	
#sidebar ul {
	background:url(../pictures/sidetop.jpg) left top no-repeat;
	list-style:none;
	width:auto;
	margin:0 15px;
	padding:0px 0;
	clear:both;
	background:none;
}

#sidebar li {
	/*background:url(../pictures/) left top no-repeat;*/
	margin:0px 2px;
	padding:0px;
	display:inline;
}

#sidebar li a {
	position:relative;
	text-decoration:none;
	height:15px;
	width: auto;
	width:auto !important;
	color:#606060;
	margin:0px 1px;
	padding:2px 0;
	font-weight:bold;
	font-size:11px;
	float:left;
	border:1px solid #FED710;
	border-bottom:none;
	background:url(../design/sidebar.jpg) left bottom repeat-x;
}

#sidebar li b {
	text-decoration:none;
	color:#DF3A00;
	display:block;
	float:left;
	margin:0 10px;
	padding:0 0 3px 0;
	padding-left:0px;
}

#sidebar li a#hover, #sidebar li a#hover:hover {
	position:relative;
	top:5px;
	background: #fff;
	color:#000;
	top:1px;
}

#sidebar li a#hover b, #sidebar li a#hover:hover b {
	background: #fff;
	color:#FFB000;
}

#sidebar li a:hover {
	background:url(../design/sidebar.jpg) left bottom repeat-x;
	color:#000;
}

#sidebar a:hover b { 
	color:#FFB000; }


/*
------------------------------------------------------------------------------------------------------- FOOTER
*/


#footer {
	height:65px;
	margin:0 auto;
	padding:8px 0px 0 0;
	background:url(../design/homer-footer.jpg) left top no-repeat #FFF;
	text-align:right;
	border-bottom:1px solid #FED710;
}

#footer p {
	margin:0;
	font-size:0.7em;
}

#footer a {
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

#footer a:hover { color:#000000; }


/*
------------------------------------------------------------------------------------------------------- FORMULAIRE
*/

form {
	padding:10px;
	margin:0;
}

form /*ul*/.error {
	margin:0 0 10px 10px;
	color:#CC0000;
	font-weight:bold;
}

form ul.error li { 
	font-size:12px;
	list-style:none;
}

form fieldset {
	border:#CCCCCC 1px solid;
	padding:5px;
	margin:10px auto;
}

form fieldset legend {
	padding:5px;
	margin-left:5px;
	border:none;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	font-weight:bold;
	letter-spacing:2px;
}

#content form p {
	padding:1px 5px;
	margin:1px auto;/*border:1px solid #ccc;*/
	}

label {
	/*background:#999900;
	border:#F6F6F6 1px solid;*/
	margin-right:5px;
	width:60%;
	padding:2px 5px;
	/**/float:left;
	display:block;
	letter-spacing:1px;
}

label small { letter-spacing:normal; }

label.color {
	background:#F6F6F6;
	border:#ccc 1px solid;
	margin-right:3px;
}

input {
	width:auto;
	padding-left:5px;/*float:left;
	margin-left:200px;
	display:block;*/
	}

input[type="file"] { width:auto; }

input[type="checkbox"] {
	width:auto;
	height:20px;
}

input[type="radio"] {
	width:auto;
	height:auto;
	float:right;
}

input[type="submit"] {
	width:auto;
	padding:0 5px;/*float:right;*/ 
	}

textarea {
	width:250px;
	margin:0;
	height:120px;
}

select { width:auto; }

/*
------------------------------------------------------------------------------------------------------- 
*/

.display { display:none; }

.spacer {
	clear:both;
	margin-top:8px !important;
	margin:0;
	padding:0
}

.right { float:right; }

.left { float:left; }

.mainend {
	clear:both;
	/*background:url(../pictures/mainend.jpg) right top no-repeat;*/
	height:0;/*15px;*/
	width:auto;
}

.google {
	/*margin:0 auto;
	text-align:center;
	border:1px solid #666;
	padding:2px;
	background:#FFFFFF;*/
}

.noborder { border:none; }


/* ************************************************************
 * CSS specifique
 ************************************************************ */
	

.fildarianne {
	font-size:10px;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:1px solid #000;
	padding:2px 5px;
}

.fildarianne a {
	text-decoration:none;
	color:#909090;
}

.fildarianne a:hover {
	text-decoration:none;
	color:#000000;
	
}


/*
------------------------------------------------------------------------------------------------------- NAVIGATION
*/
.nav {
	background:#f6f6f6;
	border:1px solid #a0a0a0;
	margin-bottom:10px;
	padding:8px 5px;
}

.page { font-weight:bold; }

.nav .info {
	font-size:9px;
	display:inline;
}

.nav .page { float:right; }

.page a, .page span {
	text-decoration:none;
	font-size:0.8em;
	padding: 0.1em 0.5em 0.2em 0.5em;
	margin: 0.1em;
	border:#999999 solid 1px;
	background:#FFFFFF;
	display:block;
	float:left;
}

.page a:hover, .page span { border:#000000 solid 1px;  }

.page span { background:#F6F6F6; }


/*
------------------------------------------------------------------------------------------------------- EPISODE
*/


#maxi {
	width:auto;
	padding: 2px;
	margin-bottom:15px;
	border:1px solid #CCCCCC;
	float:left;
	/*background:url(../design/tv-small.jpg) left top no-repeat transparent;*/
}

.infos {
	/*border:1px solid #ccc;*/
	padding:5px;
	font-size:10px;
	margin-bottom:15px;
}

.infos .navigation {
	width:auto;
	margin:5px auto;
	margin-bottom:10px;
}

.infos .navigation img {
	border:1px solid #ccc;
	padding:2px;
}

div.episode {
	border:1px solid #FFCC00;
	margin:10px 0;
	background:#FFFFEF;
	}

div.episode p {
	font-size:12px;
	padding-top: inherit;
	margin-top: inherit;
	}

div.episode h2 {
	margin-top:5px;
	margin-right:5px;
	margin-bottom: inherit;
	border:none;
	}

div.episode img {
	border:#CCCCCC 1px solid;
	padding:2px;
	margin:5px;
	float:left;
	}

.episode p, .episode h2 {
	margin-left:145px;
	}


/*
------------------------------------------------------------------------------------------------------- VIGNETTE
*/

.vignette {
	background:#f9f9f9;
	width:510px;
	/*
	width:auto;
	float:left;*/
	margin:0 auto;
}

.mini {
	background:url(../design/content.jpg) left top no-repeat;
	padding:20px 0 0 20px;
	width:551px;
}

.mini .vignette {
	width:auto;
	float:left;
	margin-right:10px;
}

.mini .infos {
	width:350px;
	float:left;
}


/*
------------------------------------------------------------------------------------------------------- COMMENTAIRE
*/

#commentaire {
	margin:0 0 15px 0;
	width:auto;
}

#commentaire h3 {
	width:auto;
	font-size:12px;
	color:#666;
	padding:3px;
	font-weight:bold;
	border-bottom:#FED710 1px solid;
}

#commentaire h4 {
	color:#E43A00;
	font-weight:bold;
	border-bottom:1px #FF6600 solid;
	padding:0;
}

#commentaire h4 small {
	color:#000;
	font-weight:normal;
	font-size:10px;
	line-height:2;
	text-decoration:none;
}

#commentaire div { color:#999999; }

#commentaire div a {
	color:#999999;
	padding:0px;
	text-decoration:none;
}

#commentaire div a:hover {
	text-decoration:none;
	color:#666;
}

#commentaire p.com {
	width:auto;
	font-size:12px;
	padding-left:20px;
	margin-top:-1px;
	background:url(../design/comm.gif) 5px -2px no-repeat transparent;
}
#commentaire form {
	border:1px solid #FED710;
	border-top:none;
}

#commentaire form label {
	width:30%;
}

#commentaire form textarea {
	width:320px;
}

#commentaire form textarea.accueil {
	width:300px;
}


/*
------------------------------------------------------------------------------------------------------- RATING
*/

img.rating, div.episode img.rating {
	border:none;
	padding:0px;
	margin:0px;
	float:inherit;
}

#ratingWrapper a {
	margin:0;
	padding:0px;
}

.star_full, .star_half, .star_empty {
	width:17px;
	height:16px;
}

.star_full { background: url(../design/icons/star.gif) left bottom no-repeat; }

.star_half { background:url(../design/icons/star.gif) left bottom no-repeat; }

.star_empty { background: url(../design/icons/star1.gif) left bottom no-repeat; }