* {
	padding: 0;
	margin: 0;
}

a img {
	border: none;
}

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, Geneva, SansSerif;
	background: black;
}

label {
        display:block;
}

#conteneurgeneral {
	background: url(/img/bottomray.png) repeat;
}

#fixedtipdiv{
	position: absolute;
	padding: 2px;
	border: 1px solid black;
	font: normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
}

#preview {
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}


.colsig { color: #9ba600; }
.colcat { color: #00b2bb; }
.colpar { color: #0068b4; }
.colmul { color: #a24bcd; }
.colnou { color: #b70084; }
.colsyn { color: #ee7900; }

.sombrejaune { color: #5a5e08; }
.sombrebleuc { color: #0a2d2f; }
.sombrebleuf { color: #15354c }
.sombreviolet { color: #50375d; }
.sombrerose { color: #480034; }
.sombreorange { color: #532f0b; }

#debug {
	background: #000;
	color: #555;
	font-size: 12px;
	padding: 10px;
	border: 1px solid #0f0;
	margin: 20px;
}

#debug .title {
	background: #080;
	color: #fff;
	font-weight: bold;
	font-size: 16px
}

#debug .key {
	color: #0c0;
}
#debug .value {
	color: #569;
}

div.fill {
	clear: both;
	width: 100%;
}

#topbandeau {
	padding: 0;
	margin: 0;
	background: url(/img/topdeg.png) repeat;
	height: 167px;
	width: 100%;
}

#bottombandeau {
	padding: 0;
	margin: 0;
	background: url(/img/bottomdeg_b.png) repeat-x;
	height: 300px;
	width: 100%;
	padding-top: 20px;
}

p.error {
	margin: 10px;
	padding: 20px;
	border: 3px solid red;
	background: #fcc;
	color: #000;
	font-weight: bold;
	font-size: 20px;
}

p#credits {
	text-align: center;
	font-size: 12px;
	color: #333;
}

p#credits a {
	text-decoration: none;
}

p#credits a:hover {
	border-bottom: 1px dotted;
}

#horsbandeau {
	background: url(/img/bottomdeg_h.png) bottom left repeat-x;
}

#site {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#topsite {
	position: absolute;
	left: 50%;
	margin-left: -480px;
	width: 960px;
}

#bottomsite {
	position: absolute;
	left: 50%;
	margin-left: -480px;
	width: 960px;
}

#logog,
#logod {
	width: 173px;
	height: 124px;
	float: left;
}

#logog {
	background: url(/img/logopeerg.png);
}
#logod {
	background: url(/img/logopeerd.png);
}

#logod a,
#logog a {
	display: block;
	width: 171px;
	height: 122px;
	text-decoration: none;
}

#zonevumetre {
	float: left;
	width: 614px;
	background-color: black;
	height: 89px;
	margin: 0;
	padding: 35px 0 0 0;
}

#zvmtop {
	height: 65px;
}

#zvmtop img {
	padding: 0;
	margin: 0;
	/* border-right: 1px solid #7e7a7f; */
	padding-right: 1px;
	height: 65px;
}

#zvmbottom ul {
	margin: 0;
	padding: 0;
	height: 23px;
	display: inline;
}

#zvmbottom li {
	border-right: 1px solid #7e7a7f;
	border-top: 1px solid #7e7a7f;
	width: 103px;
	height: 23px;
	text-align: center;
	list-style: none;
	display: table-cell;
	display: inline-block;
	float: left;
	background: url(/img/fondtextevum.png) top left repeat-x;
}

#zvmbottom li a {
	text-decoration: none;
	display: block;
}

#zvmbottom li a.sel {
	color: white;
}

#zvmbottom li#sig {
	width: 102px;
}

#zvmbottom li#cat {
	width: 102px;
}

#zvmbottom li#par {
	width: 101px;
}

#zvmbottom li#mul {
	width: 102px;
}

#zvmbottom li#nou {
	width: 101px;
}

#zvmbottom li#syn {
	width: 101px;
	border-right: none;
}

img#vumbleuc {
	width: 102px;
}

img#vumbleuf {
	width: 101px;
}

img#vumrose {
	width: 101px;
}

img#vumorange {
	width: 101px;
	padding: 0;
}
img#vumorangefixe {
	width: 100px;
	padding: 0;
}


#bottomsite {
	height: 185px;
}

#notreselection {
	background: black;
	float: left;
	border: none;
/*	border-right: 1px solid #7e7a7f; */
	margin-right: 1px;
	width: 172px;
	color: white;
	height: 100%;
}

#notreselection span.title {
	font-weight: bold;
	text-align: center;
	width: 100%;
	display: block;
	padding: 15px 0;
	font-size: 14px;
}

ul.etiquettes {
	list-style: none;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	padding: 0;
	margin: 10px;
}

ul.etiquettes li {
	margin: 2px 0;
	padding: 0 0 0 10px;
	height: 15px;
}
xul.etiquettes li span { padding-left: 10px; }
ul.etiquettes li.rose { background: url(/img/etiquetterose.png); }
ul.etiquettes li.jaune { background: url(/img/etiquettejaune.png); }
ul.etiquettes li.bleuc { background: url(/img/etiquettebleuc.png); }
ul.etiquettes li.bleuf { background: url(/img/etiquettebleuf.png); }
ul.etiquettes li.violet { background: url(/img/etiquetteviolet.png); }
ul.etiquettes li.orange { background: url(/img/etiquetteorange.png); }

ul.etiquettes li.doublejaune  { height: 36px; background: url(/img/etiquettejaunedouble.png); }
ul.etiquettes li.doublerose   { height: 36px; background: url(/img/etiquetterosedouble.png); }
ul.etiquettes li.doublebleuc  { height: 36px; background: url(/img/etiquettebleucdouble.png); }
ul.etiquettes li.doublebleuf  { height: 36px; background: url(/img/etiquettebleufdouble.png); }
ul.etiquettes li.doubleviolet { height: 36px; background: url(/img/etiquettevioletdouble.png); }
ul.etiquettes li.doubleorange { height: 36px; background: url(/img/etiquetteorangedouble.png); }

ul.etiquettes a {
	text-decoration: none;
	color: white;
}

ul.etiquettes a:hover {
	border-bottom: 1px dotted #ccc;
}


#spgi li a {
	padding: 0;
}


#redecouvrir {
	background: black;
	float: left;
	border: none;
	width: 604px;
	height: 100%;
	color: white;
	padding: 0 0 0 10px;
}

#redecouvrir span.title {
	font-weight: bold;
	text-align: left;
	width: 100%;
	display: block;
	padding: 15px 0;
	font-size: 14px;
}

#redecouvrir a {
	border: none;
	margin-left: 5px;
}



#peerlinks {
	background: black;
	float: right;
	border: none;
	margin-left: 1px;
	width: 172px;
	height: 100%;
	color: white;
}

#peerlinks span.title {
	font-weight: bold;
	text-align: center;
	width: 152px;
	display: block;
	padding: 15px 10px;
	font-size: 14px;
}


#bandeaugauche {
	width: 172px;
	xbackground: url(/img/fondtransp.png);
	float: left;
	margin: 0px 1px 20px 0;
	height: 438px;
}

#bandeaumilieu {
	width: 614px;
	padding: 0 0 0 0px;
	background: url(/img/fondtransp.png);
	float: left;
	margin: 0px 0;
}

#bandeaudroite {
	width: 172px;
	background: url(/img/fondtransp.png);
	float: right;
	margin: 0px 0 0 1px;
	color: white;
}

#bandeaudroite span.title {
	font-weight: bold;
	text-align: center;
	width: 100%;
	display: block;
	padding: 15px 0;
	font-size: 14px;
}

div.dbletiq {
	background: black url(/img/dbletiqjaune.png) top left no-repeat;
	margin: 2px 1px 20px 1px;
}

div.dbletiq a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
div.dbletiq a:hover {
	border-bottom: 1px solid #fff;
}

div.dbletiqjaune { background: black url(/img/dbletiqjaune.png) top left no-repeat; }
div.dbletiqrose { background: black url(/img/dbletiqrose.png) top left no-repeat; }
div.dbletiqviolet { background: black url(/img/dbletiqviolet.png) top left no-repeat; }
div.dbletiqorange { background: black url(/img/dbletiqorange.png) top left no-repeat; }

div.dbletiq p.title {
	margin: 0 0 7px 0;
	padding: 8px 0 0 14px;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

div.dbletiq>div {
	border: 2px solid #abb308;
	border-top: none;
	padding: 2px 10px;
	font-size: 11px;
}
div.dbletiqjaune>div { border: 2px solid #abb308; }
div.dbletiqrose>div { border: 2px solid #92006a; }
div.dbletiqviolet>div { border: 2px solid #a26fbb; }
div.dbletiqorange>div { border: 2px solid #f07800; }

div.dbletiq>div p {
	margin: 0 0 10px 0;
}


ul.select {
	list-style: none;
}

ul.select li.jaune { background: #344 url(/img/fondjaune.png) top left repeat;}
ul.select li.rose { background: #333 url(/img/fondrose.png) top left repeat;}
ul.select li.bleuc { background: #111 url(/img/fondbleuc.png) top left repeat;}

ul.select li a {display: block; ;
	padding-left: 10px;
	padding-right: 10px;
}
ul.select li a:hover {border: none}

ul.select li.jaune a:hover { background: #abb308;}
ul.select li.rose a:hover { background: #92006a; }
ul.select li.bleuc a:hover { background: #067a80;}


#menu {
	line-height: 22px;
	float: left;
	clear: both;
	width: 100%;
	background: #000;
	height: 22px;
}

#menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu li { /* all list items */
	float: left;
	position: relative;
	xwidth: 100px;
	background: #000 url(/img/triangle.png) top left no-repeat;
	background-position: 6px 8px;
	font-size: 11px;
}

#menu li.level2 {
	width: 120px;
}

#catalogue #menu li { /* all list items */
	background: #000 url(/img/triangle_bleuc.png) top left no-repeat;
	background-position: 6px 8px;
}

#nous #menu li { /* all list items */
	background: #000 url(/img/triangle_violet.png) top left no-repeat;
	background-position: 6px 8px;
}

#menu li a,
#menu li span {
	padding-left: 17px;
	padding-right: 15px;
}

#menu li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

#menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#menu li:hover ul { display: block; }

#menu span,
#menu a {
	text-decoration: none;
	display: block;
	xwidth: 70px;
}
#menu a.nous {color: #590745;}
#menu a.synchro {color: #707070;}
#menu a.signatures {color: #abb308;}
#menu a.catalogue,
#menu span.catalogue {color: #598e91;}
#menu a.selected.synchro {background: #ee7900; color: white; }

#menu a:hover,
#menu span:hover {
	color: white;
}
#menu a.nous:hover {background: #92006a url(/img/triangle.png) top left no-repeat; background-position: 6px 8px;}
#menu a.signatures:hover {background: #9ba600;}
#menu a.catalogue:hover,
#menu span.catalogue:hover {background: #00b2bb url(/img/triangle.png) top left no-repeat; background-position: 6px 8px;}

#menu ul.rose { color: #590745; }


#webradio {
	background: url(/img/webradio.png) top left no-repeat;
	width: 173px;
	height: 261px;
	xmargin-bottom: 20px;
}




#rechglobale {
	background: url(/img/recherche_globale.png) top left no-repeat;
	xbackground: url(/img/topdeg.png) repeat;
	height: 171px;
}

#rechglobale input#q {
	margin: 70px 0 0 14px;
	width: 140px;
}

#rechglobale a#bsearch {
	display: block;
	width: 54px;
	height: 53px;
	margin: 13px 0 0 64px;
	text-decoration: none;
}

#rechglobale a#bsearch:hover {
	background: url(/img/recherche_globale_loupe.png) 0 0 no-repeat;
}

#menu #content {
	clear: left;
}

/*
 _ __   ___  _   _ ___
| '_ \ / _ \| | | / __|
| | | | (_) | |_| \__ \
|_| |_|\___/ \__,_|___/

*/

/*{{{  Nous */

div.horsmenu,
#signatureshorsmenu,
#cataloguehorsmenu {
	width: 584px;
	float: left;
}
.horsmenu { background: url(/img/fondrose.png) top left repeat;}
#signatureshorsmenu {  background: url(/img/fondjaune.png) top left repeat; float: left; margin: 15px;}
#cataloguehorsmenu, #catrepresentes {  background: url(/img/fondbleuc.png) top left repeat; float: left;}
#catrepresentes {  background: url(/img/fondbleuc.png) top left repeat; float: left; margin: 15px;}

#noushorsmenu a,
#signatureshorsmenu a,
#cataloguehorsmenu a,
#catrepresentes a {
	xborder-bottom: 1px solid #ccc;
	text-decoration: none;
}

#noushorsmenu a:hover,
#signatureshorsmenu a:hover,
#cataloguehorsmenu a:hover,
#catrepresentes a:hover {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

#partitions,
#cataloguehorsmenu,
#noushorsmenu {
	margin: 15px;
}

#partitions,
#noushorsmenu,
#cataloguehorsmenu {
	height: 450px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}


#nous h1 {
	background: #92006a;
	color: white;
	font-weight: bold;
	font-size: 14px;
	padding: 8px;
}

#noushorsmenu div.nouscolg {
	margin-top: 20px;
	float: left;
	width: 164px;
}

#noushorsmenu div.nouscolg img {
	width: 148px;
	height: 148px;
}

#nous #biopeer1,
#nous #biopeer2 {
	padding: 10px 24px 10px 164px;
	color: white;
	font-size: 11px;
	text-align: justify;
}

#nous #biopeer1 p,
#nous #biopeer2 p {
	margin: 10px 0;
}

#nous #images {
	float: left;
	width: 164px;
	padding-top: 24px;
}

#noussemimeridian {
	padding-left: 10px;
}

#nous #semimeridian {
	padding: 10px 24px 10px 0px;
	color: white;
	font-size: 11px;
	text-align: justify;
	float: left;
	width: 380px;
}
#nous p.copyright {
	display: block;
	float: left;
	width: 148px;
	text-align: right;
	font-size: 0.7em;
	color: white;
}

#nous #semimeridian p {
	margin: 10px 0;
}

#nous_contact #geo {
	background: url(/img/vuesatellite.jpg) top left no-repeat;
	font-size: 11px;
	color: white;
	padding-left: 360px;
}

#nous_contact #geo p.title {
	padding: 15px 0 0 10px;
	font-weight: bold;
}

#nous_contact #geo p {
	padding: 0 10px 10px 10px;
	margin: 0;
	line-height: 1.45em;
}

#nous_contact #geo a {
	color: white;
}

#nous p.contactindividuel {
	margin: 15px 10px;
	font-size: 11px;
	color: white;
}

#nous p.contactindividuel span.poste {
	font-weight: bold;
}

#nous p.contactindividuel a {
	color: white;
}

#nous_reseau {
}

/* Liens */

#nous #liens {
	width: 100%;
	height: 430px;
	padding: 10px;
}


#nous #liens .unlien {
	width: 265px;
	background: white;
	height: 60px;
	float: left;
	font-size: 0.70em;
	margin-bottom: 10px;
	padding: 5px;
}

#nous #liens .unlien.impair {
	margin-right: 10px;
}

#nous #liens .unlien img {
	float: left;
	width: 80px;
	height: 60px;
}

#nous #liens .unlien p.nom {
	color: #92006a;
	font-weight: bold;
}

#nous #liens .unlien div.blabla {
	float: left;
	border-left: 1px solid black;
	padding-left: 5px;
	margin-left: 5px;
	width: 170px;
}

#nous #liens .unlien div.blabla a {
	border-bottom: 1px dotted black;
	color: #888;
}

#nous #liens .unlien div.blabla a:hover {
	border-bottom: 1px solid black;
	color: black;
}

/*}}}*/


/*
           _        _
  ___ __ _| |_ __ _| | ___   __ _ _   _  ___
 / __/ _` | __/ _` | |/ _ \ / _` | | | |/ _ \
| (_| (_| | || (_| | | (_) | (_| | |_| |  __/
 \___\__,_|\__\__,_|_|\___/ \__, |\__,_|\___|
                            |___/

*/

#cataloguehorsmenu {
	padding: 15px 0px 15px 0px;
}

#cataloguehorsmenu img {
	margin-left: 56px;
}

#catalogue h2 {
	font-size: 0.9em;
	color: white;
	padding-bottom: 15px;
}

#catalogue #form {
	float: left;
	width: 564px;
	border-right: 1px solid black;
	padding-left: 20px;
}

#cataloguehorsmenu hr {
	border: none;
	border-bottom: 1px solid black;
	width: 100%;
	height: 10px;
	float: left;
	margin-bottom: 10px;
}

#catalogue #form #subform1 {
	float: left;
}

#catalogue #form #subform2 {
	float: left;
	margin-left: 30px;
}

#catalogue #list {
	float: left;
	width: 251px;
	padding-left: 20px;
}

#catalogue label {
	color: white;
	font-size: 0.7em;
	width: 100px;
	display: block;
	float: left;
	padding-top: 2px;
	clear: left;
}

#catalogue input {
	display: block;
	float: left;
	clear: right;
	xwidth: 130px;
	border: 1px solid black;
}

#catalogue input#ok {
	background: url(/img/catalogue_recherche_ok.png) top left no-repeat;
	width: 25px;
	height: 17px;
	margin-left: 100px;
	margin-top: 4px;
}

#catalogue p.sousonglet {
	color: #00b2bb;
	font-size: 0.7em;
	padding-left: 46px;
	padding-right: 30px;
	line-height: 1.5em;
	padding-bottom: 60px;
}

#catalogue div.onglet {
	background: url(/img/catalogue_onglet.png) top left no-repeat;
	margin-left: 46px;
	margin-top: 10px;
	height: 80px;
	padding-bottom: 15px;
}

#catalogue div.onglet h2 {
	font-size: 0.9em;
	color: white;
	padding-top: 60px;
	padding-left: 12px;
	padding-bottom: 0;
	width: 231px;
	float: left;
}

#catalogue div.ongletitem {
	float: left;
}

#catalogue div.ongletitem a {
	border: none;
	display: block;
	xwidth: 100%;
	xheight: 100%;
	padding: 19px 1px 2px 1px;
}

#catalogue div.ongletitem a:hover {
	background: #00b2bb;
}

#catalogue div.ongletitem img {
	width: 57px;
	height: 57px;
	border: none;
	margin: 0;
	display: block;
}



#bandeaudroite #catrepr span.title {
	text-align: left;
	padding-left: 20px;
}

#catrepr .bloccatalogue {
	background: url(/img/cat_catrep_fond.png) top left repeat;
	padding: 10px;
	margin-bottom: 1px;
	float: left;
	width: 152px;
}

#catrepr .bloccatalogue span.title {
	background: url(/img/cat_catrep_etiq.png) top left no-repeat;
	display: block;
	padding: 10px 0 0 12px;
	text-align: left;
	height: 35px;
	color: black;
}

#catrepr .bloccatalogue span.title a {
	color: black;
	text-decoration: none;
}

#catrepr .bloccatalogue span.title a:hover {
	border-bottom: 1px dotted #999;
}

#catrepr .bloccatalogue .blocaa:first-child {
}

#catrepr .bloccatalogue .blocaa {
	width: 72px;
	text-align: center;
	float: left;
	xheight: 100px;
}

#catrepr .bloccatalogue .blocaa+.blocaa {
	margin-left: 8px;
}

#catrepr .bloccatalogue .blocaa a {
	text-decoration: none;
}

#catrepr .bloccatalogue .blocaa a span.aalink {
	color: white;
	text-decoration: underline;
	font-size: 8px;
	line-height: 8px;
}

#catrepr .bloccatalogue .blocaa a img {
	text-decoration: none;
}







/*
    _       __                        __  _                   __
   (_)___  / /____  _________  ____ _/ /_(_)___  ____  ____ _/ /
  / / __ \/ __/ _ \/ ___/ __ \/ __ `/ __/ / __ \/ __ \/ __ `/ /
 / / / / / /_/  __/ /  / / / / /_/ / /_/ / /_/ / / / / /_/ / /
/_/_/ /_/\__/\___/_/  /_/ /_/\__,_/\__/_/\____/_/ /_/\__,_/_/

*/

#internationalnews {
	/*margin: 0px 80px 40px 80px;
	padding: 100px 0 30px 0;*/

	background:#000000 none repeat scroll 0 0;
	margin:0 0 0px;
	padding:100px 80px 61px;

}

/*
                                __
   _________  ____  ____ ______/ /_____  _______  __
  / ___/ __ \/ __ \/ __ `/ ___/ __/ __ \/ ___/ / / /
 (__  ) /_/ / / / / /_/ (__  ) /_/ /_/ / /  / /_/ /
/____/\____/_/ /_/\__, /____/\__/\____/_/   \__, /
                 /____/                    /____/

*/

#songstorylist {
	width: 540px;
	height: 280px;
	overflow-y: auto;
}


.sstory {
	float: left;
	background: url(/img/gris15.png);
	width: 500px;
	height: 72px;
	margin-bottom: 2px;
}

#songstorylist .sstory img {
	float: left;
	height: 72px;
	width: 72px;
	background: url(/img/gris15.png);
	margin: 0;
	border: 0;
}

.sstory p.titre {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 5px 5px 5px 80px;
}

/* ======================================================================= */

#songstory {
	float: left;
	background: #00b2bb;
	padding: 25px;
}

#songstory #sscolg {
	float: left;
	width: 206px;
	color: #80d9dd;
	font-size: 12px;
}

#songstory #sscold {
	float: left;
	width: 337px;
	margin-left: 20px;
}

#songstory h1 {
	font-size: 20px;
	color: #fff;
}

#songstory h3 {
	font-size: 16px;
}

#songstory p#citation {
	font-size: 12px;
	font-style: italic;
	margin-top: 15px;
}

#songstory #descriptif {
	margin-top: 20px;
	color: #fff;
	font-size: 11px;
}

/*
                         ____        __
   ________  _______  __/ / /_____ _/ /______
  / ___/ _ \/ ___/ / / / / __/ __ `/ __/ ___/
 / /  /  __(__  ) /_/ / / /_/ /_/ / /_(__  )
/_/   \___/____/\__,_/_/\__/\__,_/\__/____/

*/


#catalogue .resultats {
	padding: 0;
}

#catalogue #resultats {
	padding: 35px 15px 15px 15px;
}

#catalogue #resultats h2 {
	font-weight: normal;
	font-size: 1.1em;
	padding-bottom: 8px;
}

#catalogue #resultats strong {
	color: #00b2bb;
}

#catalogue #resultats #tableau {
	background: url(/img/catalogue_coinbleu.png) top left no-repeat;
	float: left;
}

#catalogue #resultats #premligne {
	background: #00b2bb;
	float: right;
	display: block;
	clear: right;
	margin-left: 19px;
	width: 565px;
}

#catalogue #resultats #contenu {
	background: #00b2bb;
	float: left;
	display: block;
	clear: both;
	padding: 10px 30px 40px 30px;
	height: 222px;
	color: white;
	width: 524px;
}

#catalogue #resultats #contenu #tablebound {
	float: left;
	height: 222px;
	width: 520px;
	background: url(/img/fondtransp.png) top left repeat; float: left;
	padding: 4px;
}

#catalogue #resultats #contenu #tablebound2 {
	float: left;
	margin: 4px;
	width: 510px;
	height: 212px;
	overflow-y: auto;
	overflow-x: hidden;
	xborder: 1px solid red;
}

#catalogue #resultats #contenu table {
	float: left;
	font-size: 11px;
	width: 100%;
	border-spacing: 0;
}

#catalogue #resultats #contenu tr:hover {
	background: #00a5b4;
}

#catalogue #resultats #contenu tr {
}

#catalogue #resultats #contenu table td {
	height: 21px;
	width: 21px;
	padding: 0 2px;
}

#catalogue #resultats #contenu table td.nom {
	width: 250px;
}

#catalogue #resultats #contenu table td.titre { width: 200px; border-right: 1px solid #00b2bb;}
#catalogue #resultats #contenu table td.auts { width: 200px; color: #000; border-right: 1px solid #00b2bb;}

#catalogue #resultats #contenu table td.bio {
	background: url(/img/icone_bio.png) top left no-repeat;
}
#catalogue #resultats #contenu table td.photo {
	background: url(/img/icone_photo.png) top left no-repeat;
}
#catalogue #resultats #contenu table td.son {
	background: url(/img/icone_son.png) top left no-repeat;
}
#catalogue #resultats #contenu table td.paroles {
	background: url(/img/icone_paroles.png) top left no-repeat;
}

#catalogue #resultats #contenu a {
	color: white;
	text-decoration: none;
	display: block;
}

/*
               _                   _                  _       _           _
 _ __ ___  ___| |__   ___ _ __ ___| |__   ___    __ _| | ___ | |__   __ _| | ___
| '__/ _ \/ __| '_ \ / _ \ '__/ __| '_ \ / _ \  / _` | |/ _ \| '_ \ / _` | |/ _ \
| | |  __/ (__| | | |  __/ | | (__| | | |  __/ | (_| | | (_) | |_) | (_| | |  __/
|_|  \___|\___|_| |_|\___|_|  \___|_| |_|\___|  \__, |_|\___/|_.__/ \__,_|_|\___|
                                                |___/
*/

#rglobale {
	padding: 30px 15px 15px 15px;
}

#rglobale #head {
	background: url(/img/rg_fondbleuc.png) top left repeat;
	xpadding: 15px;
	height: 78px;
	float: left;
	width: 100%;
	margin-bottom: 1px;
}

#rglobale #head h2 {
	background: url(/img/loupeblanche.png) 18px 18px no-repeat;
	height: 78px;
}

#rglobale #head h2 span {
	float: left;
	margin: 28px 0 0 70px;
	font-size: 16px;
}

#rglobale #head strong {
	color: #00b2bb;
}

#rglobale #tableau {
	float: left;
	xborder: 1px solid red;
}

#rglobale #resauteurs {
	float: left;
	width: 190px;
}

#rglobale #resartistes {
	float: left;
	width: 190px;
}

#rglobale #resoeuvres {
	float: left;
	width: 204px;
}

#rglobale #resoeuvres .res_on {
	width: 204px;
}

#rglobale #resoeuvres .restable {
	width: 184px;
}

#rglobale #resoeuvres h1 {
	width: 163px;
}

#rglobale .resultats {
	float: left;
	xborder: 1px solid green;
}

#rglobale .resultats h1 {
	float: left;
	font-size: 14px;
	display: block;
	height: 18px;
	width: 148px;
	padding: 10px 0 0 10px;
}

#rglobale .resultats .restable td a {
	text-decoration: none;
}

#rglobale .resultats .restable td a:hover {
	border-bottom: 1px dotted white;
}

#rglobale .res_off .restable {
	background: url(/img/rg_fondbleuc.png) top left repeat;
	padding: 10px;
	width: 169px;
}

#rglobale .res_off .res_coin {
	background: url(/img/rg_coin_off.png) top left no-repeat;
	height: 28px;
	width: 31px;
	float: left;
}

#rglobale .res_off h1 {
	background: url(/img/rg_fondbleuc.png) top left repeat;
	color: black;
}

#rglobale .res_on .restable {
	background: #00b2bb;
	padding: 10px;
	width: 169px;
}

#rglobale .res_on .res_coin {
	background: url(/img/rg_coin_on.png) top left no-repeat;
	height: 28px;
	width: 31px;
	float: left;
}

#rglobale .res_on h1 {
	background: #00b2bb;
	color: white;
}

#rglobale .resultats table {
	float: left;
	font-size: 11px;
	width: 100%;
	border-spacing: 0;
}

#rglobale .resultats .restable {
	float: left;
	height: 300px;
	line-height: 1.2em;
	overflow-y: auto;
	overflow-x: hidden;
}

#rglobale .resultats table a {
	color: white;
	background: url(/img/triangle.png) 0px 5px no-repeat;
	padding-left: 8px;
}

#rglobale .resultats .restable p {
	font-weight: bold;
	color: #00b2bb;
	margin: 60px 0 0 28px;
}

/*
               __
  ____ ___  __/ /____  __  ____________
 / __ `/ / / / __/ _ \/ / / / ___/ ___/
/ /_/ / /_/ / /_/  __/ /_/ / /  (__  )
\__,_/\__,_/\__/\___/\__,_/_/  /____/

*/

#catalogue #auteur {
	background-color: #00b2bb;
	padding: 24px;
	float: left;
	width: 566px;
}

#catalogue p.copyrightphoto {
	display: block;
	float: left;
	width: 206px;
	text-align: right;
	font-size: 0.7em;
}

#catalogue #artiste {
	background-color: #00b2bb;
	padding: 24px;
	float: left;
	width: 566px;
}

#catalogue #artiste #concerts div.arconcerts {
	margin-bottom: 15px;
}

#catalogue #artiste #concerts div.arconcerts p.datelieu{
	font-weight: bold;
}

#catalogue #oeuvre {
	background-color: #00b2bb;
	background: url(/img/fondbleuc.png) top left repeat;
	padding: 24px;
	float: left;
	width: 566px;
}

#catalogue #colgauche {
	float: left;
	clear: none;
	width: 222px;
}

#catalogue div.ficheauar #colgauche img.photo {
	width: 206px;
	height: 206px;
	float: left;
}

#catalogue #colgauche ul {
	width: 206px;
	float: left;
	margin-top: 9px;
	list-style: none;
}

#catalogue #colgauche li {
	background: #037f86 url(/img/triangle.png) top left no-repeat;
	background-position: 12px 12px;
	width: 173px;
	display: block;
	xbackground: #037f86;
	margin-bottom: 2px;
	padding: 6px 8px 6px 25px ;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

#catalogue #colgauche li.active {
	background: #0199a1;
}

#catalogue #colgauche li a {
	display: block;
	text-decoration: none;
	color: #fff;
}

#catalogue #coldroite {
	float: left;
	clear: none;
	width: 340px;
}

#catalogue #coldroite h1 {
	font-size: 24px;
	color: #fff;
}

#catalogue #coldroite h1 span {
	color: #0199a1;
	margin-left: 10px;
}

#catalogue #coldroite div.scroll {
	text-align: justify;
	color: #fff;
	font-size: 12px;
	height: 330px;
	xpadding-right: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 10px;
}

#catalogue #coldroite div.arnews,
#catalogue #coldroite div.aunews {
	margin: 10px 0;
}

#catalogue #coldroite div.arnews p.titre,
#catalogue #coldroite div.aunews p.titre {
	font-weight: bold;
}

#catalogue div.ficheauar #oeuvresrattachees li {
	list-style: none;
	xpadding-left: 20px;
	color: #fff;
	font-size: 12px;
}

#catalogue div.ficheauar #oeuvresrattachees li a.oeu {
	text-decoration: none;
	color: white;
	border-bottom: 1px dotted #777;
}

#catalogue div.ficheauar #oeuvresrattachees li a.oeu:hover {
	border-bottom: 1px dotted white;
}

#catalogue div.ficheauar #oeuvresrattachees ul.enregs li {
	color: black;
	padding-top: 3px;
	padding-bottom: 3px;
}

#catalogue div.ficheauar #oeuvresrattachees ul.enregs li span {
	padding-left: 36px;
}

#catalogue div.ficheauar #oeuvresrattachees ul.enregs li a {
	text-decoration: none;
}

#catalogue div.ficheauar #oeuvresrattachees ul.enregs li a:visited {
	color: black;
}

#catalogue div.ficheauar #oeuvresrattachees ul.enregs li a:hover {
	color: white;
}

#catalogue div.ficheauar #oeuvresrattachees ul.enregs li.audio {
	background: url(/img/icone_son.png) top left no-repeat;
	background-position: 10px 0px;
	xheight: 20px;
}

#catalogue div.ficheauar #oeuvresrattachees ul.enregs li.audio a {
	display: block;

}

#catalogue #miniplayer {
	margin-top: 40px;
	float: left;
	width: 206px;
	height: 70px;
	background: #037f86;
}

#catalogue #miniplayer img {
	height: 25px;
	width: 43px;
	float: left;
	margin-left: 1px;
	cursor: pointer;
}

#catalogue #miniplayer img#pause {
	margin-left: 36px;
}

#catalogue #miniplayer #mediaplayer {
	position: absolute;
	left: -5000px;

}

#catalogue #songinfo {
	float: left;
	margin-top: 1px;
	width: 166px;
	background: #037f86;
	padding: 10px 20px 20px 20px;
	color: white;
	font-size: 11px;
	line-height: 16px;
}





#catalogue #nouvrech {
	margin-top: 20px;
	background: url(/img/fondbleuc.png) top left repeat-x;
	background-position: 0 -22px;
	float: left;
	height: 38px;
	width: 100%;
	padding: 2px 0 15px;
}

#catalogue #nouvrech #bouton {
	background: url(/img/catalogue_coinbleu2.png) top left no-repeat;
	background-position: 170px 0;
}

#catalogue #nouvrech p {
	background: url(/img/fondbleuc.png) top left repeat;
	width: 170px;
}

#catalogue #nouvrech a {
	display: block;
	height: 18px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 0 10px 10px;
}

#catalogue #nouvrech a:hover {
	color: #00b2bb;
}



#catalogue #catrepresentes {
	float: left;
	padding: 15px 15px 15px 15px;
}

#catalogue #catrepresentes h1 {
	background: #00b2bb;
	color: white;
	font-size: 0.9em;
	padding: 15px;
	margin-bottom: 25px;
}

#catalogue div.catcatalog {
	margin-bottom: 20px;
	float: left;
}

#catalogue div.catcatalog div.image {
	float: left;
	background: #00b2bb;
	width: 122px;
	padding: 20px 20px;
	border-right: 1px solid black;
	height: 60px;
}

#catalogue div.catcatalog a {
	border: none;
	display: block;
}

#catalogue div.catcatalog img {
	xheight: 60px;
	border: none;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#catalogue div.catcatalog div.desc {
	float: left;
	width: 350px;
	height: 60px;
	background: url(/img/fondbleuc.png);
	padding: 20px;
	color: white;
	font-size: 10px;
	overflow-y: auto;
	
}

#catalogue div.catcatalog div.desc span {
	display: block;
	height: 60px;
	overflow-y: auto;
}


#catalogue #oeuvre #phonos h1 {
	height: 24px;
	background: url(/img/gris15.png) top left repeat;
	font-size: 14px;
	padding: 14px 0 0 8px;
	margin-bottom: 10px;
}

#catalogue #oeuvre #playerandinfo {
}

#catalogue #oeuvre .unphono {
	border-bottom: 1px solid #00b2bb;
	margin-bottom: 2px;
	font-size: 11px;
	height: 39px;
	position: relative;
}

#catalogue #oeuvre .unphono span.interprete {
	color: white;
	xdisplay: block;
	xfloat: left;
	xmargin-top: 3px;
	top: 3px;
	left: 0;
}

#catalogue #oeuvre .unphono span.anneelabel {
	position: absolute;
	color: #00b2bb;
	xfloat: left;
	top: 16px;
	left: 10px;
}

#catalogue #oeuvre .unphono a.listen {
	margin-left: 15px;
	background: url(/img/icone_son.png) no-repeat top left;
	width: 21px;
	height: 21px;
	display: block;
	position: absolute;
	top: 18px;
	right: 0px;
}

#catalogue #oeuvre .unphono a {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted #777;
}
#catalogue #oeuvre .unphono a.listen {
	border: none;
}

#catalogue #oeuvre .unphono a:hover {
	border-bottom: 1px dotted white;
}

#catalogue #oeuvre #songmeta {
	background: url(/img/gris15.png) top left repeat;
	margin-right: 15px;
	padding: 10px;
}

#catalogue #oeuvre #songmeta p#titre {
	color: white;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 12px;
}

#catalogue #oeuvre #songmeta span {
	display: block;
	font-size: 13px;
}

#catalogue #oeuvre #songmeta span a {
	color: black;
	border-bottom: 1px dotted black;
	text-decoration: none;
}

#catalogue #oeuvre #songmeta span a:hover {
	border-bottom: 1px dotted white;
}

/*
     _                   _
 ___(_) __ _ _ __   __ _| |_ _   _ _ __ ___  ___
/ __| |/ _` | '_ \ / _` | __| | | | '__/ _ \/ __|
\__ \ | (_| | | | | (_| | |_| |_| | | |  __/\__ \
|___/_|\__, |_| |_|\__,_|\__|\__,_|_|  \___||___/
       |___/

*/

/*{{{  Signatures */

#signatureshorsmenu {
	padding: 15px;
	width: 554px;
}

#signatures h1 {
	background: #abb308;
	color: white;
	font-size: 0.9em;
	padding: 15px;
	margin-bottom: 25px;
}

div.sigetiq {
	float: left;
	width: 264px;
	height: 76px;
}

div.sigg {
	margin: 0 26px 10px 0;
}

div.sigd {
	margin: 0 0px 10px 0;
}

div.sigetiq a {
	border: none;
	display: block;
	padding: 0;
	xpadding: 2px 0 0px 2px;
	height: 76px;
}

#signatures div.sigetiq a {
	background: url(/img/sigtransp1.png) 0 0 repeat;
}

#catrepresentes div.sigetiq a {
	background: url(/img/cattransp1.png) 0 0 repeat;
}

#signatures div.sigetiq a:hover {
	background: #abb308;
}

#catrepresentes div.sigetiq a:hover {
	background: #00b2bb;
}

div.sigetiq img {
	margin: 2px 2px 0 2px;
	width: 72px;
	height: 72px;
	border: none;
	float: left;
}

div.etiqh {
	margin-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	float: left;
	width: 184px;
	font-weight: bold;
}

#signatures div.etiqh {
	background: url(/img/sigtransp2.png);
	color: yellow;
}

#catrepresentes div.etiqh {
	background: url(/img/cat_catrep_fond.png);
	color: cyan;
}

div.etiqb {
	float: left;
	width: 183px;
	color: white;
	line-height: 0.8em;
	padding-left: 4px;
	padding-top: 7px;
	overflow-y: hidden;
	height: 40px;
}

div.sigetiq span {
	font-size: 0.7em;
}

#signatures div.sigcatalog {
	margin-bottom: 20px;
	float: left;
}

#signatures div.sigcatalog div.image {
	float: left;
	background: #abb308;
	width: 122px;
	padding: 20px 20px;
	border-right: 1px solid black;
}

#signatures div.sigcatalog a {
	border: none;
	display: block;
}

#signatures div.sigcatalog img {
	height: 60px;
	border: none;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#signatures div.sigcatalog div.desc {
	float: left;
	width: 350px;
	height: 60px;
	background: url(/img/sigtransp1.png);
	padding: 20px;
	color: white;
	font-size: 10px;
	overflow-y: auto;
}

#signatures div.sigcatalog div.desc span {
	display: block;
	height: 60px;
	overflow-y: auto;
}
/*}}}*/


/*
           _           _
  __ _  __| |_ __ ___ (_)_ __
 / _` |/ _` | '_ ` _ \| | '_ \
| (_| | (_| | | | | | | | | | |
 \__,_|\__,_|_| |_| |_|_|_| |_|

*/

#admin {
	float: left;
}

#admin table {
	float: left;
	border-collapse: collapse;
	border: 3px solid #8F1172;
	max-height: 400px;
	overflow-y: auto;
	display: block;
}

#admin tr {
	border-bottom: 1px dotted #8f1172;
}

#admin tr.odd {
	background: url(/img/gris10.png) top left repeat;
}

#admin td, #admin th {
	padding: 2px 4px;
	border-right: 1px dotted #6F0D58;
}

#admin h1 {
	float: left;
	clear: both;
}

#menu span.admin,
#menu a.admin {color: #bb2299;}
#menu span.admin:hover,
#menu a.admin:hover {color: black; background: #992277;}

#admin .horsmenu {
	float: left;
	color: #fff;
	font-size: 12px;
	width: 960px;
}

#admin #admintlist td {
	padding: 0 10px;
}

#admin #admintlist td.mp3 {
	background: url(/img/icone_son.png) top left no-repeat;
	padding: 0;
}

#admin #admintlist td.mp3 a {
	display: block;
	text-decoration: none;
}

#admin #bandeaugauche {
	width: 0;
	xbackground: url(/img/fondtransp.png);
	float: left;
	margin: 0px 0px 20px 0;
	height: 438px;
}

#admin #bandeaumilieu {
	width: auto;
	padding: 0;
	margin: 0;
	background: url(/img/fondtransp.png);
	float: left;
}

#admin #bandeaudroite {
	width: 0;
	xbackground: url(/img/fondtransp.png);
	float: right;
	xmargin: 0px 0 0 1px;
	color: white;
}

/* ############################################################# */

#admin #listenews {
	float: left;
	padding: 20px;
}

#admin #listeconcerts table th,
#admin #listeconcerts table td,
#admin #listenews table th,
#admin #listenews table td  {
	border: 1px solid black;
	padding: 1px 3px;
}

#admin #listenews table#admnewslist,
#admin #listeconcerts table  {
	border: 3px solid black;
}

#admin a {
	color: #ff0;
}

#admin label,
.saisie label {
	width: 120px;
	display: block;
	float: left;
	clear: left;
}

#admin input,
#admin select,
.saisie input {
	float: left;
	margin-bottom: 4px;
}

#admin textarea,
#admin .mceEditor,
.saisie textarea {
	width: 383px;
	float: left;
	margin-bottom: 4px;
}

/* autocomplete */
input.autocomplete-loading
{
        background-image:url(/img/autocomplete.gif);
        background-position: center right;
        background-repeat:no-repeat;
}
ul.autocomplete
{
    position: absolute;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid ButtonShadow;
    margin: 0px;
    padding: 0px;
    list-style: none;
    color: #000;
        display:none;
        z-index:1000;
}
ul.autocomplete li
{
  display: block;
  padding: 0.3em;
  overflow: hidden;
  width: 100%;
  cursor:pointer;
}

ul.autocomplete li.selected
{
  background-color: Highlight ;
  color: #fff;
}

#admin textarea {
	width: 700px;
	height: 200px;
}


/*
                 _ _   _                    _ _
 _ __ ___  _   _| | |_(_)_ __ ___   ___  __| (_) __ _
| '_ ` _ \| | | | | __| | '_ ` _ \ / _ \/ _` | |/ _` |
| | | | | | |_| | | |_| | | | | | |  __/ (_| | | (_| |
|_| |_| |_|\__,_|_|\__|_|_| |_| |_|\___|\__,_|_|\__,_|

*/

/*{{{  Multimedia */

#multimedia {
	padding: 20px;
}

#multimedia img {
	border: none;
}

#multimedia #clips {
	float: left;
	margin-bottom: 15px;
}

#multimedia #concerts {
	float: left;
	margin-bottom: 15px;
}

#multimedia #goodies {
	float: left;
	margin-bottom: 20px;
}

#multimedia div.grandbandeau {
	float: left;
	height: 26px;
	margin-bottom: 1px;
	width: 570px;
}

#multimedia #grandbandeauclips {
	background: url(/img/mm_grandbandeau_rose.png) top left no-repeat;
}

#multimedia #grandbandeauconcerts {
	background: url(/img/mm_grandbandeau_violet.png) top left no-repeat;
}

#multimedia #grandbandeaugoodies {
	background: url(/img/mm_grandbandeau_bleu.png) top left no-repeat;
}

#multimedia div.grandbandeau span {
	display: block;
	float: left;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 0 0 10px;
	color: white;
}

#multimedia #clips .boite {
	background: url(/img/mm_boite_rose.png) 0 0 repeat;
}

#multimedia #concerts .boite {
	background: url(/img/mm_boite_violette.png) 0 0 repeat;
}

#multimedia #goodies .boite {
	background: url(/img/mm_boite_bleue.png) 0 0 repeat;
}

#multimedia .boite {
	float: left;
	width: 175px;
	padding: 4px;
	color: white;
	font-size: 11px;
}

#multimedia .boitegauche {
	margin-right: 11px;
}
#multimedia .boitemilieu {
	margin-right: 10px;
}

#multimedia .boite p {
	float: left;
	width: 100%;
	border-top: 1px solid black;
	padding: 1px 0;

}

#multimedia .boite p.artiste {
	border: none;
}

#multimedia #clips .boite p {
	background: url(/img/mm_boite_rose.png) 0 0 repeat;
}

#multimedia #clips .boite p.artiste {
	background: #cb77ae;
}

#multimedia #concerts .boite p {
	background: url(/img/mm_boite_violette.png) 0 0 repeat;
}

#multimedia #concerts .boite p.artiste {
	background: #a26fbb;
}

#multimedia #goodies .boite p {
	background: url(/img/mm_boite_bleue.png) 0 0 repeat;
}

#multimedia #goodies .boite p.artiste {
	background: #6862aa;
}

#multimedia .boite p.titre,
#multimedia .boite span {
	text-align: center;
	display: block;
}

/*
#multimedia .boite p span.label {
	float: left;
	padding: 0 4px;
}
#multimedia .boite p span.value {
	float: right;
	padding: 0 4px;
}
*/


#multimedia #voir span#mmtype {
	text-transform: capitalize;
}

#multimedia #voir #fichemm {
	float: left;
	background: url(/img/fondclip.png);
	padding: 12px;
	width: 546px;
}

#multimedia #voir .clips #fichemm {
	background: url(/img/fondclip.png);
}
#multimedia #voir .concerts #fichemm {
	background: url(/img/fondconcert.png);
}
#multimedia #voir .goodies #fichemm {
	background: url(/img/fondgoodies.png);
}

#multimedia #voir #fichemm #lavideo {
	float: left;
	width: 300px;
	color: white;
	font-size: 11px;
}

#multimedia #voir #fichemm #lavideo div.clips p {
	background: url(/img/mm_boite_rose.png) 0 0 repeat;
}

#multimedia #voir #fichemm #lavideo div.clips p.artiste {
	background: #cb77ae;
}

#multimedia #voir #fichemm #lavideo div.concerts p {
	background: url(/img/mm_boite_violette.png) 0 0 repeat;
}

#multimedia #voir #fichemm #lavideo div.concerts p.artiste {
	background: #a26fbb;
}

#multimedia #voir #fichemm #lavideo div.goodies p {
	background: url(/img/mm_boite_bleue.png) 0 0 repeat;
}

#multimedia #voir #fichemm #lavideo div.goodies p.artiste {
	background: #6862aa;
}

#multimedia #voir #fichemm #lavideo p {
	float: left;
	width: 300px;
	border-top: 1px solid black;
	padding: 1px 0;

}

#multimedia #voir #fichemm #lavideo p.artiste {
	border: none;
}

#multimedia #voir #fichemm #lavideo p span {
	padding: 0 4px;
}
#multimedia #voir #fichemm #lavideo p span.label {
	float: left;
	padding: 0 4px;
}
#multimedia #voir #fichemm #lavideo p span.value {
	float: right;
	padding: 0 4px;
}



#multimedia #voir #fichemm #autresvideos {
	padding: 10px;
	float: left;
	width: 220px;
}

#multimedia #voir #fichemm #autresvideos h3 {
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}

#multimedia #voir #fichemm #autresvideos #laliste {
	font-size: 12px;
	color: #fff;
	padding-left: 20px;
	height: 345px;
	overflow-y: auto;
	xoverflow-x: hidden;
}

#multimedia #voir #fichemm #autresvideos #laliste li {
	list-style-image: url(/img/triangle.png);
}

#multimedia #voir #fichemm #autresvideos #laliste a {
	color: #fff;
	text-decoration: none;
}

#multimedia #voir #fichemm #autresvideos #laliste a:hover {
	border-bottom: 1px dotted #aaa;
}
/*}}}*/


/*
                  _   _ _   _
 _ __   __ _ _ __| |_(_) |_(_) ___  _ __  ___
| '_ \ / _` | '__| __| | __| |/ _ \| '_ \/ __|
| |_) | (_| | |  | |_| | |_| | (_) | | | \__ \
| .__/ \__,_|_|   \__|_|\__|_|\___/|_| |_|___/
|_|

*/

/*{{{ Partitions */

#partitions {
	width: 584px;
	background: url(/img/partfond.png) top left repeat;
}

#partitions .unepart {
	width: 100%;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
}

#partitions .unepart .partimage {
	float: left;
	width: 186px;
}

#partitions .unepart .partimage img {
	float: left;
	clear: left;
	width: 167px;
}

#partitions .unepart .parttext {
	float: left;
	width: 376px;
}

#partitions .unepart .parttext ul {
	margin: 0 0 0 24px;
}

#partitions .unepart .parttext p.parttitre {
	background: #0168b5;
	color: white;
	font-size: 1.4em;
	padding: 0 10px;
}

#partitions .unepart .parttext div.partdesc {
	padding: 2px 4px;
	color: white;
	font-size: 0.7em;
}

#partitions .unepart .parttext div.partprix {
	padding: 2px 4px;
	color: white;
	font-size: 0.7em;
}

#partitions .unepart .parttext p.commander {
	background: #0168b5;
	color: white;
	font-size: 1.4em;
	padding: 0 10px;
}

#partitions hr {
	float: left;
	clear: both;
	margin: 20px 0 0px 0;
	width: 100%;
	border: none;
	border-bottom: 1px solid black;
}

#partrech {
	background: #0068b4;
	padding: 20px 14px 20px 14px;
}

#partrech input {
	font-size: 0.8em;
	width: 150px;
	border: 1px solid #bbb;
}

#partrech p.titre {
	font-weight: bold;
	margin-bottom: 20px;
}

#partrech label {
	font-weight: bold;
	font-size: 0.76em;
}

#partrech span {
	font-size: 8px;
	display: block;
	xline-height: 0.2em;
}

#partrech input#ok {
	background: url(/img/part_btnrech.png) top left no-repeat;
	width: 143px;
	height: 35px;
	margin-top: 10px;
	display: block;
}


#partitions #commande {
	background: url(/img/part_degrade.png) top left repeat-x;
	height: 100%;
	width: 100%;
}

#partitions #commande p#titre {
	height: 38px;
	border-bottom: 1px solid black;
	font-size: 1.1em;
	color: white;
	padding-top: 15px;
	padding-left: 20px;
}

#partitions #commande form  {
	xwidth: 264px;
	float: left;
}

#partitions #commande form div#coords {
	padding-left: 20px;
	padding-top: 20px;
	width: 240px;
	height: 375px;
	float: left;
	border-right: 1px solid black;
}

#partitions #commande form div#coords label {
	font-size: 0.7em;
	color: white;
	display: block;
	width: 80px;
	clear:left;
	float:left;
	margin-top: 4px;
}

#partitions #commande form div#coords input,
#partitions #commande form div#coords textarea {
	float:left;
	margin-bottom:4px;
}

#partitions #commande form div#coords textarea {
	width: 142px;
}

#partitions #commande div#oeuvre {
	width: 244px;
	height: 375px;
	float: left;
	padding-left: 20px;
}

#partitions #commande div#oeuvre p.info {
	height: 38px;
	font-size: 1.1em;
	color: white;
	padding-top: 15px;
	margin-bottom: 30px;
}

#partitions #commande div#oeuvre p.titre {
	text-transform: uppercase;
	font-size: 0.7em;
	color: white;
	font-weight: bold;
	margin-bottom: 30px;
}

#partitions #commande div#oeuvre p.line {
	font-size: 0.7em;
	color: white;
}

#partitions #commande div#oeuvre p.line span {
	text-transform: uppercase;
}

#partitions #commande div#oeuvre input.bouton {
	margin-top: 30px;
}


/*}}}*/


/*
                      _
 ___ _   _ _ __   ___| |__  _ __ ___  ___
/ __| | | | '_ \ / __| '_ \| '__/ _ \/ __|
\__ \ |_| | | | | (__| | | | | | (_) \__ \
|___/\__, |_| |_|\___|_| |_|_|  \___/|___/
     |___/

*/

/*{{{  Synchros */

#synchro {
	xpadding: 30px;
}

#synchro #menu {
	background: none;
}

#synchro #menu li {
	background: url(/img/syncmenuoff.png) top left repeat;
}

#synchro .horsmenu {
	background: none;
	padding-top: 22px;
	width: 614px;
}

#synchro #pubsfilms {
	float: left;
	height: 454px;
	background: #ee7900;
	width: 589px;
	padding: 20px 10px 10px 15px;
}

#synchro #pubsfilmsinside {
	float: left;
	height: 454px;
	width: 589px;
	overflow-y: auto;
}

#synchro #pubsfilms div.onglet {
	background: url(/img/synconglet.png) top left no-repeat;
	height: 25px;
	color: white;
	font-weight: bold;
	font-size: 13px;
	padding: 7px 0 0 8px;
}

#synchro #pubsfilms div.liste {
	background: url(/img/noirtransp50.png) top left repeat;
}

#synchro #pubs {
	float: left;
	width: 272px;
	margin-left: 10px;
	border-left: 1px solid black;
}

#synchro #films {
	float: left;
	width: 272px;
	border-left: 1px solid black;
}

#synchro #pubsfilms div.unfilm {
	width: 272px;
	margin: 10px 0;
	float: left;
}

#synchro #pubsfilms div.unfilm div.affiche {
	width: 105px;
	float: left;
}

#synchro #pubsfilms div.unfilm img {
	width: 105px;
	height: 140px;
	float: left;
}

#synchro #pubsfilms div.unfilm p.voirba {
	background: #ee7900;
	color: white;
	float: left;
	font-size: 0.7em;
	text-align: center;
	padding: 2px 0;
	width: 100%;
}

#synchro #pubsfilms #pubs div.unfilm p.voirba {
	padding: 7px 0;
}

#synchro #pubsfilms div.unfilm p.hideba {
	background: #ee7900;
	color: white;
	float: left;
	font-size: 0.7em;
	text-align: center;
	padding: 2px 0;
	display: none;
	width: 100%;
}

#synchro #pubsfilms #pubs div.unfilm p.hideba {
	padding: 7px 0;
}

#synchro #pubsfilms div.liste {
	float: left;
	width: 272px;
	padding: 15px 0 25px 0;
}

#synchro #pubsfilms div.liste a {
	color: white;
	text-decoration: none;
}

#synchro #pubsfilms div.liste a:hover {
	border-bottom: 1px dotted white;
}

#synchro #pubsfilms div.playerhost {
	width: 272px;
	height: 226px;
	background: black;
}

#synchro #pubsfilms div.liste div.datafilm {
	float: left;
	color: white;
	font-size: 0.7em;
	padding-left: 5px;
	width: 160px;
}

#synchro #pubsfilms div.liste div.datafilm p.titre {
	font-weight: bold;
	xmargin-bottom: 10px;
}

#synchro #pubsfilms div.liste div.datafilm div.extrait {
	float: left;
	background: #ee7900 url(/img/triangle.png) 0 8px no-repeat;
	width: 146px;
	padding: 4px 4px 4px 10px;
	margin-top: 4px;
}

#synchro #pubsfilms div.liste div.datafilm div.extrait span.listen {
	float: right;
	background: url(/img/sync_listen.png) bottom right no-repeat;
	width: 20px;
	height: 20px;
	margin: 0 2px 2px 0;
}

#synchro #pubsfilms div.liste div.datafilm div.extrait span a {
	display: block;
	height: 100%;
}

#synchro #pubsfilms div.liste div.datafilm div.extrait span.stop {
	float: right;
	background: url(/img/sync_stop.png) bottom right no-repeat;
	width: 20px;
	height: 20px;
	margin: 0 2px 2px 0;
}

#synchro #audioplayer {
	display: inline;
	height: 1;
	margin-left: -5000px;
	width: 1;
}



#synchro #contactdlm {
	float: left;
	xheight: 404px;
	background: #ee7900;
	width: 584px;
	padding: 20px 10px 20px 20px;
}

#contactdlm a {
	color: white;
	text-decoration: none;
}

#contactdlm a:hover {
	border-bottom: 1px dotted white;
}

#contactdlm h3 {
	margin-bottom: 20px;
}

#contactdlm p {
	margin-bottom: 10px;
}

#contactdlm #colg {
	float: left;
	width: 237px;
	font-size:  11px;
	color: white;
}

#contactdlm #newsletter {
	xpadding: 20px;
}

#contactdlm #demandesynchro {
	background: url(/img/noirtransp50.png) top left repeat;
	padding: 20px;
	margin-top: 70px;
}

#contactdlm #dlmform {
	float: left;
	background: url(/img/noirtransp50.png) top left repeat;
	height: 384px;
	width: 320px;
	margin-left: 20px;
	color: white;
	font-size: 11px;
}

#contactdlm #dlmform #entete {
	float: left;
	width: 320px;
	height: 100px;
	background: url(/img/entetedlm.png) top left no-repeat;
}

#contactdlm #dlmform p#titre {
	float: left;
	font-weight: bold;
	margin: 20px 40px;
}

#contactdlm #dlmform form {
	float: left;
	margin-left: 40px;
}

#contactdlm #dlmform label {
	width: 80px;
	float: left;
	line-height: 20px;
}

#contactdlm #dlmform input {
	float: left;
	margin-bottom: 10px;
}

#contactdlm #dlmform input.image {
	margin: 10px 0 0 80px;
}
/*}}}*/


.newsconcerts {
	margin: 0 15px 0 15px;
	height: 430px;
	overflow-y: auto;
	overflow-x: hidden;
}

.newsconcerts #bandeau1 {
	float: left;
	width: 100%;
	background: transparent;
}

.newsconcerts #bandeau1 a {
	color: #000;
	text-decoration: none;
}

.newsconcerts #bandeau1 span {
	font-size: 18px;
	padding: 4px 10px;
	border: 1px solid black;
	border-bottom: none;
	border-left: none;
}

.newsconcerts #bandeau1 span.on {
	background: #abb308;
	color: #fff;
}
.newsconcerts #bandeau1 span.off {
	background: #555904;
	color: #000;
}

.newsconcerts #bandeau2 {
	float: left;
	width: 100%;
	background: #abb308;
	height: 24px;
}

#news div.unenews,
#concerts div.unconcert {
	float: left;
	width: 100%;
	height: 135px;
	background: #555904;
	border-bottom: 1px solid #abb308;
	color: #fff;
	font-size: 14px;
}

#news div.unenews div.contenunews,
#concerts div.unconcert div.contenuconcert
{
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	font-weight: bold;
	width: 400px;
}

.newsconcerts img {
	float: left;
	margin-top: 25px;
	background: #444803;
	height: 110px;
	width: 110px;
}

#news div.unenews p.lien {
	margin-top: 10px;
	background: #3e4106 url(/img/triangle.png) 10px 11px no-repeat;
	width: 300px;
	padding: 5px 10px 5px 30px;
	height: 18px;
}

#news div.unenews p.lien a,
#concerts div.unconcert li.lien a
{
	color: #fff;
	text-decoration: none;
}

#concerts li.lien {
	font-size: 12px;
	font-weight: normal;
}




/*{{{  Mentions légales */

#mentionslegales {
	padding: 10px;
	font-size: 12px;
	text-align: justify;
	color: #bbb;
}

#mentionslegales p {
	margin: 5px 0;
}

#mentionslegales h1 {
	font-size: 16px;
	margin-bottom: 10px;
	color: white;
}

#mentionslegales h2 {
	font-size: 12px;
	color: #ddd;
}

#mentionslegales ul {
	margin-left: 20px;
}
/*}}}*/


/* Crédits */

div#credits {
	background: #9ba600;
	padding: 10px;
}

#credits h2 {
	border-bottom: 4px solid black;
}

#credits div.entreprise {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid black;
	padding-left: 140px;
	position: relative;
	height: 120px;
}

#credits div.entreprise p.job {
	text-transform: uppercase;
	font-size: 11px;
	xfont-weight: bold;
	color: white;
	letter-spacing: 0.6em;
	margin-bottom: 15px;
}

#credits div.entreprise p.nom {
	font-weight: bold;
}

#credits div.entreprise p.membres {
	font-style: italic;
	margin-left: 15px;
	font-size: 0.85em;
	background: url(/img/triangle.png) 0 5px no-repeat;
	padding-left: 10px;
	color: white;
}

#credits div.entreprise a {
	position: absolute;
	top: 0;
	left: 0;
	xheight: 110px;
	color: #555;
	text-decoration: none;
}

#credits div.entreprise a img {
	width: 100px;
	height: 100px;
}

#credits div.entreprise a span.site {
	font-size: 0.6em;
	display: block;
	text-align: center;
}