/* ----------defaults---------- */

*
{
        margin: 0;
		padding: 0;
}

body
{
        background-color: #000000;
		padding: 8px 0;
        font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color: #000000;
		text-transform: none;
		text-align: justify;
		line-height: 1.1em;
}


/* ---------- structure---------- */

/* IE5 Mac starts */
#wrapper /* outer container */
{
        width: 800px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -400px;
}

/* Invisible to IE5 Mac \*/
#wrapper
{
        width: 800px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -300px;
		margin-left: -400px;
		background: #030303;
}
/* End IE5 Mac hack */

#wrapper-inner0 /* index */
{
        width: 800px;
		height: 600px;
		padding: 0;
		margin: 0;
		background: #030303 url;
		overflow: hidden;
}

#wrapper-inner1 /* prémices */
{
        width: 800px;
		height: 600px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/PremicesBKD.jpg) no-repeat;
		overflow: hidden;
}


#wrapper-inner2 /* périmètre littéraire */
{
        width: 800px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/PerimetreBKD.jpg) no-repeat;
		overflow: visible;
}

#wrapper-inner2-1 /* humeur */
{
        width: 800px;
		height: 600px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/HumeurBKD.jpg) no-repeat;
		overflow: hidden;
}

#wrapper-inner2-2 /* mimes */
{
        width: 800px;
		height: 600px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/MimesBKD.jpg) no-repeat;
		overflow: hidden;
}

#wrapper-inner2-3 /* blah */
{
        width: 800px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/BlahBKD.jpg) no-repeat;
		overflow: visible;
}

#wrapper-inner2-6 /* avant-premiere */
{
        width: 800px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/AvantPremiereBKD.jpg) repeat;
		overflow: visible;
}

#wrapper-inner2-7 /* interviews */,
#wrapper-inner3-1-2 /* films */
{
        width: 450px;
		padding: 0;
		margin: 0;
		background: #000000;
		overflow: visible;
}

#wrapper-inner3-1-3 /* sons */
{
        width: 300px;
		padding: 0;
		margin: 0;
		background: #000000;
		overflow: visible;
}

#wrapper-inner3-1 /* OH */
{
        width: 800px;
		height: 600px;
		padding: 0;
		margin: 0;
		background: #FFFFFF url(PICTURES/KaCoSoniaBKD1.jpg) no-repeat;
		overflow: hidden;
}

#wrapper-inner3-1-1 /* photos */
{
        width: 700px;
		height: 509px;
		padding: 0;
		margin-top: -8px;
		border: 0;
		background: #000000;
		overflow: hidden;
}

#wrapper-inner3-1-2 /* films */
{
        width: 800px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/FilmsBKD.jpg) no-repeat;
		overflow: visible;
}

#wrapper-inner3-2 /* ostentation */
{
        width: 800px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/KaCoSoniaBKD2.jpg) no-repeat;
		overflow: visible;
}

#wrapper-inner3-3 /* osez */
{
        width: 800px;
		height: 599px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/KaCoSoniaBKD3.jpg) no-repeat;
		overflow: hidden;
}

#wrapper-inner4 /* périphérique */
{
        width: 800px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/PeripheriqueBKD.jpg) no-repeat;
		overflow: visible;
}

#wrapper-inner5 /* périphrases */
{
        width: 800px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/PeriphrasesBKD.jpg) no-repeat;
		overflow: visible;
}

#wrapper-inner5-1 /* gazette de berlin */
{
        width: 800px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/GazetteBKD.jpg) no-repeat;
		overflow: visible;
}

#wrapper-inner6 /* pérégrinations */
{
        width: 800px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/PeregrinationsBKD.jpg) no-repeat;
		overflow: visible;
}

#wrapper-inner7 /* perennisation */
{
        width: 800px;
		padding: 0;
		margin: 0;
		background: #030303 url(PICTURES/PerennisationBKD.jpg) no-repeat;;
		overflow: visible;
}

#content
{
		height: 494px;
		margin: 0;
		padding: 0;
}

#content1
{
		margin: 0;
		padding: 0;
}

.Header
{
        padding: 1px 4px 1px 0;
		margin: 0;
		text-align: right;
}

#pageHeader
{
        padding: 8px 0 0 6px;
}

#quotation
{
        padding: 25px 4px 4px 6px;
}

.date
{
		padding: 2px 4px;
		font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
		line-height: 1em;
		text-align: right;
	    color: #000000;
}

#premices
{
        width: 655px;
		padding: 60px 0 0 145px;
}

#perimetre1
{
        width: 163px;
		padding: 30px 0 0 55px;
		float: left;
}

#perimetre2
{
        width: 163px;
		padding: 60px 0 0 200px;
		float: left;
}

#perimetre3
{
        width: 155px;
		padding: 45px 20px 0 0;
		float: right;
}

#perimetre4
{
        width: 151px;
		padding: 0 0 0 55px;
		float: left;
}

#perimetre5
{
        width: 155px;
		padding: 55px 100px 0 0;
		float: right;
}

#perimetre6
{
        width: 241px;
		padding: 25px 0 0 100px;
}

#perimetre7
{
        width: 113px;
		padding: 135px 0 0 25px;
		float: left;
}

.humeur
{
        width: 436px;
		padding: 0 0 0 364px;
}

.mimes
{
        width: 430px;
		padding: 0 0 0 370px;
}

.blah
{
        width: 470px;
		padding: 0 0 0 330px;
}

.avant-premiere
{
        width: 551px;
		padding: 7px 0 0 0;
		margin-top: -10px;
		float: right;
}

.humeur p,
.mimes p,
.avant-premiere p
{
        text-indent: 1.5em;
}

.avant-premiereTitle
{
		padding: 2px 0 4px 0;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
		line-height: 1em;
	    color: #000000;
}

#headerAvant-premiere
{
		padding: 24px 0 0 250px;
} 

.interviews
{
        width: 438px;
		padding: 12px 0 0 12px;
		background: #030303;
}

#oh
{
        width: 403px;
		padding: 135px 0 0 0;
}

.films
{
        width: 480px;
		padding: 0;
		margin-bottom: 8px;
		background-color: #FFFFFF;
		float: left;
}

.headerFilms
{
		padding: 2px 0 0 8px;
		margin-top: 22px;
		margin-bottom: -3px;
}

.textFilms
{
        width: 472px;
		padding: 4px;
		background-color: #F2F2F2;
}

.textFilms ul
{
        padding: 0 0 0 8px;
}

.textFilms li
{
        padding: 0 4px 0 2px;
		border-right: 1px solid #000000;
		font-size: 11px;
		line-style-type: none;
		display: inline;
}

.textFilms #so363, #ilf8, #pergamon10, #RoterSalon18
{
        border-right: none;
}

#movFilms
{
        float: right;
}

.sons
{
        width: 288px;
		padding: 2px 0 0 12px;
		background: #030303;
}

.ostentation
{      
        width: 572px;
		padding: 0;
		margin-bottom: 11px;
		margin-top: -3px;
		border: 0;
		background-color: #FFFFFF;
		float: right;
}  

#headerOstentation
{
		padding: 15px 0 0 225px;
		margin: 0;
} 

.textOstentation
{
        width: 564px;
		padding: 8px 4px;
		background-color: #F2F2F2;
}

.textKadratt
{
        width: 564px;
		padding: 8px 4px;
		background-color: #050505;
}

#osez
{
        width: 425px;
		padding: 0;
		margin-top: -3px;
		border: 0;
		float: right;
}

#osez ul
{
        list-style-type: decimal;
}

#osez li
{
        margin-bottom: 8px;
}

#filmOsez
{
        width: 347px;
		padding: 15px 0 0 0;
		margin-right: 25px;
		float: left;
}

#headerOsez
{
		padding: 75px 0 0 375px;
}     
		
.peripherique
{
        width: 420px;
		padding: 0;
		margin-bottom: 8px;
		background-color: #FFFFFF;
		float: right;	
}

.headerPeripherique
{
		padding: 0 0 0 380px;
}

.textPeripherique
{
        width: 412px;
		padding: 8px 4px;
		background-color: #F2F2F2;
}
		
#periphrases
{
        width: 436px;
		padding: 0 0 0 364px;
		margin-top: -3px;		
}

#headerPeriphrases
{
		padding: 15px 0 0 363px;
		margin: 0;
}

.gazette
{
        width: 600px;
		padding: 20px 0 0 200px;
}

#peregrinations
{
        width: 235px;
		padding: 0;
		margin-top: -3px;
		background-color: #FFFFFF;
		float: right;
}

#headerPeregrinations
{
		padding: 75px 0 0 463px;
		margin: 0;
}

.textPeregrinations
{
        width: 227px;
		padding: 8px 4px;
		background-color: #F2F2F2;
}

.textPerennisation
{
		padding: 8px;
		background-color: #F2F2F2;
}

#swfPerennisation
{
        padding: 0;
		margin-bottom: -16px;
}

.text-inner
{
        padding: 8px;
		margin: 0;
		border: 0;
		filter: alpha(opacity=80);
		opacity: .80;
		background-color: #FFFFFF;
}

.text-inner1
{
        padding: 8px;
		margin: 0;
		background-color: #FFFFFF;
}

.text-innerblack
{
        padding: 2px 0 2px 0;
		background-color: #000000;
		float: right;
}

.highlight
{
        padding: 0 2px;
		background-color: #F2F2F2;
}


.textLeft
{
        text-align: left;
}

.textRight
{
        text-align: right;
}

.floatLeft
{
        float: left;
}

.floatRight
{
        float: right;
}

.clearFloats
{
        clear: both;
}

#footer
{
        height: 14px;
		padding: 0 4px 4px 0;
		text-align: right;
}

p
{
        line-height: 1.1em;
		margin-bottom: 0.8em;
}

ul
{
        padding: 4px 0 0 16px;
}


li
{
        margin-bottom: 4px;
		line-style-type: none;
}


/* ----------links+navigation---------- */

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

a:hover
{
        color: #DA0202;
		font-weight: bold;
		text-decoration: none;
}
		
#navigation
{
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		text-transform: uppercase;
}

#navigation a
{
        color: #DADADA;
		font-weight: bold;
		text-decoration: none;
}

#navigation a:hover
{
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
}

/*#navigation ul
{
        padding: 68px 0 9px 0;
}*/

#navigation ul
{
        padding: 68px 0 1px 0;
}

#navigation li
{
		padding: 0 10px;
		line-style-type: none;
		display: inline;
		position: relative;
}

#navigation1
{
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
}

#navigation1 a
{
        color: #BE0202;
		font-weight: bold;
		text-decoration: none;
}

#navigation1 a:hover
{
		color: #DA0202;
		font-weight: bold;
		text-decoration: none;
}

#navigation1 ul
{
        width: 550px;
		padding: 1px 0 3px 4px;
		background: #000000;
		text-transform: none;
		float: right;
}

#navigation1 li
{
		padding: 0 40px 0 0;
		line-style-type: none;
		display: inline;
}

#navigation2 ul
{
        width: 400px;
		padding: 1px 0 0 0;
}

#navigation2 li
{
        padding: 0;
		line-style-type: none;
		display: inline;
}

#navigation2 #photos
{
        padding: 0 21px 0 5px;
}

#navigation2 #films
{
        padding: 0 52px 0 0;
}

/* TEMPORARILY SUSPENDED #navigation li ul a:hover

#navigation li ul
{
		width: 544px;
		padding: 2px 20px 2px 10px;
		background: #000000;
		display: none;
        position: absolute; 
        top: 1em;
        left: 0;
		text-transform: none;		
}

#navigation li ul a
{
		color: #BE0202;
		font-weight: bold;
		text-decoration: none;
}

{
		color: #DA0202;
		font-weight: bold;
		text-decoration: none;
}

#navigation li:hover ul, li.over ul
{ 
        display: block;
}

#navigation li li
{
		padding: 0 47px 0 0;
}*/

#navKacosonia a
{
        color: #BE0202;
		margin: 0 0 0 4px;
		font-weight: bold;
		text-decoration: none;
}

#navKacosonia a:hover
{
        color: #DA0202;
		margin: 0 0 0 4px;
		font-weight: bold;
		text-decoration: none;
}

#navKacosonia a
{
        color: #BE0202;
		margin: 0 0 0 4px;
		font-weight: bold;
		text-decoration: none;
}


/* ----------fonts---------- */

.contentblack
{
        font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		color: #000000;
}

.contentblackbold
{
        font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-transform: none;
		color: #000000;
}

.contentwhitesmall
{
        font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		text-transform: none;
		color: #FFFFFF;
}

.contentwhite
{
        font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		color: #FFFFFF;
}

.contentwhitebold
{
        font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-transform: none;
		color: #FFFFFF;
}

.contentgrey
{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
		line-height: 1em;
        text-transform: none;
        color: #393939;
}

.contentgreybold 
{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
		line-height: 1em;
        text-transform: none;
        color: #393939;
}

.contentredbold
{
        font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-transform: none;
		color: #DA0202;
}

.titleblack
{
        font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-style: normal;
		font-weight: normal;
		letter-spacing: -2px;
		line-height: 0.9em;
		text-transform: uppercase;
		color: #0D0D0D;
}

.titlewhite
{
        font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-style: normal;
		font-weight: normal;
		letter-spacing: -2px;
		line-height: 0.9em;
		text-transform: uppercase;
		color: #FFFFFF;
}

.titlered
{
        font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-style: normal;
		font-weight: normal;
		letter-spacing: -2px;
		line-height: 0.9em;
		text-transform: uppercase;
		color: #DA0202;
}

.titlepink
{
        font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-style: normal;
		font-weight: normal;
		letter-spacing: -2px;
		line-height: 0.9em;
		text-transform: uppercase;
		color: #E60962;
}

.largetitleblack
{
        font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 36px;
		font-style: normal;
		font-weight: normal;
		text-transform: uppercase;
		color: #000000;
		line-height: 1em;
		letter-spacing: -2px;
}

.largetitlewhite
{
        font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 36px;
		font-style: normal;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 1em;
		letter-spacing: -2px;
}

.largetitlered
{
        font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 36px;
		font-style: normal;
		font-weight: normal;
		text-transform: uppercase;
		color: #DA0202;
		line-height: 1em;
		letter-spacing: -2px;
}

.copyrightwhite
{
        font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: bold;
		text-transform: none;
		color: #FFFFFF;
}

.copyrightblack
{
        font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: bold;
		text-transform: none;
		color: #000000;
}