ul {
	list-style-type: square
	margin: 0;
	padding-left: 1em;
	text-indent: -0.2em;
}
/* OCTUOR DE FRANCE
   ------------------
   Morgan Thomas 2006
   http://www.bwoup.com
*/


/* Définition de typo */
body, h1, h2, h3, h4, h5, h6, td {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}

hr { color: #D5DCEE}

a { text-decoration: none }

/* Couleurs des liens */
a:link{color:#FFFFFF;text-decoration: none;}
a:visited{color:#FFFFFF;text-decoration: none;}
a:hover{color:#FE922A;text-decoration: none;}
a:active{color:#000000;text-decoration: none;}

#globalpage {
	background-color: #1D1D1D;
	background-image: url(gfx/fond.gif);
	background-repeat: repeat-x;
	background-position: top center;
	}

table.page {
	background-color: #000000;
	}

#header_container {
	width: 950px;
	height: 100px;
	}

#header-logo_octuor {
	float: left;
	width: 140px;
	height: 100px;
	background-image: url(gfx/header-logo_octuor.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	}


#header-pflag_container {
	position: relative;
	left: 186px;
	float: right;
	width: 20px,
	height: 15px;
	}

#header-navbar2_container {
	position: relative;
	top: 79px;
	float: right;
	width: 196px;
	height: 21px;
	}



#navbar_container {
	width: 950px;
	height: 50px;
	}

/* --- MARGE --- */
td.contenu-marge_container {
	background-color: #303030;
	text-align: left;
	background-image: url(gfx/marge_fond.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	}
#contenu-marge_titre {
	padding-top: 5px;
	width: 195px;
	height: 30px;
	}
#contenu-marge_reste {
	padding-left: 32px;
	width: 163px;
	}
/* Sous Menu (navbar-verticale marge) - Item */
td.subrub_ligne {
	background-image: url(gfx/pixel_636161.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	cursor: pointer;
	}
/* Sous Menu (navbar-verticale marge) - Item HOVER*/
td.subrub_ligne_hover {
	background-image: url(gfx/pixel_636161.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #242424;
	cursor: pointer;
	}
/* Sous Menu (navbar-verticale marge) - Item SELECT*/
td.subrub_ligne_select {
	background-image: url(gfx/pixel_636161.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #000000;
	cursor: pointer;
	}
td.contenu-marge_clr-presentation {
	background-color: #C31609;
	}
td.contenu-marge_clr-musiciens {
	background-color: #C3094B;
	}
td.contenu-marge_clr-repertoire {
	background-color: #C3098D;
	}
td.contenu-marge_clr-concerts {
	background-color: #C2680A;
	}
td.contenu-marge_clr-archives {
	background-color: #C2680A;
	}
td.contenu-marge_clr-discographie {
	background-color: #C39D09;
	}
td.contenu-marge_clr-projections-concerts {
	background-color: #9D09C3;
	}
td.contenu-marge_clr-medias {
	background-color: #6909C3;
	}
td.contenu-marge_clr-contact {
	background-color: #0A61C2;
	}
td.contenu-marge_clr-amisdeloctuor {
	background-color: #0AA6C2;
	}
td.contenu-marge_clr-sponsors {
	background-color: #0A88C2;
	}




/* --- VRAI CONTENU --- */
#contenu-droite_container {
	float: right;
	width: 730px;
	height: 400px;
	}

td.z_contenu {
	background-image: url(gfx/fondf.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	}

#contenu-droite-accueilrubrique_illus {
	width: 690px;
	height: 370px;
	margin-top: 10px;
	padding: 10px;
	background-color: #FBF2E5;
	}

#contenu-droite-accueilrubrique_texte {
	width: 710px;
	margin-top: 10px;
	text-align: left;
	}

#contenu-droite-videbas {
	float: left;
	width: 450px;
	height: 15px;
	}


/* -------------------------------------- RUBRIQUE SIMPLE --- */
#contenu-droite-rubrique_titre {
	clear: left;
	float: left;
	padding-top: 5px;
	width: 250px;
	height: 45px;
	text-align: left;
	}

#contenu-droite-rubrique_introduction {
	clear: left;
	float: left;
	padding-left: 15px;
	width: 495px;
	text-align: justify;	
	font-size: 13px;
	}

#contenu-droite-rubrique_textecontainer {
	clear: left;
	float: left;
	width: 495px;
	margin-top: 30px;
	padding-left: 15px;
	background-image: url(gfx/contenu-texte_sepvert.gif);
	background-position: left top;
	background-repeat: y-repeat;
	}

#contenu-droite-rubrique_textereset {
	clear: left;
	float: left;
	padding-right: 35px;
	width: 230px;
	text-align: justify;
	font-size: 14px;
	}

#contenu-droite-rubrique_texte {
	float: left;
	width: 230px;
	text-align: justify;	
	font-size: 14px;
	}

#contenu-droite-rubrique_illus {
	float: right;
	height: 1px;
	height: 390px;
	width: 190px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	text-align: left;
	}
/* ---------------------------------------------------------- */


/* ------------------------------------------- REPERTOIRE --- */
#contenu-droite-repertoire_container {
	float: left;
	padding-left: 15px;
	margin-top: 30px;
	width: 495px;
	text-align: left;
	}
#contenu-droite-repertoire_titre {
	clear: left;
	float: left;
	width: 495px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: small-caps;
	}
#contenu-droite-repertoire_lisere {
	clear: left;
	float: left;
	width: 495px;
	height: 2px;
	background-color: #C3098D;
	font-size: 0px;
	}
#contenu-droite-repertoire_libelle {
	clear: left;
	float: left;
	width: 495px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 20px;
	text-align: left;
	font-size: 12px;
	color: #B8A497;
	}


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


/* --------------------------------------------- CONCERTS --- */
#contenu-droite-concert_container {
	float: left;
	padding-left: 15px;
	margin-top: 30px;
	width: 715px;
	text-align: left;
	}
#contenu-droite-concert_titre {
	clear: left;
	float: left;
	width: 550px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: small-caps;
	}
#contenu-droite-concert_type {
	float: right;
	width: 150px;
	padding-right: 15px;
	text-align: right;
	color: #999999;
	}
#contenu-droite-concert_lisere {
	clear: left;
	width: 700px;
	height: 1px;
	font-size: 0px;
	background-color: #C2680A;
	}
#contenu-droite-concert_date {
	clear: left;
	float: left;
	width: 500px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	color: #E1B485;
	font-weight: bold;
	}
#contenu-droite-concert_location {
	float: left;
	width: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	color: #E1B485;
	font-weight: bold;
	}
#contenu-droite-concert_soustitre {
	clear: left;
	float: left;
	width: 700px;
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
	}
#contenu-droite-concert_libelle {
	clear: left;
	float: left;
	width: 695px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 15px;
	text-align: left;
	font-size: 12px;
	color: #B8A497;
	}
/* ---------------------------------------------------------- */


/* ----------------------------------------- DISCOGRAPHIE --- */
#contenu-droite-discographie_container {
	float: left;
	padding-left: 15px;
	margin-top: 30px;
	width: 715px;
	text-align: left;
	}
#contenu-droite-discographie_titre {
	clear: left;
	float: left;
	width: 715px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: small-caps;
	}
#contenu-droite-discographie_lisere {
	clear: left;
	width: 700px;
	height: 1px;
	font-size: 0px;
	background-color: #C39D09;
	}
#contenu-droite-discographie_libelle {
	clear: left;
	float: left;
	width: 695px;
	padding-top: 2px;
	padding-left: 5px;
	text-align: left;
	font-size: 12px;
	color: #B8A497;
	}
#contenu-droite-discographie_pochettecd {
	float: right;
	width: 100px;
	height: 100px;
	}
#contenu-droite-discographie_boutonachat {
	clear: right;
	float: right;
	width: 66px;
	height: 25px;
	}	
#contenu-droite-discographie_soustitre {
	margin-top: 5px;
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
	}


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


/* --------------------------------- PROJECTIONS-CONCERTS --- */
#contenu-droite-projcons_container {
	float: left;
	padding-left: 15px;
	margin-top: 30px;
	width: 715px;
	text-align: left;
	}
#contenu-droite-projcons_titre {
	clear: left;
	float: left;
	width: 550px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: small-caps;
	}
#contenu-droite-projcons_lien {
	float: right;
	width: 150px;
	padding-right: 15px;
	text-align: right;
	color: #666666;
	}
#contenu-droite-projcons_lisere {
	clear: left;
	width: 700px;
	height: 1px;
	font-size: 0px;
	background-color: #9D09C3;
	}
#contenu-droite-projcons_libelle {
	clear: left;
	float: left;
	width: 695px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 12px;
	color: #B8A497;
	}
#contenu-droite-projcons_shot {
	float: right;
	width: 150px;
	height: 100px;
	text-align: right;
	}
#contenu-droite-projcons_titrefiche {
	clear: left;
	float: left;
	width: 495px;
	padding-left: 15px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: small-caps;
	}
#contenu-droite-projcons_liserefiche {
	clear: left;
	float: left;
	width: 495px;
	margin-bottom: 5px;
	height: 2px;
	font-size: 0px;
	background-color: #9D09C3;
	}

#contenu-droite-projcons_sephorzfiche {
	clear: left;
	float: left;
	width: 495px;
	height: 25px;
	padding-left: 15px;
	text-align: center;
	color: #303030;
	}

#contenu-droite-projcons_films_fiche_titresousrub {
	width: 495px;
	margin-top: 30px;
	margin-bottom: 5px;
	text-align: left;
	font-size: 14px;
	clear: left;
	float: left;
	width: 495px;
	padding-left: 15px;
	}

#contenu-droite-projcons_films_fiche_textecontainer {
	clear: left;
	float: left;
	width: 495px;
	padding-left: 15px;
	background-image: url(gfx/contenu-texte_sepvert.gif);
	background-position: left top;
	background-repeat: y-repeat;
	}

#contenu-droite-projcons_films_fiche_smlilluscontainer {
	width: 230px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	}




a.fichefilmlink:link {color:#999999;}
a.fichefilmlink:visited {color:#999999;}
a.fichefilmlink:hover {color:#FE922A;text-decoration:none;}
a.fichefilmlink:active {color:#FFFFFF;text-decoration:none;}

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



/* ----------------------------------------------- MEDIAS --- */
#contenu-droite-medias_container {
	float: left;
	padding-left: 15px;
	margin-top: 30px;
	width: 715px;
	text-align: left;
	}
#contenu-droite-medias_titre {
	clear: left;
	float: left;
	width: 700px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: small-caps;
	}
#contenu-droite-medias_lisere {
	clear: left;
	width: 700px;
	height: 1px;
	font-size: 0px;
	background-color: #6909C3;
	}
#contenu-droite-medias_auteur {
	clear: left;
	float: left;
	width: 500px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	color: #B484E1;
	font-weight: bold;
	}
#contenu-droite-medias_date {
	float: left;
	width: 200px;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	color: #B484E1;
	font-weight: bold;
	}
#contenu-droite-medias_soustitre {
	clear: left;
	float: left;
	width: 700px;
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
	}
#contenu-droite-medias_libelle {
	clear: left;
	float: left;
	width: 695px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 15px;
	text-align: left;
	font-size: 12px;
	color: #B8A497;
	}
#contenu-droite-medias_boutonecouter {
	clear: right;
	float: right;
	width: 66px;
	height: 25px;
	}	

#contenu-droite-medias_boutonvisionner {
	clear: right;
	float: right;
	width: 78px;
	height: 25px;
	}
/* ---------------------------------------------------------- */


/* --------------------------------------------- SPONSORS --- */
#contenu-droite-sponsors_container {
	float: left;
	padding-left: 15px;
	margin-top: 30px;
	width: 715px;
	text-align: left;
	}
#contenu-droite-sponsors_titre {
	clear: left;
	float: left;
	width: 715px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: small-caps;
	}
#contenu-droite-sponsors_lisere {
	clear: left;
	width: 700px;
	height: 1px;
	font-size: 0px;
	background-color: #0A88C2;
	}
#contenu-droite-sponsors_libelle {
	clear: left;
	float: left;
	width: 695px;
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
	font-size: 12px;
	color: #B8A497;
	}
#contenu-droite-sponsors_logo {
	float: right;
	width: 100px;
	height: 100px;
	}
/* ---------------------------------------------------------- */


/* ---------------------------------------------- ACCUEIL --- */

#accueil_container {
	width: 950px;
	height: 390px;
	background-image: url(gfx/fondaccueilnews.jpg);
	}

#accueilnews_container {

	}

#accueil_zoneillus {
	float: left;
	width: 950px;
	height: 250px;
	}

#accueil_t-presentationlien {
	width: 465px;
	height: 18px;
	padding-top: 2px;
	clear: left;
	float: left;
	text-align: right;
	font-size: 12px;
	color: #666666;
	}

#accueil_t-projconslien {
	width: 380px;
	height: 18px;
	padding-left: 90px;
	padding-right: 15px;
	padding-top: 2px;
	float: left;
	text-align: right;
	font-size: 12px;
	color: #666666;
	}



#accueil_t-presentation {
	float: left;
	width: 495px;
	height: 110px;
	overflow: hidden;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	}

#accueil_t-presentationboxshape1{
	clear: right;
	float: right;
	width: 10px;
	height: 27px;
	}
#accueil_t-presentationboxshape2 {
	clear: right;
	float: right;
	width: 20px;
	height: 27px;
	}
#accueil_t-presentationboxshape3 {
	clear: right;
	float: right;
	width: 35px;
	height: 27px;
	}
#accueil_t-presentationboxshape4 {
	clear: right;
	float: right;
	width: 50px;
	height: 27px;
	}


#accueil_t-projcons {
	float: left;
	width: 395px;
	height: 110px;
	overflow: hidden;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	}

#accueil_t-projconsboxshape1{
	float: left;
	width: 60px;
	height: 27px;
	}
#accueil_t-projconsboxshape2 {
	clear: left;
	float: left;
	width: 45px;
	height: 27px;
	}
#accueil_t-projconsboxshape3 {
	clear: left;
	float: left;
	width: 35px;
	height: 27px;
	}
#accueil_t-projconsboxshape4 {
	clear: left;
	float: left;
	width: 20px;
	height: 27px;
	}

#accueil-sep {
	width: 950px;
	height: 25px;
	background-color: #000000;
	}

#accueil-sepbis {
	width: 950px;
	height: 1px;
	background-color: #333333;
	font-size: 0px;
	}

td.contenu-margenews_container {
	background-color: #181818;
	text-align: left;
	background-image: url(gfx/margenews_fond.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	}

#accueil_news_container {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	width: 200px;
	text-align: left;
	}

#accueil_news_titre {
	clear: left;
	float: left;
	width: 195px;
	padding-top: 35px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: small-caps;
	}

#accueil_news_lien {
	float: left;
	width: 195px;
	padding-bottom: 25px;
	padding-top: 5px;
	text-align: right;
	font-size: 12px;
	color: #666666;
	}

#accueil_news_lisere_misc {
	clear: left;
	width: 195px;
	height: 2px;
	font-size: 0px;
	background-color: #C35308;
	}

#accueil_news_lisere_concert {
	clear: left;
	width: 195px;
	height: 2px;
	font-size: 0px;
	background-color: #C2680A;
	}

#accueil_news_lisere_projcon {
	clear: left;
	width: 195px;
	height: 2px;
	font-size: 0px;
	background-color: #9D09C3;
	}

#accueil_news_lisere_discographie {
	clear: left;
	width: 195px;
	height: 2px;
	font-size: 0px;
	background-color: #C39D09;
	}

#accueil_news_lisere_medias {
	clear: left;
	width: 195px;
	height: 2px;
	font-size: 0px;
	background-color: #6909C3;
	}



#accueil_news_date {
	clear: left;
	float: left;
	width: 195px;
	padding-top: 2px;
	text-align: left;
	font-size: 12px;
	color: #B8A497;
	}

#accueil_news_image {
	width: 195px;
	height: 100px;
	text-align: left;
	margin-bottom: 5px;
	overflow: hidden;
	}

#accueil_news_libelle {
	clear: left;
	float: left;
	width: 195px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
	}


a.accueillink:link {color:#999999;}
a.accueillink:visited {color:#999999;}
a.accueillink:hover {color:#FE922A;text-decoration:none;}
a.accueillink:active {color:#FFFFFF;text-decoration:none;}


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


/* ------------------------------------------------ INDEX --- */

#index_logooctuor {
	width: 950px;
	height: 390px;
	padding-top: 56px;
	text-align: center;
	}

#index_soustitre {
	width: 950px;
	height: 40px;
	text-align: center;	
	}

#index_langues_container {
	width: 950px;
	height: 50px;
	padding-top: 20px;
	padding-bottom: 70px;
	text-align: center;	
	}

#index_blocfr {
	position: relative;
	left: 300px;
	float: left;
	width: 150px;
	height: 50px;
	cursor: pointer;
	}

#index_blocuk {
	position: relative;
	right: 300px;
	float: right;
	width: 150px;
	height: 50px;
	cursor: pointer;
	}


a.indexlanglink:link {color:#666666;}
a.indexlanglink:visited {color:#666666;}
a.indexlanglink:hover {color:#FE922A;text-decoration:none;}
a.indexlanglink:active {color:#FFFFFF;text-decoration:none;}

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


/* --------------------------------------------- ARCHIVES --- */

#contenu-droite-archives_container {
	float: left;
	padding-left: 15px;
	margin-top: 30px;
	width: 715px;
	text-align: left;
	}
#contenu-droite-archives_titre {
	clear: left;
	float: left;
	width: 700px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: small-caps;
	}
#contenu-droite-archives_lisere-misc {
	clear: left;
	width: 700px;
	height: 1px;
	font-size: 0px;
	background-color: #C35308;
	}
#contenu-droite-archives_lisere-concert {
	clear: left;
	width: 700px;
	height: 1px;
	font-size: 0px;
	background-color: #C2680A;
	}
#contenu-droite-archives_lisere-discographie {
	clear: left;
	width: 700px;
	height: 1px;
	font-size: 0px;
	background-color: #C39D09;
	}
#contenu-droite-archives_lisere-projcon {
	clear: left;
	width: 700px;
	height: 1px;
	font-size: 0px;
	background-color: #9D09C3;
	}
#contenu-droite-archives_lisere-media {
	clear: left;
	width: 700px;
	height: 1px;
	font-size: 0px;
	background-color: #6909C3;
	}
#contenu-droite-archives_date {
	clear: left;
	float: left;
	width: 700px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	color: #E1B485;
	font-weight: bold;
	}
#contenu-droite-archives_libelle {
	clear: left;
	float: left;
	width: 695px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 15px;
	text-align: left;
	font-size: 12px;
	color: #B8A497;
	}
#contenu-droite-archives_image {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	}
#contenu-droite-archives_lien {
	float: right;
	width: 150px;
	padding-right: 15px;
	text-align: right;
	color: #999999;
	}
/* ---------------------------------------------------------- */



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



#footer_container {
	float: left;
	background-color: #000000;
	background-image: url(gfx/ftr.gif);
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	width: 948px;
	height: 15px;
	font-size: 10px;
	text-align: right;
	color: #636161;
	}












#accueil-proj_conteneur {
	width: 186px;
	height: 118px;
	margin-left: 12px;
	margin-top: 2px;
	overflow: hidden;
	text-align: left;
	}
#accueil-proj_lien_conteneur {
	width: 186px;
	height: 18px;
	margin-left: 12px;
	text-align: right;
	color: #FF7201;
	}

#accueil-mus_conteneur {
	width: 476px;
	height: 118px;
	margin-left: 12px;
	margin-top: 2px;
	overflow: hidden;
	text-align: left;
	}

#accueil-mus_lien_conteneur {
	width: 476px;
	height: 18px;
	margin-left: 12px;
	text-align: right;
	color: #FF7201;
	}

#accueil-news_conteneur {
	width: 210px;
	height: 369px;
	overflow: auto;
	}