/*déclarations générales*/
/*toute balise*/
* {
margin:0;
padding:0;
}
/*toutes les images dans des liens*/
a img {
border:0;
}
/*toutes les images*/
img {
border:0;
}
body {
background: url(../img/fond_mur.jpg);
font-family: Arial Narrow, Arial, Verdana;
}
/*liens*/
a {
text-decoration:none;
color:#000000;
}

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

/*********/
/*en-tête*/
/*cadre général*/
#cadre_gen {
margin-left:auto;
margin-right:auto;
width:900px;
}
	/*en-tête*/
	#cadre_gen #entete {
height:140px;
	}
		/*menu général*/
		#cadre_gen #entete #menu_gen {
float:left;
position:relative;
width:450px;
height:140px;
		}
			/*logo*/
			.logo_opera {
margin-top:10px;
			}
			/*boutons*/
			.boutons_accueil {
margin-top:10px;
			}
		/*menu des spectacles*/
		#menu_spectacles {
float:right; height:140px;			
		}
			/*espacement des boutons de droite*/
			.menu_s_space {
margin-right:12px;
			}
			/*boutons*/
			.bouton_spectacle {
text-align:right;
			}

/*****************/		
/*cadre principal*/
#cadre_prin {
float:left;
width:100%;
}
	/****************/
	/*page d'accueil*/
   /*cadre de gauche*/
   #gauche_accueil {
float:left;
position:relative;
margin-left:5px;
margin-top:-10px;
width:347px;
height:467px;
background: url(../img/affiche.jpg) no-repeat;
            }

   #gauche_accueil H2.titre {
margin: 65px 20px 0px 20px;
font-size:11pt;
text-align:center;
color:#000000;
          }

   #gauche_accueil .texte_affiche {
margin: 65px 20px 0px 20px;
text-align:justify;
font-size:11pt;
color:#000000;
          }
   #gauche_accueil .texte_sstitre {
margin: 10px 20px 0px 20px;
text-align:justify;
font-size:11pt;
color:#000000;
          }

   #gauche_accueil .suite {
text-align:right;
margin: 8px 10px 0px 20px;
font-size:10pt;
font-weight:bold ;
          }

       /*cadre de droite*/
    #droite_accueil {
float:right;
position:relative;
margin: 60px 15px 0px 55px;
width:394px;
height:356px;
background: url(../img/cadre_accueil.jpg) no-repeat;
         }

               /*diaporama*/
               #droite_accueil .diaporama {
padding: 10px 0px 0px 10px;
             }


		  /****************/
              /*page d'actualités*/
              #affiche_actualite {
float:center;
position:relative;
margin-left:200px;
margin-top:10px;
width:515px;
height:679px;
background: url(../img/afficheactu.jpg) no-repeat;
             }

              #affiche_actualite H2.titre {
margin: 65px 20px 0px 20px;
font-size:13pt;
text-align:center;
color:#000000;
             }

              #affiche_actualite .texte_affiche {
margin: 20px 20px 0px 20px;
text-align:justify;
font-size:11pt;
color:#000000;
             }

              #affiche_actualite .texte_normal {
margin: 20px 20px 0px 20px;
text-align:justify;
font-size:11pt;
color:#000000;
             }

              #affiche_actualite A {
text-decoration:underline;
              }

 
	/*************/
	/*page agenda*/
	/*cadre des flèches*/
	#fleches_agenda {
float:left;
position:relative;
margin: 10px 0px 0px 10px;
height:400px;
width:12px;
	}
		/*flèche haut*/
		#fleches_agenda #fleche_h {
margin-top:0px;
height:380px;
		}
		/*flèche bas*/
		#fleches_agenda #fleche_b {
margin-bottom:0px;
		}
	/*zone de texte principal*/
	#texte_agenda {
float:left;
position:relative;
margin: 30px 0px 0px 25px;
height:360px;
width:820px;
	}
		/*année*/
		#texte_agenda h2.an {
font-size:16pt;
padding:0px;
		}
		/*mois*/
		#texte_agenda h3.mois {
font-weight:bold;
font-size:13pt;
line-height:15pt;
margin-bottom:5px;
		}
		/*texte normal*/
		#texte_agenda .texte {
font-size:11pt;
line-height:13pt;
margin:0px 5px 5px 0px;
font-weight:bold;
		}
		/*liens spectacle*/
		#texte_agenda a.spectacle {
color:#641e1e;
		}
		#texte_agenda a.spectacle:hover {
color:#641e1e;
text-decoration:underline;
		}
		/*liens lieu*/
		#texte_agenda a.lieu {
color:#000000;
		}
		#texte_agenda a.lieu:hover {
color:#000000;
text-decoration:underline;
		}
	/*zone des dates*/
	#dates_agenda {
float:right;
position:relative;
margin: 15px 15px 0px 0px;
	}
		/*zone des dates*/
		#dates_agenda .tournees {
display:inline;
margin-left:25px;
font-size:14pt;
font-weight:bold;
text-align:right;
		}

	/****************/
	/*page compagnie*/
	#gauche_compagnie {
float:left;
position:relative;
margin-top:70px;
margin-left:15px;
background: url(../img/cadre_accueil.jpg) no-repeat;
width:394px;
height:306px;
	}
		/*diaporama*/
		#gauche_compagnie .diaporama {
margin-top:10px;
margin-left:10px;
		}
		/*cadres des boutons d'infos sous diaporama*/
		#gauche_compagnie .infos {
margin-top:330px;
margin-left:45px;
width:360px;
height:60px;
		}

	/****************/
	/*page spectacle*/
	/*cadre de gauche*/
	#gauche_spectacle {
float:left;
position:relative;
margin-left:0px;
margin-top:0px;
width:452px;
height:407px;
	}
		/*diaporama*/
		#gauche_spectacle .diaporama {
width:452px;
height:407px;
		}
		/*cadres des boutons d'infos sous diaporama*/
		#gauche_spectacle .infos {
margin-top:0px;
margin-left:10px;
width:460px;
height:60px;
		}
		/*cadres des boutons d'infos sous diaporama EDD3*/
		#gauche_spectacle .infos_edd3 {
margin-top:0px;
margin-left:5px;
width:450px;
height:60px;
		}
	/*cadre de droite*/
	#droite_spectacle {
float:right;
position:relative;
margin-top:20px;
margin-right:5px;
width:392px;
height:427px;
	}
		/*cadre de texte*/
		#droite_spectacle #zone_texte {
margin: 0px 10px 0px 10px;
height:395px;
		}
			/*titre du spectacle*/
			#droite_spectacle #zone_texte h2.titre {
font-size:14pt;
line-height:14pt;
margin:10px 5px 10px 0px;
padding:0px;
text-align:center;
			}
			/*sous-titre*/
			#droite_spectacle #zone_texte .s_titre {
font-weight:bold;
font-size:11pt;
text-align:justify;
line-height:12pt;
margin:5px 5px 0px 0px;
			}
			/*sous-titre centré*/
            #droite_spectacle #zone_texte .s_titre_centre {
font-weight:bold;
font-size:11pt;
text-align:center;
line-height:12pt;
margin:5px 5px 0px 0px;
            }

			/*texte normal*/
			#droite_spectacle #zone_texte .texte {
font-size:11pt;
text-align:justify;
line-height:12pt;
margin:5px 5px 0px 0px;
			}
			/*texte en italique*/
			#droite_spectacle #zone_texte .texte_i {
font-size:11pt;
text-align:justify;
line-height:12pt;
margin:5px 5px 0px 0px;
font-style:italic;
			}
			/*texte en gras*/
			#droite_spectacle #zone_texte .texte_b {
font-size:11pt;
text-align:justify;
line-height:12pt;
margin:5px 5px 0px 0px;
font-weight:bold;
			}
			/*texte en bas*/
			#droite_spectacle #zone_texte .texte_bas {
font-size:11pt;
line-height:12pt;
margin:5px 5px 0px 0px;
			}
		/*cadre des flèches*/
		#droite_spectacle #zone_fleches {
margin: 0px 12px 0px 10px;
height:12px;
vertical-align:bottom;
		}
			/*flèche gauche*/
			#droite_spectacle #zone_fleches #fleche_g {
float:left;
position:relative;
display:inline;
			}
			/*flèche droite*/
			#droite_spectacle #zone_fleches #fleche_d {
float:right;
position:relative;
display:inline;
text-align:right;
			}
			/*compteur central*/
			#droite_spectacle #zone_fleches #compteur {
float:left;
position:relative;
display:inline;
text-align:center;
font-size:10pt;
line-height:11pt;
margin-left:160px;
			}

	/*page spectacle Entreprise de détournement*/
	/*titre*/
	H2.edd_titre {
margin:10px;
font-weight:bold;
color:#333333;
font-size:10pt;
text-align:center;
width:100%;
	}
	/*cadre de gauche en haut*/
	#edd01 {
float:left;
position:relative;
margin-top:10px;
width:200px;
	}
	/*cadre de droite en haut*/
	#edd02 {
float:right;
position:relative;
margin-top:10px;
width:200px;
	}
	/*cadre de gauche en bas*/
	#edd03 {
float:left;
position:relative;
margin-top:10px;
width:200px;
	}
	/*cadre de droite en bas*/
	#edd04 {
float:right;
position:relative;
margin-top:10px;
width:200px;
	}
			/*espace photo*/
			#edd_photo {
text-align:center;
			}
			/*espace texte*/
			#edd_texte {
margin-top:3px;
font-weight:bold;
font-size:10pt;
line-height:11pt;
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:15pt;
				}
				
	/***************/
	/*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;
			}

/******************/
/*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;
}