/* ------------------------------------------------------------------- */
/*  PLUGIN CSS DECLARATION                                             */
/*                                                                     */
/*  To Include this file in a JSP:                                     */
/*  - jcmsContext.addCSSHeader("plugins/CulturePlugin/css/plugin.css");*/
/*                                                                     */
/*  You can also use implements PortalPolicyFilter.setupHeaders()      */
/*                                                                     */
/* ------------------------------------------------------------------- */

/********
STYLES GENERIQUES
*********/
.tool {
	color: #656565;
}

.tool a {
	color: #000;
	text-decoration: underline;
}

.tool h1 {
	font-size: 1.4em;
	font-weight: bold;
}

.tool .chapo {
	font-size: 1.09em;
	font-weight: bold;
	font-family: Arial;
}

.tool p {
	font-size: 0.86em;
}

.tool .resultat {
	border-collapse:collapse;
	background-color: #f6f5f5;
	width: 100%;
	font-size: 0.86em;
}

.tool .resultat th {
	font-family: Arial;
	text-align: center;
	height: 3em;
	background-color: #7CA216;
	color: #FFF;
	border-left: solid 1px #CCCCCC;
}

.tool .resultat td {
	border-left: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
}

.tool .resultat td.col1 {
	border-left: none;
}

.clean {
	clear: both;
}


/********
GUIDE DES FESTIVALS
*********/
#guideFestivalForm {
	background-color: #E7E8E8;
	margin: 0;
	averflow: hidden;
	padding: 1em;
}
	
#guideFestivalForm fieldset {
	border: medium none;
	padding: 0;
	margin: 0;
}

#guideFestivalForm ul {
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#guideFestivalForm li {
	padding-bottom: 1em;
} 

#guideFestivalForm label {
	display: block;
	width: 10em;
	font-size: 0.86em;
	font-weight: bold;
	float: left;
	padding: 
}

#guideFestivalForm select {
	width: 20em;
}

#guideFestivalForm .submitRech {
	background: transparent
		url(../docs/images/btn_rechercher.png) no-repeat 0 0;
	border: none;
	height: 31px;
	width: 77px;
	float: right;
	position: relative;
	margin: 10px 10px 0 10px;
	font-weight: bold;
	font-size: 0.86em;
	cursor: pointer;
	color: #3f3e40;
}

#guideFestival .resultat .col1, #guideFestival .resultat .col2, #guideFestival .resultat .col3 {
	padding: 1em;
}

#guideFestival .contenu h2 {
	font-size: 0.94em;
}

#festival h1 {
	font-size: 1.4em;
	font-weight: bold;
	color:#656565;
}

#festival .contenu {
	clear: both;
	color: #656565;
	padding-top: 10px;
}

#festival .contenu h2 {
	font-size: 0.94em;
	font-weight: bold;
	margin: 0px 0px;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#festival .contenu h3 {
	font-size: 0.86em;
	font-weight: bold;
}

#festival .contenu a {
	text-decoration: underline;
	color: #000;
}

#festival .contenu p {
	margin: 1.2em 0px;
	font-size: 0.86em;
}

#festival .contenu p.thematique, #festival .contenu p.contact {
	margin-top: 0;
}

#festival .contenu p.retourRecherche {
	text-align: right;
}

#festival .contenu ul {
	margin: 10px 0px;
	padding: 0px;
	list-style: none;
	font-size: 0.86em;
}

#festival .contenu ul li {
	padding: 0px 0px 0px 15px;
	background: transparent url(../../../images/portlets/genLeft/green-bullet.png)
		no-repeat left top;
	margin: 3px 0px 3px 30px;
	list-style: none;
}

#festival .contenu .visuel {
	float:right;
	padding-left: 1em;
	width: 300px;
}

#festival .contenu .visuel img {
	padding-top: 1em;
	padding-bottom: 1em;
}

/********
FONDS D'ARCHIVES NUMERISES
*********/
#fondarchive .resultat td {
	padding: 1em;
}

#fondarchive caption {
  display: none;
}   


/********
PALEOGRAPHIE
*********/
#paleographie h1, #fichepaleo h1 {
	font-size: 1.4em;
	font-weight: bold;
	color:#656565;
}

#paleographie .contenu, #fichepaleo .contenu {
	clear: both;
	color: #656565;
	padding-top: 10px;
}

#paleographie .contenu h2, #fichepaleo .contenu h2 {
	font-size: 0.94em;
	font-weight: bold;
	margin: 5px 0px;
}

#paleographie .contenu h2 {
	padding-top: 1em;
}

#paleographie .contenu a, #fichepaleo .contenu a {
	text-decoration: underline;
	color: #000;
}

#paleographie .contenu p, #fichepaleo .contenu p {
	margin: 5px 0px;
	font-size: 0.86em;
}

#paleographie .contenu p.chapo {
	font-size: 1.09em;
	font-weight: bold;
	font-family: Arial;
}

#fichepaleo .contenu p.retourRecherche {
	text-align: right;
}

#paleographie .contenu ul, #fichepaleo .contenu ul {
	margin: 10px 0px;
	padding: 0px;
	list-style: none;
	font-size: 0.86em;
}

#paleographie .contenu ul li, #fichepaleo .contenu ul li {
	padding: 0px 0px 0px 15px;
	background: transparent url(../../../images/portlets/genLeft/green-bullet.png)
		no-repeat left top;
	margin: 3px 0px 3px 30px;
	list-style: none;
}

/********
MOT CLE
*********/
#motCleForm {
	background-color: #E7E8E8;
	margin: 0;
	averflow: hidden;
	padding: 1em;
}
	
#motCleForm fieldset {
	border: medium none;
	padding: 0;
	margin: 0;
}

#motCleForm ul {
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#motCleForm li {
	padding-bottom: 1em;
} 

#motCleForm label {
	display: block;
	width: 10em;
	font-size: 0.86em;
	font-weight: bold;
	float: left;
	padding: 
}

#motCleForm select {
	width: 20em;
}

#motCleForm .submitRech {
	background: transparent
		url(../docs/images/btn_rechercher.png) no-repeat 0 0;
	border: none;
	height: 31px;
	width: 77px;
	float: right;
	position: relative;
	margin: 10px 10px 0 10px;
	font-weight: bold;
	font-size: 0.86em;
	cursor: pointer;
	color: #3f3e40;
}

#motCle .contenu dl {
	font-size: 0.86em;
}

#motCle .contenu dt {
	padding-top: 1em;
}

#motCle .contenu dd {
	padding: 0;
	margin: 0;
}

#ficheMotCle h1 {
	font-size: 1.4em;
	font-weight: bold;
	color:#656565;
}

#ficheMotCle .contenu {
	clear: both;
	color: #656565;
	padding-top: 10px;
}

#ficheMotCle .contenu h2 {
	font-size: 0.94em;
	font-weight: bold;
	margin: 5px 0px;
}

#ficheMotCle .contenu h3 {
	font-size: 0.86em;
	font-weight: bold;
}

#ficheMotCle .contenu a {
	text-decoration: underline;
	color: #000;
}

#ficheMotCle .contenu p {
	margin: 5px 0px;
}

#ficheMotCle .contenu p.retourRecherche {
	text-align: right;
}

#ficheMotCle .contenu ul {
	margin: 10px 0px;
	padding: 0px;
	list-style: none;
	font-size: 0.86em;
}

#ficheMotCle .contenu ul li {
	padding: 0px 0px 0px 15px;
	background: transparent url(../../../images/portlets/genLeft/green-bullet.png)
		no-repeat left top;
	margin: 3px 0px 3px 30px;
	list-style: none;
}

/********
EDUCATION ARTISTIQUE ET CULTURELLE
*********/
#eac h2 {
	font-size: 0.94em;
}

#eac .resultat td h3 {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 1em;
}

#eac .resultat td {
	padding: 1em;
}

#eac .resultat .col1 {
	width: 12em;
}

#eac .resultat .col {
	border: none;
}

#eac .resultat .l-first {
	border-top: none;
}

#eac .contenu {
	clear: both;
	color: #656565;
	padding-top: 10px;
}

#eac .contenu .resultat ul {
	margin: 0;
	padding: 0;
}

#eac .contenu .resultat li {
	list-style-type: none;
	padding-top: 1em;
}

#actionEac h1 {
	font-size: 1.4em;
	font-weight: bold;
	color:#656565;
}

#actionEac .contenu {
	clear: both;
	color: #656565;
	padding-top: 10px;
}

#actionEac .contenu h2 {
	font-size: 0.94em;
	font-weight: bold;
	margin: 5px 0px;
}

#actionEac .contenu h3 {
	font-size: 0.86em;
	font-weight: bold;
}

#actionEac .contenu a {
	text-decoration: underline;
	color: #000;
}

#actionEac .contenu p {
	margin: 5px 0px;
	font-size: 0.86em;
}

#actionEac .contenu ul {
	margin: 10px 0px;
	padding: 0px;
	list-style: none;
	font-size: 0.86em;
}

#actionEac .contenu ul li {
	padding: 0px 0px 0px 15px;
	background: transparent url(../../../images/portlets/genLeft/green-bullet.png)
		no-repeat left top;
	margin: 3px 0px 3px 30px;
	list-style: none;
}

/********
OEUVRES MAJEURES
*********/
#themeOeuvreMajeure .resultat td {
	padding: 1em;
	width: 50%;
}

#listingOeuvreMajeure .contenu {
	clear: both;
	color: #656565;
	padding-top: 10px;
}

#listingOeuvreMajeure .contenu .itoeuvre {
	background-color: #eeeeee;
	padding: 1em;
	margin-top: 2em;
}

.browser-IE6 #listingOeuvreMajeure .contenu .itoeuvre {
	background-color: transparent;
}

#listingOeuvreMajeure .contenu .itoeuvre h3 {
	font-size: 0.94em;
	padding-top: 0;
	margin-top: 0;
}

#listingOeuvreMajeure .contenu .itoeuvre .visuel {
	display: block;
	float: left;
	margin-right: 1em;
}

#oeuvremajeure h1 {
	font-size: 1.4em;
	font-weight: bold;
	color:#656565;
}

#oeuvremajeure .contenu {
	clear: both;
	color: #656565;
	padding-top: 10px;
}

#oeuvremajeure .contenu h2 {
	font-size: 0.94em;
	font-weight: bold;
	margin: 5px 0px;
}

#oeuvremajeure .contenu h3 {
	font-size: 1.1em;
	font-weight: bold;
}

#oeuvremajeure .contenu a {
	text-decoration: underline;
	color: #000;
}

#oeuvremajeure .contenu p {
	margin: 5px 0px;
	font-size: 0.86em;
}

#oeuvremajeure .contenu p.chapo {
	font-size: 0.94em;
	font-family: Arial;
	font-weight: bold;
}

#oeuvremajeure .contenu p.visuel {
	text-align: center;
	padding: 1em 0;
}

#oeuvremajeure .contenu p.retourRecherche {
	text-align: right;
}

#oeuvremajeure .contenu ul {
	margin: 10px 0px;
	padding: 0px;
	list-style: none;
	font-size: 0.86em;
}

#oeuvremajeure .contenu ul li {
	padding: 0px 0px 0px 15px;
	background: transparent url(../../../images/portlets/genLeft/green-bullet.png)
		no-repeat left top;
	margin: 3px 0px 3px 30px;
	list-style: none;
}

/********
ARTICLES
*********/
#genLeft .contenu .chapeau {
	font-weight: bold;
}

#genLeft .contenu .gauche {
	float: left;
	margin-right: 1em;
}

#genLeft .contenu .droite {
	float: right;
	margin-left: 1em;
}

#genLeft .contenu .image .legende {
	font-style: italic;
}

/********
L'ART PREND L'AIR
*********/
#artprendlairfull h1 {
	font-size: 1.4em;
	font-weight: bold;
	color:#656565;
}

/********
COMPAGNIES DE THEATRE
*********/

#compagnieTheatre h2 {
    font-size: 1.2em;
}

#rechercheCompagnieTheatre {
    background: url("../../../images/portlets/rechercheActu/titre_rech_actu.gif") no-repeat scroll right top #E7E8E8;
    margin-top: 20px;
    padding-bottom: 5px;
    overflow: hidden;
    position: relative;
    padding: 6px 5px;
}

#rechercheCompagnieTheatre select {
    border-color: #828383 #CECFCF #CECFCF #828383;
    border-style: solid;
    border-width: 1px;
    display: block;
    margin: 5px 0 10px 3px;
    width: 400px;
}

#RechercheTextCompagnie, #RechercheTextSpectacle {
    display: block;
    margin: 5px 0 10px 3px;
    width: 400px;
}

#rechercheCompagnieTheatre .submitForm {
    background: transparent url(../../../images/bg/form/btn_valider_crea_compte.png) no-repeat 0 0;
    border: none;
    height: 31px;
    width: 77px;
    float: right;
    position: relative;
    margin: 10px 10px 0 10px;
    font-weight: bold;
    font-size: 0.8em;
    cursor: pointer;
}

#rechercheCompagnieTheatre form {
    clear: both;
}

#rechercheCompagnieTheatre fieldset {
    border: none;
}

#rechercheCompagnieTheatre h2 {
    font-size: 1.2em;
    margin-left: 10px;
}

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

#rechercheCompagnieTheatre ul li {
    color: #656565;
    font-size: 0.86em;
    font-weight: bold;
}	

div.resultats div.compagnie, div.resultats div.spectacle {
    display: inline;
    float: left;
    width: 145px;
    height: 170px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 0.86em;
}

div.resultats div.compagnie strong a, div.resultats div.spectacle strong a {
    text-decoration: underline;
}

.resultats .vignette {
    height: 100px;
}


#compagnieTheatre .criteres {
    font-size: 0.86em;
}


div.resultats div.compagnie p, div.resultats div.spectacle p {
    margin: 3px;
}

div.resultats div.spacer, #ficheCompagnieSpectacle div.spacer {
    clear: both;
    height: 5px;
}

#ficheCompagnieTheatre, #ficheCompagnieSpectacle {
    font-size: 0.86em;
}

#ficheCompagnieTheatre h1, #ficheCompagnieSpectacle h1 {
    font-size: 1.7em;
}

#ficheCompagnieSpectacle .aide a {
    text-decoration: underline;
}

#ficheCompagnieSpectacle .aide img {
    margin: 3px;
}

#ficheCompagnieSpectacle .credits {
    margin-bottom: 15px;
}

#ficheCompagnieSpectacle .credits p {
    margin-top: 4px;
    margin-bottom: 4px;
}

#ficheCompagnieTheatre h2, #ficheCompagnieSpectacle h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2em;
    color: black;  
}

#ficheCompagnieTheatre p.genre {
    color: #7ca216;
    font-weight: bold;
}

#ficheCompagnieTheatre h3 img {
    margin-right: 3px;
}

#ficheCompagnieTheatre .illustration {
    margin-bottom: 30px;
}

#ficheCompagnieTheatre .illustration p {
    font-size: 1.2em;
}

#ficheCompagnieTheatre .diaporama .titre, #ficheCompagnieSpectacle .diaporama .titre {
    background: #384F68 url(../../../images/custom/fleche_diapo.png) no-repeat left center;
    height: 36px;
}

#ficheCompagnieTheatre .diaporama h1, #ficheCompagnieSpectacle .diaporama h1 {
    margin: 0;
    padding: 7px;
    padding-left: 15px;
    color: white;
    font-size: 1.5em;
    border-bottom: 2px solid white;
}

#ficheCompagnieTheatre .diaporama .nav, #ficheCompagnieSpectacle .diaporama .nav {
    position: absolute;
    z-index: 1000;
    margin: 0 0 0 232px;
    cursor: pointer;
}

#ficheCompagnieTheatre .diaporama .nav img, #ficheCompagnieSpectacle .diaporama .nav img {
    margin-left: -4px;
}

#ficheCompagnieTheatre .unspectacle .legende, #ficheCompagnieSpectacle .unephoto .legende {
    background: #384F68 url(../../../images/custom/fleche_diapo.png) no-repeat left 17px;
    border-top: 2px solid white;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

#ficheCompagnieSpectacle .unephoto .legende {
    height: 50px;    
}

#ficheCompagnieTheatre .unspectacle .legende h2, #ficheCompagnieSpectacle .unephoto .legende h2 {
    margin: 0;
    padding: 15px 7px 5px 15px;
    font-size: 1.3em;
    font-weight: bold;
}

#ficheCompagnieTheatre .unspectacle .legende p, #ficheCompagnieSpectacle .unephoto .legende p {
    margin: 0;
    padding: 3px 3px 0 15px;
    color: white;
}

#ficheCompagnieTheatre .unspectacle .photo, #ficheCompagnieTheatre .unspectacle .legende {
    width: 300px;
}

#ficheCompagnieTheatre .unspectacle .photo, #ficheCompagnieSpectacle .unephoto .photo {
    background-color: #384F68;
    text-align: center;
    width: 300px;
}

#ficheCompagnieSpectacle .unephoto .legende p {
    padding-top: 17px;
}


#ficheCompagnieTheatre .unspectacle .legende h2 a {
    color: white;
}

#ficheCompagnieTheatre .spectacles {
    margin: 0 !important;
}

#ficheCompagnieTheatre .spectacles_repertoire, #ficheCompagnieTheatre .diaporama {
    margin-top: 20px;
}


#ficheCompagnieTheatre .spectacles_repertoire, #ficheCompagnieTheatre .spectacles_precedents {
    border-top: 2px solid black;
}

#ficheCompagnieTheatre .spectacles_repertoire h1, #ficheCompagnieTheatre .spectacles_precedents h1 {
    font-size: 1.3em;
    margin-bottom: 25px;
}

#ficheCompagnieTheatre .spectacles_repertoire div, #ficheCompagnieTheatre .spectacles_precedents div {
    margin-top: 10px;
    padding: 0 2px;
    border-bottom: 1px solid #bcbcbc;
}

#ficheCompagnieTheatre .spectacles_repertoire p, #ficheCompagnieTheatre .spectacles_precedents p {
    line-height: 1.2em;
    margin-top: 5px;
    margin-bottom: 5px;
}

#ficheCompagnieTheatre .spectacles_repertoire div a, #ficheCompagnieTheatre .spectacles_precedents div a {
    font-weight: bold;
}

#ficheCompagnieTheatre .illustration {
    border-top: 2px solid black;
}

#ficheCompagnieTheatre .illustration p {
    margin-left: 15px;
}

#ficheCompagnieTheatre .retourRecherche a, #ficheCompagnieSpectacle .liencompagnie {
    text-decoration: underline;
    padding: 3px 0 3px 12px;
    background: transparent url(../../../images/bg/menu/bullet-green.png) no-repeat left;
}

#ficheCompagnieSpectacle .synopsis {
    background-color: #e7e8e8;
    padding: 2px 7px;
}

#ficheCompagnieSpectacle .compagnie {
    border-top: 2px solid black;
    color: white;
    background-color: #384F68;
    margin: 0 !important;
}

#ficheCompagnieSpectacle .compagnie table {
    margin-top: 5px 0 5px 0;
    border-collapse: collapse;
}


#ficheCompagnieSpectacle .compagnie td {
    padding: 0;
    vertical-align: top;
}

#ficheCompagnieSpectacle .compagnie p {
    margin-left: 12px;
}

#ficheCompagnieSpectacle .compagnie a.nomcompagnie {
    font-size: 1.2em;
    font-weight: bold;
    color: white;
}

#ficheCompagnieSpectacle #webtv {
    margin-top: 30px;
}