/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#333;
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#262626;
}

#container
{
	width:1024px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:#dbdbdb;
}
/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:2em;
	color:#fff;
	padding:0;
	margin:0 0 12px 0;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
}

h2
{
	font-size:2em;
	margin:0;
	color:#5f6369;
	padding:0 0 10px 0;
	text-transform:uppercase;
}

h3
{
	font-size:1.8em;
	color:#5f6369;
	padding:0 0 15px 0;
	margin:0;
}

p
{
	font-size:1em;
	color:#5f6369;
	margin:0;
	padding:0 0 15px 0;
	line-height:1.3em;
	/*text-align:left;*/
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligne
{text-decoration:underline;}

.majuscule
{text-transform:uppercase;}

.avertissement
{
	color:#CA0021;
	font-size:1em;
}

.nopadding{padding:0;}

sup
{text-transform:lowercase;}

.violet
{color:#76497a;}

blockquote
{
	font-size:1.4em;
	color:#5f6369;
	padding:0 0 15px 0;
	margin:0;
	font-weight:bold;
}

/* --------------------------------------------------------------- */
/* ---- Corps ---------------------------------------------------- */

/* -- entête ----------------------------------------------------- */

#head{
	width:1024px;
	position:relative;
}

/* -- logo -------------- */
#logo
{
	position:absolute;
	top:0;
	left:0;
	z-index:300;
}

#logoPrint
{display: none;}

/* -- Slideshow photos ----------------------------- */

#slideshow {
    position:relative;
    height:337px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    display:none;
}

#slideshow IMG.active {
    z-index:10;
    display:block;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* -- menu principal ----------------------- */
#menu{
	width:955px;
	position:absolute;
	top:280px;
	left:24px;
	z-index:200;
}

#menu img{display:block;}

#menu ul
{
	list-style:none;
	margin:0;
	padding:0;	
}

#menu ul li
{
	float:left;	
	margin:0;
	padding:0;	
}

#menu ul li.nav-evenements
{
	position:absolute;
	top:9px;
	left:0px;
	z-index:211;
}

#menu ul li.nav-home
{
	position:absolute;
	top:32px;
	left:135px;
	z-index:201;
}
#menu ul li.nav-spectacles
{
	position:absolute;
	top:13px;
	left:223px;
	z-index:206;
}
#menu ul li.nav-albums
{
	position:absolute;
	top:0;
	left:325px;
	z-index:205;
}

#menu ul li.nav-editions
{
	position:absolute;
	top:19px;
	left:411px;
	z-index:204;
}
#menu ul li.nav-dossierpresse
{
	position:absolute;
	top:6px;
	left:499px;
	z-index:203;
}
#menu ul li.nav-choristes
{
	position:absolute;
	top:16px;
	left:703px;
	z-index:202;
}
#menu ul li.nav-multimedia
{
	position:absolute;
	top:2px;
	left:838px;
	z-index:201;
}

/* -- Zone de contenu ----------------------------------------------------- */

#page{
	width:1024px;
	position:relative;
}

#col-1
{
	float:left;
	width:181px;
}

#col-2
{
	float:left;
	width:843px;
	padding:0 0 30px 0;
}

.wrap
{padding:13px 47px 0 30px;}

.wrap a
{
	color:#9c2aa6;
	text-decoration:underline;
}
.wrap a:visited
{color:#76497a;}
.wrap a:hover
{text-decoration:none;}

.wrap ul
{
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
}

.wrap ul li
{
	margin:0;
	padding:0 0 5px 12px;
	color:#5f6369;
	background:url(images/fleche-liste.gif) no-repeat 0 2px;
}
/* -- Colonne gauche ---------------------------------------------- */

/* -- menu primaire colonne gauche -- */
#nav
{
	list-style:none;
	margin:0;
	padding:0 0 30px 0;
}

#nav li
{
	margin:0;
	padding:0;
}

#nav li a
{
	display:block;
	width:148px;
	height:42px;
	padding:7px 15px 0 18px;
	color:#5f6369;
	font-weight:bold;
	text-decoration:none;
	background:url(images/bn-nav-left.gif) no-repeat top left;
}
#nav li a:hover
{background:url(images/bo-nav-left.gif) no-repeat top left;}

#nav li a.last
{
	display:block;
	width:148px;
	height:34px;
	padding:10px 15px 0 18px;
	color:#5f6369;
	font-weight:bold;
	text-decoration:none;
	background:url(images/bn-nav-left-last.gif) no-repeat top left;
}
#nav li a.last:hover
{background:url(images/bo-nav-left-last.gif) no-repeat top left;}

/* -- menu d'options colonne gauche -- */

.nav-options
{
	list-style:none;
	margin:0;
	padding:0;
}

.nav-options li
{
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}

/* - À Propos - */
.nav-options li a.nav-apropos
{
	display:block;
	width:89px;
	height:27px;
	padding:0;
	color:#5f6369;
	text-decoration:none;
	background:url(images/bn-apropos.gif) no-repeat top left;
}
.nav-options li a.nav-apropos:hover
{background:url(images/bo-apropos.gif) no-repeat top left;}

.nav-options li a.active-apropos
{background:url(images/bo-apropos.gif) no-repeat top left;}

/* - Contact - */
.nav-options li a.nav-contact
{
	display:block;
	width:92px;
	height:27px;
	padding:0;
	color:#5f6369;
	text-decoration:none;
	background:url(images/bn-contact.gif) no-repeat top left;
}
.nav-options li a.nav-contact:hover
{background:url(images/bo-contact.gif) no-repeat top left;}

.nav-options li a.active-contact
{background:url(images/bo-contact.gif) no-repeat top left;}

/* -- menu spectacles colonne gauche -- */
#nav-violet
{
	list-style:none;
	margin:0;
	padding:30px 0 0 0;
	_padding:20px 0 0 0;
}

#nav-violet li
{
	margin:0;
	padding:0;
}

#nav-violet li a
{
	display:block;
	color:#791685;
	text-decoration:none;
	padding:5px 0 5px 19px;
	_height:1%;
}
#nav-violet li a:hover
{
	border-left:12px solid #aa78b0;
	padding:5px 0 5px 7px;
}

#nav-violet li a.active
{
	border-left:12px solid #aa78b0;
	padding:5px 0 5px 7px;
}

/* -- menu colonne gauche vert -- */

#nav-vert
{
	list-style:none;
	margin:0;
	padding:30px 0 0 0;
	_padding:20px 0 0 0;
}

#nav-vert li
{
	margin:0;
	padding:0;
}

#nav-vert li a
{
	display:block;
	color:#88a805;
	text-decoration:none;
	padding:5px 0 5px 19px;
	_height:1%;
}
#nav-vert li a:hover
{
	border-left:12px solid #88a805;
	padding:5px 0 5px 7px;
}

#nav-vert li a.active
{
	border-left:12px solid #88a805;
	padding:5px 0 5px 7px;
}

/* -- Bulletin de nouvelles -------------- */

#newsletter
{
	width:181px;
	padding:30px 0 30px 0;
}

#newsletter label
{
	float:right;
	color:#5f6369;
	font-size:0.8em;
}

#newsletter input
{
	width:140px;
	border:1px solid #fff;
	background:#ededed;
	color:#5f6369;
	font-size:0.8em;
	margin:2px 0 0 0;
	float:right;
	padding:3px 15px 3px 17px;
}

#newsletter input.c-b-inscrire
{
	width:88px;
	border:none;
	background:none;
	margin:0 0 0 24px;
	float:none;
	padding:0;
}

/* -- Colonne droite ---------------------------------------------- */

/* -- ACCUEIL -------------------- */
.col-content-1
{
	float:left;
	width:375px;
	margin:0 14px 0 0;
	_margin:0;
}
.col-content-2
{
	float:left;
	width:375px;
}

.content-1
{
	width:373px;
	border:1px solid #fff;
	margin:0 15px 21px 0;
	padding:11px 0;
}

.content-2
{
	width:373px;
	margin:0 0 21px 0;
	padding:11px 0;
	border:1px solid #fff;
}

.bg-violet
{background:#c7bec8;}
.bg-jaune
{background:#d7d8ba;}

.content-1 .wrap, .content-2 .wrap
{padding:0 11px;}

p a.b-lireSuite{
	display:block;
	width:16px;
	height:33px;
	background:url(images/fleche.gif) no-repeat top left;
	text-indent:-9999px;
}

.content-1 .wrap .pict, .content-2 .wrap .pict
{
	float:left;
	width:162px;
}

.content-1 .wrap .txt, .content-2 .wrap .txt
{
	float:left;
	width:187px;
}

.content-1 .wrap h3, .content-2 .wrap h3
{
	text-transform:uppercase;
	font-size:1.3em;
	padding:0 0 10px 0;
}

.content-1 .wrap h3 a, .content-2 .wrap h3 a
{
	display:block;
	color:#5f6369;
	text-decoration:none;
	background:url(images/fleche-verte.gif) no-repeat top right;
}

.content-1 .wrap h3 a:hover, .content-2 .wrap h3 a:hover
{text-decoration:underline;}

/* -- Lien pdf ----------------------*/
.pdf
{
	background:url(images/i-pdf.gif) no-repeat 0 0;
	padding: 0 0 2px 25px;
	color:#000 !important;
	text-decoration:none !important;
}
.pdf:hover
{text-decoration:underline !important;}
/* -- SPECTACLES -------------------- */

#box-horaire
{
	width:205px;
	border:1px solid #fff;
	padding:10px 0;
}

#box-horaire h1
{
	font-size:1em;
	color:#5f6369;
	border:none;
	text-transform:uppercase;
	font-weight:normal;
	padding:0 14px 10px 14px;
	margin:0;
}

#box-horaire p
{
	font-size:1em;
	color:#5f6369;
	border:none;
	font-weight:normal;
	padding:0 14px 10px 14px;
	margin:0;
}

/* -- SPECTACLES ANTÉRIEURS -------------------- */

hr
{color:#fff; border-top:none; border-left:none;  margin:5px 0 20px 0;}

.img-txt
{margin:0 17px 10px 0;}

/* - flèche retour en haut de page ----- */
#col-2 .wrap p.txt-hautpage
{
	float:right;
	background:url(images/fleche-top.gif) no-repeat 0 4px;
	padding:0 0 0 20px;
}

#col-2 .wrap p.txt-hautpage a
{
	text-decoration:none;
	color:#787b80;
}

#col-2 .wrap p.txt-hautpage a:hover
{text-decoration:underline;}

/* -- ALBUMS -------------------- */

.liens
{
	list-style:none;
	margin:0 !important;
	padding:0 !important;
}

.liens li
{
	float:left;
	margin:0 !important;
	padding:10px 10px 20px 0 !important;
	background:none !important;
}

/* -- ÉDITION -------------------- */

/* --Zone recherche ---------- */

#rechercher
{
	width:158px;
	border:1px solid #fff;
	padding:10px 0;
	float:right;
	margin:30px 0 0 0;
}

#rechercher .wrap
{padding:0 10px 0 3px;}

#rechercher h1
{
	border-bottom:1px solid #fff;
	padding:0 10px 5px 10px;
	font-size:1em;
	color:#5f6369;
}

#rechercher select
{
	width:145px;
	padding:0;
	margin:0 0 15px 0;
	font-size:0.8em;
	color:#5f6369;
}

#rechercher input
{
	width:107px;
	padding:5px 0 6px 10px;
	font-size:0.8em;
	color:#5f6369;
	border:1px solid #fff;
	margin:0 0 15px 0;
}
#rechercher input#bGo
{
	width:24px;
	padding:0;
	margin:1px 0 0 0;
	_margin:-11px 0 0 0;
	vertical-align:middle;
}

.bordure-bas
{
	border-bottom:1px solid #fff; 
	padding:0 0 30px 0;
	_padding:0 0 0px 0;
	margin:0 0 10px 0;
}
#rechercher p
{
	font-size:0.8em;
	padding:0 0 0 10px;
}
#rechercher p a
{text-decoration:none;}
#rechercher p a:hover
{text-decoration:underline;}
/* -- Tableau éditions ------- */
table th
{
	text-align:left;
	color:#5f6369;
	padding:6px 0;
	background:#ededed;	
}

table th.titre
{
	font-size:0.9em;
	padding:0 0 0 10px;
}

table th.prix
{
	text-align:right;
	border-right:1px solid #fff;
	padding:0 13px 0 0;
}

table th.commander
{
	font-size:0.9em;
	text-align:center;
	text-transform:uppercase;
}
table th.commander a
{
	color:#76497a;
	text-decoration:none;
}
table th.commander a:hover
{text-decoration:underline;}

table td
{
	/*text-align:left;*/
	color:#5f6369;
	font-size:0.9em;
}

table td.infos
{
	padding:0 0 3px 12px;
}
table td.prix-album
{
	padding:0 13px 3px 0;
	text-align:right;
	border-left:1px solid #fff;
}

/* -- DOSSIER DE PRESSE -------------------- */

.dossierPresse
{
	list-style:none;
	padding:0 !important;
	margin:0 !important;
}

.dossierPresse li
{
	float:left;
	padding:0 20px 15px 0 !important;
	margin:0 !important;
	background:none !important;
}

.dossierPresse li img
{margin:0 0 2px 0; display:block;}
.dossierPresse li p
{font-style:italic;}

/* -- MULTIMÉDIA -------------------- */

#thumbnails
{
	width:549px; 
	background:#ededed; 
	border:1px solid #fff;
	margin:0 0 25px 0;
}

#select-albums ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#select-albums ul li
{
	float:left;
	margin:0;
	padding:0 5px 5px 0;
	color:#5f6369;
}
#select-albums ul li.titre
{padding:0 15px 0 0;
}

#select-albums ul li a
{
	color:#5f6369;
	text-decoration:none;
}

#select-albums ul li a:hover
{
	font-weight:bold;
	font-size:1.3em;
}
#select-albums ul li a.active
{
	font-weight:bold;
	font-size:1.3em;
}

.albums
{
	width:549px; 
	background:#ededed;
	padding:4px 0;
	margin:0 0 2px 0;
}

.albums img
{
	float:left;
	margin:0 19px 0 4px;
	display:block;
}

.albums p
{
	padding:2px 0 0 0;
	font-size:0.8em;
}

.albums a
{text-decoration:none !important;}
.albums a:hover
{text-decoration:underline !important;}

/* ---- Section Formulaire de contact ------------------------------- */

.conteneurChamps
{
	margin:0 0 20px 0;
	width:698px;
}

.champsForm
{margin:2px 0 6px 0;}

.champsForm label
{
    vertical-align: middle;
	font-weight:bold;
	float:left;
}

.champsForm input
{
	float:right;
	width:220px;
	margin-right:185px;
}

.champsForm textarea
{
	float:right;
	margin-right:105px;
	_margin-right:110px;
}

.conteneurChamps input.boutonsEnvoyerForm
{
	margin:0 0 0 290px;
	_margin:5px 0 0 287px;
}

/* -- Pied de page ----------------------------------------------------- */

#footer
{
	width:1024px;
	background:#bfc2bd url(images/footer-bg.gif) repeat-x top left;
	padding:21px 0 4px 0;
}

#footer ul#nav-principale
{
	float:left;
	list-style:none;
	margin:0;
	padding:0 0 0 39px;
}

#footer ul#nav-principale li
{
	float:left;
	margin:0;
	padding:0 12px 0 0;
	font-size:0.9em;
}

#footer ul#nav-principale li a
{
	color:#5f6369;
	text-decoration:none;
	font-weight:bold;	
}

#footer ul#nav-principale li a:hover, #footer ul#nav-options li a:hover
{text-decoration:underline;}

#footer ul.nav-options
{
	float:right;
	list-style:none;
	margin:0;
	padding:0 48px 0 0;
}

#footer ul.nav-options li
{
	float:left;
	margin:0;
	padding:0 0 0 9px;
	font-size:0.9em;
}

#footer ul.nav-options li a
{
	color:#76497a;
	text-decoration:none;
	font-weight:bold;	
}


#footer ul.nav-options li a:hover
{text-decoration:underline;}