/**********************************************************************/
/*déclarations générales*/
/*toute balise*/
html {
background: url(../img/fond_mur.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
background-color:#d7dbde;
     overflow: auto; 
}
body {
font-family: Arial Narrow, Arial, Verdana;
margin-left:0px;
}
* {
margin:0;
padding:0;
}
/*toutes les images dans des liens*/
a img {
border:0;
}
/*toutes les images*/
img {
border:0;
}
/*liens*/
a {
text-decoration:none;
color:#000000;
}
a:hover {
text-decoration:underline;
color:#000000;
}
p {
text-align:justify;
font-size:100%;
}

/*Barre de défilement*/
/*mise en forme générale remplacée dans chaque page*/
#scroll-pane { 
float:left;
overflow: auto;
width:540px;
height:420px;
position:relative;
display:inline
}
#scroll-content {
position:absolute;
top:0;
left:0;
}
#slider-wrap{
float:left;
background-color:#666;
width:15px;
margin-left:5px;
border:1px solid gray;
border-left:none;
}
#slider-vertical{
position:relative;
height:100%
}
.ui-slider-handle{
width:15px;
height:10px;
margin:0 auto;
background-color:darkgray;
display:block;
position:absolute
}

/**********************************************************************/
/**********************************************************************/
/*page index*/
/*cadre de la photo*/
#cadre_gen_index {
margin-left:auto;
margin-right:auto;
margin-top:40px;
width:688px;
height:494px;
background: url(../img/entree.png) no-repeat;
}
	/*cadre photo*/
	#cadre_gen_index #bouton {
position:fixed;
margin-left:314px;
margin-top:249px;
width:63px;
height:130px;
z-index:1;
	}

/**********************************************************************************************************/
/**********************************************************************************************************/
/*en-tête*/
/*cadre général*/
#cadre_gen {
margin-left:auto;
margin-right:auto;
width:1100px;
height:100%;
}
	/*en-tête*/
	#cadre_gen #entete {
height:180px;
padding-left:15px;
padding-right:15px;
	}
		/*menu général*/
		#cadre_gen #entete #menu_gen {
float:left;
position:relative;
width:550px;
height:180px;
		}
			/*logo*/
			.logo_opera {
margin-top:10px;
			}
			/*boutons*/
			.boutons_accueil {
margin-top:10px;
			}
			/*informations du prochain spectacle*/
			#cadre_gen #entete #menu_gen #date_avenir {
font-weight:bold;
font-style:italic;
color:#666;
font-size:90%;
margin-top:15px;
			}
			/*lien informations du prochain spectacle*/
			a.date_avenir_lien {
font-weight:bold;
font-style:italic;
color:#666;
			}
			
		/*menu des spectacles*/
		#menu_spectacles {
float:right;
width:500px;
font-size:110%;
font-weight:bold;
margin-top:5px;
margin-bottom:15px;
		}
			/*cadre pour Spectacles Hors les Murs*/
			#menu_spectacles #spectacles_hlm {
float:left;
position:relative;
width:245px;
			}
			/*cadre pour Interventions*/
			#menu_spectacles #spectacles_inter {
float:right;
position:relative;
width:245px;
			}
			/*cadre pour Jeunes Publics*/
			#menu_spectacles #spectacles_jp {
float:left;
position:relative;
width:245px;
			}
			/*cadre pour Inclassables*/
			#menu_spectacles #spectacles_incl {
float:right;
position:relative;
width:245px;
			}
			/*titre du groupe de spectacles*/
			div.titre_spectacles {
margin: 10px 0px 0px 0px;
			}
				/*lien inclassables*/
				A.inclassables {
font-family:Arial;
font-weight:bold;
color:#000000;
font-size:90%;
				}
			/*liste des spectacles du groupe*/
			div.menu_liste_spectacles {

			}

			/*liens*/
			.menu_liste_spectacles a:link {
font-family:Arial;
font-weight:bold;
color:#9f0000;
			}
			/*liens*/
/*			a:link {
font-weight:bold;
color:#684f4f;
			}
			a:visited {
font-weight:bold;
color:#684f4f;
			}
			a:hover {
font-weight:bold;
color:#625f30;
			}
			a:active {
font-weight:bold;
color:#000000;
			}*/

/**********************************************************************/
/*cadre principal*/
#cadre_prin {
float:left;
width:1100px;
height:550px;
margin-left:-20px;
}
	/**********************************************************************************************************/
	/*page d'accueil*/
	/**********************************************************************************************************/
	/*cadre de gauche*/
	#gauche_accueil {
float:left;
position:relative;
height:500px;
	}
		#gauche_accueil H2.titre_accueil {
margin: 0px 20px 20px 20px;
font-size:140%;
text-align:center;
color:#000000;
line-height:120%;
		}
		#gauche_accueil #scroll-content {
position:absolute;
top:0;
left:0;
padding-right:3px;
		}
		#gauche_accueil #scroll-content P {
color:#000000;
font-size:110%;
line-height:130%;
text-align:justify;
		}

	/*cadre de droite*/
	#droite_accueil {
float:right;
position:relative;
width:520px;
height:480px;
	}
		/*diaporama*/
		#droite_accueil #diaporama {
width:520px;
height:346px;
margin: 48px 0px 0px 0px;
		}

	/**********************************************************************************************************/
	/*page contact*/
	/**********************************************************************************************************/
	/*newsletter*/
		#newsletter {
margin: 15px 0px 0px 15px;
width:300px;
		}
			/*titre*/
			#newsletter .titre {
font-style:italic;
margin-bottom:5px;
			}
			/*cadre*/
			#newsletter fieldset {
padding:5px;
			}
			/*titre*/
			#newsletter legend {
font-style:italic;
font-weight:bold;
font-size:90%;
color:#a5131c;
			}
			/*ligne formulaire*/
			#newsletter div.input_news {
float:left;
position:relative;
width:205px;
			}
			/*formulaire*/
			#newsletter input {
font-size:80%;
background-color:#ffffff;
text-align:center;
border: 1px solid #000000;
margin: 5px 0 5px 10px;
			}
			/*submit*/
			#newsletter div.envoi {
float:right;
position:relative;
font-size:90%;
color:#333333;
width:70px;
height:50px;
margin-top:10px;
			}
			#newsletter input[type=submit], input[type=reset] {
border: 2px solid #999999;
background-color:#cccccc;
cursor:pointer;
padding: 0 5px 0 5px;
			}
			#newsletter input[type=submit]:hover, input[type=reset]:hover {
border:2px outset white;
background-color:white;
			}
			#newsletter input[type=submit]:active, input[type=reset]:active {
border:2px inset #A6BEDE;
background-color:#A6BEDE;
color:black;
 			} 

	/**********************************************************************************************************/
	/*page agenda*/
	/**********************************************************************************************************/
	/*titre de l'agenda*/
	h1.titre_agenda {
font-size:150%;
line-height:150%;
margin-bottom:15px;
margin-left:50px;
padding:0px;
color:#a5131c;
font-weight:bold;
	}
	/*zone de texte principal*/
	#texte_agenda {
float:left;
position:relative;
margin: 0px 0px 0px 10px;
height:420px;
width:100%;
	}
/*Barre de défilement*/
	#texte_agenda #scroll-pane { 
width:1070px;
	}

		/*année*/
		#texte_agenda h2.an {
font-size:140%;
line-height:160%;
padding:0px;
		}
		/*mois*/
		#texte_agenda h3.mois {
font-weight:bold;
font-size:130%;
line-height:130%;
margin-bottom:5px;
		}
		/*texte normal*/
		#texte_agenda .texte {
font-size:110%;
line-height:115%;
margin:0px 5px 5px 0px;
		}
		/*liens spectacle*/
		#texte_agenda a.spectacle {
color:#641e1e;
		}
		#texte_agenda a.spectacle:hover {
color:#641e1e;
text-decoration:underline;
		}
		/*liens résidences*/
		#texte_agenda a.residence {
color:#000000;
		}
		#texte_agenda a.residence:hover {
color:#000000;
text-decoration:underline;
		}
		/*liens lieu*/
		#texte_agenda a.lieu {
color:#000000;
		}
		#texte_agenda a.lieu:hover {
color:#000000;
text-decoration:underline;
		}
		/*date la plus proche*/
		#texte_agenda .date_actuelle {
background-color:#DBA090;
		}

	/*zone de recherche*/
	#recherche_agenda {
float:right;
position:relative;
margin: -20px 10px 0px 0px;
padding:2px;
width:250px;
	}
		/*titre de recherche*/
		#recherche_agenda .titre_recherche {
font-size:110%;
font-weight:bold;
text-align:center;
margin-bottom:5px;
		}
		/*texte de recherche*/
		#recherche_agenda .texte_recherche {
font-size:95%;
text-align:left;
		}
			/*liens des spectacles*/
			#recherche_agenda a.lien_recherche:hover {
cursor:pointer;
			}

/*zone des dates*/
	#dates_agenda {
float:right;
position:relative;
margin: 15px 15px 0px 0px;
	}
		/*zone des dates*/
		#dates_agenda .tournees {
display:inline;
margin-left:20px;
font-size:110%;
font-weight:bold;
text-align:right;
		}
			/*liens des dates*/
			#dates_agenda a.lien_agenda:hover {
cursor:pointer;
			}

	/**********************************************************************************************************/
	/*page compagnie*/
	/**********************************************************************************************************/
	#gauche_compagnie {
float:left;
position:relative;
	}
		/*titre de la page*/
		#gauche_compagnie H2.titre_comp {
color:#a5131c;
font-weight:bold;
margin: 0px 20px 20px 20px;
font-size:140%;
text-align:center;
line-height:120%;
		}
		/*cadre de texte*/
		#gauche_compagnie #scroll-content {
padding: 3px 3px 3px 0px;
		}
			/*texte normal*/
			#gauche_compagnie #scroll-content P {
font-size:100%;
line-height:110%;
text-align:justify;
			}

	/*cadre de droite*/
	#droite_compagnie {
float:right;
position:relative;
width:520px;
height:480px;
	}
		/*diaporama*/
		#droite_compagnie .diaporama {
width:520px;
height:346px;
margin: 48px 0px 0px 0px;
		}

		/*bas de page*/
		#basdepage_compagnie {
margin-top:20px;
width:700px;
height:40px;
		}
			/*liens*/
			#basdepage_compagnie a:link {
margin-left:30px;
font-weight:bold;
color:#a5131c;
			}
			#basdepage_compagnie a:visited {
font-weight:bold;
color:#a5131c;
			}
			#basdepage_compagnie a:hover {
font-weight:bold;
color:#a5131c;
text-decoration:underline;
			}
			#basdepage_compagnie a:active {
font-weight:bold;
color:#a5131c;
			}

	/**********************************************************************************************************/
	/*pages spectacles*/
	/**********************************************************************************************************/
	/*cadre de gauche*/
	#gauche_spectacle {
float:left;
position:relative;
width:600px;
	}
		/*titre du spectacle*/
		#gauche_spectacle h2.titre_spect {
font-size:140%;
line-height:150%;
margin-bottom:15px;
padding:0px;
text-align:center;
color:#a5131c;
font-weight:bold;
		}
		/*cadre de texte*/
		#gauche_spectacle #scroll-content {
		}
			/*sous-titre*/
			#gauche_spectacle #scroll-content .s_titre {
font-weight:bold;
font-size:110%;
line-height:120%;
text-align:center;
			}
			/*sous-titre centré*/
            #gauche_spectacle #scroll-content .s_titre_centre {
font-weight:bold;
font-size:100%;
line-height:110%;
text-align:center;
            }
			/*texte normal*/
			#gauche_spectacle #scroll-content .texte {
font-size:100%;
line-height:110%;
text-align:justify;
			}
			/*texte en italique*/
			#gauche_spectacle #scroll-content .texte_i {
font-size:100%;
line-height:110%;
text-align:justify;
margin:5px 5px 0px 0px;
font-style:italic;
			}
			/*texte en gras*/
			#gauche_spectacle #scroll-content .texte_b {
font-size:100%;
line-height:110%;
text-align:justify;
margin:5px 5px 0px 0px;
font-weight:bold;
			}
			/*texte en bas*/
			#gauche_spectacle #scroll-content .texte_bas {
font-size:100%;
line-height:110%;
margin:5px 5px 0px 0px;
			}

	/*cadre de droite*/
	#droite_spectacle {
float:right;
position:relative;
margin-top:50px;
width:480px;
height:400px;
	}
		/*diaporama*/
		#droite_spectacle .diaporama {
width:452px;
height:407px;
		}
			
		/*bas de page*/
		#basdepage_spectacle {
margin-top:20px;
margin-left:-10px;
width:580px;
height:40px;
		}
			/*liens*/
			#basdepage_spectacle a:link {
margin-left:20px;
font-weight:bold;
color:#a5131c;
			}
			#basdepage_spectacle a:visited {
font-weight:bold;
color:#a5131c;
			}
			#basdepage_spectacle a:hover {
font-weight:bold;
color:#a5131c;
text-decoration:underline;
			}
			#basdepage_spectacle a:active {
font-weight:bold;
color:#a5131c;
			}

	/**********************************************************************************************************/
	/*page générale du spectacle Entreprise de détournement*/
	/**********************************************************************************************************/
	/*cadre de gauche*/
	#gauche_edd {
float:left;
position:relative;
width:600px;
	}
		/*titre*/
		#gauche_edd h2.titre_edd {
font-size:140%;
line-height:150%;
margin-bottom:15px;
padding:0px;
text-align:center;
color:#a5131c;
font-weight:bold;
		}
		#gauche_edd p.ss_titre_edd {
font-size:110%;
font-weight:bold;
text-align:center;
margin-bottom:10px;
		}
		/*cadre de texte*/
		#gauche_edd #zone_texte {
margin: 0px 10px 0px 0px;
height:400px;
overflow:auto;
padding: 3px 3px 3px 0px;
		}
			/*texte normal*/
			#gauche_edd #scroll-pane #scroll-content .texte {
font-size:100%;
line-height:110%;
text-align:justify;
margin:5px 0px 5px 0px;
			}
			/*texte en gras*/
			#gauche_edd #scroll-pane #scroll-content .texte_b {
font-size:100%;
line-height:110%;
text-align:justify;
margin:5px 0px 5px 0px;
font-weight:bold;
			}

	/*cadre de droite*/
	#droite_edd {
float:right;
position:relative;
margin-top:20px;
width:480px;
height:400px;
	}
		/*cadre de gauche en haut*/
		#droite_edd #edd01 {
float:left;
position:relative;
margin-top:10px;
width:235px;
		}
		/*cadre de droite en haut*/
		#droite_edd #edd02 {
float:right;
position:relative;
margin-top:10px;
width:235px;
		}
		/*cadre de gauche en bas*/
		#droite_edd #edd03 {
float:left;
position:relative;
margin-top:10px;
width:235px;
		}
		/*cadre de droite en bas*/
		#droite_edd #edd04 {
float:right;
position:relative;
margin-top:10px;
width:235px;
		}
			/*espace photo*/
			div.edd_photo {
text-align:center;
			}
			/*espace texte*/
			div.edd_texte {
margin-top:3px;
font-weight:bold;
font-size:90%;
line-height:100%;
text-align:center;
			}
			div.edd_texte2 {
margin-top:15px;
font-weight:bold;
font-size:90%;
line-height:100%;
text-align:center;
			}

	/**********************************************************************************************************/
	/*page générale des inclassables*/
	/**********************************************************************************************************/
	/*cadre de droite*/
	#droite_incl {
float:right;
position:relative;
margin-top:20px;
width:480px;
height:400px;
	}
		/*cadre de gauche en haut*/
		#droite_incl #incl01 {
float:left;
position:relative;
margin-top:25px;
width:235px;
		}
		/*cadre de droite en haut*/
		#droite_incl #incl02 {
float:right;
position:relative;
margin-top:25px;
width:235px;
height:170px;
		}
		/*cadre de gauche en bas*/
		#droite_incl #incl03 {
float:left;
position:relative;
margin-top:30px;
width:235px;
		}
		/*cadre de droite en bas*/
		#droite_incl #incl04 {
float:right;
position:relative;
margin-top:30px;
width:235px;
		}
			/*espace photo*/
			div.incl_photo {
text-align:center;
			}
			/*espace texte*/
			div.incl_texte {
margin-top:5px;
font-weight:bold;
font-size:90%;
line-height:100%;
text-align:center;
			}
	
	/**********************************************************************/
	/*Autres spectacles*/
	/*cadre du haut*/
	#autre_haut {
margin-top:20px;
padding-left:5%;
width:100%;
	}
	#autre_bas {
margin-top:50px;
padding-left:10%;
width:100%;
	}
		/*espace photo*/
		#autre_photo {
float:left;
position:relative;
		}
		/*espace texte*/
		#autre_texte {
float:left;
position:relative;
margin-left:10px;
font-weight:bold;
		}
			/*titre*/
			#autre_texte .titre {
font-size:110%;
			}
				
	/**********************************************************************/
	/*page de liens*/
	/*cadre de gauche*/
	#liens_g {
float:left;
position:relative;
margin-left:0px;
margin-top:10px;
height:420px;
width:255px;
	}

	/*cadre du centre*/
	#liens_c {
float:left;
position:relative;
margin-left:15px;
margin-top:10px;
height:420px;
width:360px;
	}

	/*cadre de droite*/
	#liens_d {
float:left;
position:relative;
margin-left:15px;
margin-top:10px;
height:420px;
width:250px;
	}
		/*cadre de chaque lien*/
		.lien {
margin-bottom:25px;
		}
			/*logo*/
			.lien .image {
display:inline;
float:left;
position:relative;
margin-bottom:15px;
			}
			/*texte du logo*/
			.lien .texte {
display:inline;
float:right;
position:relative;
right:0px;
top:0px;
			}
			/*logo large*/
			.lien .image2 {
text-align:center;
margin-bottom:5px;
			}
			/*texte du logo*/
			.lien .texte2 {
text-align:center;
			}

/**********************************************************************/
/**********************************************************************/
	/*pages d'administration*/
	/*styles propres à tinymce*/
	body.mceContentBody {
background: #FFF;
font-size:100%;
margin:0px;
padding:2px;
height:100%;
	}
	.mceContentBody a {
color: red !important; /* FF requires a important here */
	}

	/*cadre de connexion*/
	#cadre_connexion {

	}

	/*images affichées en liste*/
	DIV .img_liste {
margin-bottom:15px;
width:100%;
border: 1px dotted #000000;
padding:3px;
	}
	/*images affichées en liste*/
	DIV .img_espace {
float:right;
margin-right:150px;
margin-top:5px;
	}

	/*image réduite*/
	.img_reduite {
max-height:90px;
	}

	/*titre principal*/
	h1.titre_admin {
font-weight:bold;
font-size:130%;
margin-bottom:10px;
background-color:#dd9966;
text-align:center;
	}
	/*titre de la page*/
	h2.titre_page {
color:#a5131c;
font-weight:bold;
font-size:120%;
margin-bottom:15px;
margin-left:50px;
	}

	/*cadre de gauche*/
	#gauche_admin {
float:left;
position:relative;
height:600px;
width:800px;
	}
		/*texte*/
		#gauche_admin P {
padding: 0px 5px 0px 5px;
font-size:90%;
line-height:100%;
		}
		/*formulaire*/
		.bo_formulaire {
margin-bottom:20px;
		}
		/*formulaire*/
		.form_titre {
margin: 15px 0px 10px 30px;
font-size:110%;
		}
		/*textarea*/
		.bo_textarea {
		}
		/*bouton d'envoi*/
		.envoi {
margin-top:10px;
		}
		/*Titre des éléments*/
		DIV.telem {
font-weight:bold;
font-size:95%;
margin-bottom:3px;
margin-left:10px;
		}
		/*éléments du formulaire*/
		DIV.elem {
margin-bottom:5px;
		}

	/*cadre de droite*/
	#droite_admin {
float:right;
position:relative;
width:240px;
padding:5px;
	}
		/*titre du menu*/
		#droite_admin h2.menu_titre {
text-align:center;
font-weight:bold;
font-size:110%;
margin-bottom:10px;
		}
		/*sous-titre du menu*/
		#droite_admin p.sous_menu {
font-size:90%;
text-align:center;
font-style:italic;
		}
		/*texte du menu*/
		#droite_admin p.admin_menu {
font-size:95%;
text-align:left;
		}
		#droite_admin a {
color:#992222;
		}

/**********************************************************************/
/**********************************************************************/
/*balises diverses*/
.gras {
font-weight:bold;
}
A.comp {
font-weight:bold;
}
A:hover.comp {
font-weight:bold;
text-decoration:underline;
}
A.simple {
}
A:hover.simple {
text-decoration:underline;
}
.noir {
color:black;
}