/***** SANCTUARY************************************************/



/***** raz styles ************************************************/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
:focus {
	outline: 0;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/***** structure ************************************************/

div#main {
width: 673px;
}

div#ligne1, div#ligne2, div#menucasting, div#ligne2casting  {
width: 100% ;
position: absolute;
}

div#ligne_wpp1, div#ligne_wpp2, div#ligne_wpp3  {
width: 100% ;
position: absolute;
}

div.blocgauche {
float: left;
width: 290px;
}

div.blocdroit {
float: left;
width: 383px;
}
table.wpp {
float: left;
width: 140px;
margin-left: 20px;
}
/***** structure ligne1 ************************************************/

/* min height pour IE  : */
div#ligne1 {
top: 0px;
height: 330px;
}

/* min height pour non IE :  */
html>body div#main div#ligne1   {
height: auto;
min-height: 330px;
} 


/***** structure ligne2 ************************************************/

div#ligne2 {
top: 380px;
height: 770px;
background-color: black;
}

/* min height pour IE  : */
div#ligne2 div.blocdroit {
height: 770px;
}

/* min height pour non IE :  */
html>body div#main div#ligne2 div.blocdroit {
height: auto;
min-height: 770px;
} 

/* min height pour IE  : */
div#ligne2 div.blocgauche {
height: 770px;
}

/* min height pour non IE :  */
html>body div#main div#ligne2 div.blocgauche {
height: auto;
min-height: 770px;
} 

/***** structure variante page casting************************************************/

div#menucasting {
top: 380px;
height: 120px;
background-color: yellow;
}

div#ligne2casting {
top: 500px;
height: 650px;
background-color: black;
}

/***** structure variante page wallpaper************************************************/

div#ligne_wpp1{
top: 380px;
height: 185px;
}

div#ligne_wpp2{
top: 605px;
height: 185px;
}
div#ligne_wpp3{
top: 830px;
height: 185px;
}

html>body div#main div#ligne_wpp1, html>body div#main div#ligne_wpp2, html>body div#main div#ligne_wpp3{
height: auto;
min-height: 185px;
}

/*****  typo et blocs texte ************************************************/

div#ligne2 div.blocdroit div.bloctexte {
width: 360px;
}
div#ligne2 div.blocgauche div.bloctexte {
width: 250px;
margin-left: 20px;
}

div#ligne2casting div.blocdroit div.bloctexte {
width: 360px;
}
div#ligne2casting div.blocgauche div.bloctexte {
width: 250px;
margin-left: 20px;
}

h1 {
font: normal normal bold 1em Arial, Trebuchet, MS Trebuchet, sans-serif;
color: #bababa;
text-transform: uppercase;
margin-bottom: 15px;
}

h1#interprete {
font: normal normal bold 0.8em Arial, Trebuchet, MS Trebuchet, sans-serif;
color: #fff;
text-transform: uppercase;
border-bottom: 1px dotted white;
border-top: 1px dotted white;
padding: 10px 0;
}

ul#episodes li {
font: normal normal bold 0.8em Arial, Trebuchet, MS Trebuchet, sans-serif;
color: #bababa;
text-transform: uppercase;
border-bottom: 1px dotted white;
padding: 10px 0;
text-indent: 20px;
}

p {
margin: 0 0 15px 0;
color: white;
font: normal normal normal 0.8em/1.3em Arial, Trebuchet, MS Trebuchet, sans-serif;
}

p.bio {
color: white;
font: normal normal normal 0.7em/1.3em Arial, Trebuchet, MS Trebuchet, sans-serif;
}

p.juridique  {
color: #dcdcdc;
font: normal normal normal 0.6em/1.3em Arial, Trebuchet, MS Trebuchet, sans-serif;
}

ol {
color: white;
font: normal normal normal 0.9em/1.3em Arial, Trebuchet, MS Trebuchet, sans-serif;
list-style-type: decimal;
list-style-position: inside;

}

/*****  liens ************************************************/

a, a:link, a:visited, a:hover, a:active  {
	text-decoration : none;
	color: white;
	font-weight: bold;
}