/* ===== DEBUT ACCUEIL ===== */


#Accue1 h1.titre { background: url(titres/titreActus.jpg) no-repeat left top; }
#Accue1 #documents_portfolio { display: none; }


/* ===== FIN ACCUEIL / DEBUT SPECTACLES + LECTURES-SPECTACLES ===== */


#Spectacles h1.titre { background: url(titres/titreSpect.jpg) no-repeat left top; }


#Spectacles .illustration .image {
	/*
	background: #000000 url(illustrations/escaliers.jpg) no-repeat 90px top;
	position: absolute;
	width: 410px;
	height: 300px;
	left: 0px;
	top: 18px;
	*/
}
#Spectacles #listeVoir, #Spectacles #listeMasq, #LecturesSpectacles #listeVoir, #LecturesSpectacles #listeMasq { /* font-weight: normal; */ } 

ul.listeSpectacles, ul.listeLectSpect {
	list-style: disc outside!important;
	margin: 20px 3px 20px 35px!important;
}

#ficheSpectacle, .ficheLectSpect {
	width: 338px;
	left: -13px;
	padding: 0px 0px 3px 26px;
	margin: 15px -48px 0px 0px;
	position: relative;
	/*
	background-color: #0066FF;
	*/
}
#ficheSpectacle li { margin-bottom: 5px; line-height: 1.4em; }
.navSpect {
	background: #E7E0D3;
	margin: 0px;
	width: 319px;
	padding: 2px 7px 2px;
	text-align: center;
	border: 1px solid #C0B9B0;
	border-bottom: 1px solid #C0B9B0;
	font-size: 9px;
	font-weight: bold;
	/*
	font-size: 0.9em;
	letter-spacing: 0.04em;
	*/
}
#navHaut, #navHaut1, #navHaut2 { margin: 0px 0px 0px 13px!important; }
#navBas { margin-top: 23px; }

#Spectacles h3, #LecturesSpectacles h3 { margin-top: 20px; font-size: 16px; margin-left: 13px; }
#ficheSpectacle .auteur, .ficheLectSpect .auteur { margin-top: -12px; font-weight: normal; font-size: 11px; font-style: italic; }
p.auteur em { font-style: normal; }
.ficheSpectacle .presentation, .ficheLectSpect .presentation {
	background: #D8E1A7;
	width: 339px;
	padding: 13px 22px 13px 26px;
	margin: 0px 0px 13px -26px;
	border-top: 1px solid #798246;
	border-bottom: 1px solid #798246;
}

div.ficheSpectacle .vignettes img, div.ficheLectSpect .vignettes img { margin: 0px 3px 3px 0px; cursor: pointer; width: 50px; height: 50px; }
div.ficheSpectacle #divImgPortfolio, div.ficheLectSpect #divImgPortfolio {
/*	background-color: #006699;*/
	width: 387px;
	left: 424px;

}

div.ficheSpectacle #imgPortfolio, div.ficheLectSpect #imgPortfolio {
	margin-bottom: -14px;
	cursor: pointer;
/*	margin-top: 0px;
	margin-left: -35px;
	background: #999900; */
}
div.ficheSpectacle #videos {
	margin-left: -26px !important;
}
div#ficheSpectacle #copyright, div#ficheLectSpect #copyright { /**/ }


/* ===== FIN SPECTACLES / DEBUT LECTURES ===== */


#Lectu3 h1.titre { background: url(titres/titreLectu.jpg) no-repeat left top; }


/* ===== FIN LECTURES / DEBUT LECTURES-SPECTACLES ===== */


#LecturesSpectacles h1.titre { background: url(titres/titreLecSp.jpg) no-repeat left top; }
#LecturesSpectacles #listeLectSpect { margin: 10px 5px 0px 13px; }
/* voir aussi plus haut, styles spectacles + lectures-spectacles */


/* ===== FIN LECTURES-SPECTACLES / DEBUT GALERIES ===== */


#Galerie h1.titre { background: url(titres/titreGaler.jpg) no-repeat left top; padding-top: 0px; }
#Galerie #contenu { width: 450px !important; }
div.galeries { padding: 0px 15px 15px; }

#Galerie .imSpect { /**/ }

.galerie {
	display: block;
	float: left;
	clear: both;
	margin-bottom: 5px;
	width: 430px;
}

#Galerie h3 { display: block; clear: both; margin: 3px 0px 9px; }
#Galerie .galeries p, #Galerie img, #Galerie h4 { padding: 0px; margin: 0px; }
#Galerie h4 { margin-bottom: 8px; font-style: italic; font-size: 10px; }
#Galerie div.imSpect h4 { display: none; }
#Galerie #diapo h4 { text-align: center; }

#Galerie #diapo img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 7px;
}
#Galerie .imSpect a {
	float: left;
	height: 53px;
	width: 50px;
	margin: 0px 5px 7px;
	padding: 0px;
}
#Galerie .imSpect a:hover { background-color: #990000; }

p#navDiapo { text-align: center; }


/* ===== FIN GALERIE / DEBUT COMPAGNIE ===== */


#Compa6 h1.titre { background: url(titres/titreCompa.jpg) no-repeat left top; }

#Compa6 #fichesMemb img {
	margin: 0px -13px 10px 0px!important;
	padding: 0px;
}

#Compa6 .visuel .copyright {
	text-align: left;
	margin-top: -10px;
	margin-bottom: 20px;
}


/* ===== FIN COMPAGNIE / DEBUT FORMATION ===== */


#Forma7 h1.titre { background: url(titres/titreForma.jpg) no-repeat left top; }


/* ===== FIN FORMATION / DEBUT CALENDRIER ===== */


#Calen8 h1.titre { background: url(titres/titreCalen.jpg) no-repeat left top; }


/* ===== FIN CALENDRIER / DEBUT CONTACT ===== */


#Contact h1.titre { background: url(titres/titreConta.jpg) no-repeat left top; }
#Contact .illustration .image {
	background: url(illustrations/telephone.gif) no-repeat -45px top;
	position: absolute;
	height: 251px;
	width: 249px;
	left: 100px;
	top: 72px;
}
#Contact #contenu p { display: inline; }
#Contact #adresse p, #Contact #email p {
	display: block;
	margin: 3px 0px 2px;
	border-left: 1px solid #000000;
	padding-left: 10px;
}
#Contact #tel h5 { margin-left: 8px; }
#Contact #tel { margin-left: -8px; }
#Contact #message textarea { margin-top: 12px; }

#envoiForm span { display: none; }
#envoiForm {
	background: url(boutons/envoyer.jpg) no-repeat left top;
	height: 26px;
	border-style: none;
	width: 87px;
	position: relative;
	margin: 0px 0px 7px;
	padding: 0px;
	top: 3px;
	vertical-align: bottom;
}
#envoiForm:active { background: url(boutons/envoyer-on.jpg); }



/* ===== FIN CONTACT / DEBUT MENTIONS ===== */


#Menti10 h1.titre { background: url(titres/titreMenti.jpg) no-repeat left top; }