body

{	

	padding: 0px;

	margin: 0 0 0 0;

}



a {

  color: #000000;

  text-decoration: none;

}



a:hover {

  color: #cc3300;

  text-decoration: underline;

}



.menu

{

	width: 485px;

	height: 25px;

	top: 25px;

	left: 0px;

	position: absolute;

}



.rectangle-noir

{

	position: absolute;

	left: 485px;

	top: 0px;

}



.rectangle-jaune

{

	position: absolute;

	left: 681px;

	top: 50px;

}





.sous-menu

{

	width: 675px;

	height: 20px;

	top: 49px;

	left: 0px;

	position: absolute;

}



.boite

{

	float: left;

}



#spectacles

{

	visibility: hidden;

}

#activites

{

	visibility: hidden;

}

#pratique

{

	visibility: hidden;

}



#votre-prochain-rdv

{

	top: 111px;

	left: 0px;

	position: absolute;

}



#image-prochain-spectacle

{

	top: 161px;

	left: 0px;

	position: absolute;

}



#acceuil-bloc-droite

{

	top: 111px;

	left: 340px;

	width: 420px;

	position: absolute;

}



#texte-acceuil

{

	margin-left: 105px;

	padding-bottom: 15px;

	padding-top: 0px;

	width: 315px;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	text-align: justify;

	color: #333333;

}



#accueil-administration

{

	margin-left: 20px;

	top: 500px;

	position: absolute;

}



#lieux-administration

{

	margin-left: 20px;

	top: 500px;

	position: absolute;

}



#dossiers-pedagogiques-administration

{

	margin-left: 20px;

	top: 500px;

	position: absolute;

}



#les-spectacles

{

	margin-left: 105px;

}



#recherche

{

	margin-top: 12px;

	margin-left: 60px;

}

#billetterie-en-ligne
{
	
	margin-top: 650px;
	
	margin-left: 0px;
}

.intitules-form-recherche
{
	font-family:"Arial";
	font-size:12px;
	font-weight:bold;
	color:#DF0021;
	border: 0px;
}



select

{

	color: #123859;

	background-color: #FFFFFF;

	font-size: 11px;

	font-family: Arial;

	border: 1px solid;

	border-color: #2C587F;

}



#bloc_formauth

{

	position: absolute;

	left: 380px;

	top: 200px;

	width : 350px;

}



#activites-conteneur

{

	top: 116px;

	left: 0px;

	width: 760px;

	position: absolute;

}



.activites-administration

{

	margin-top: 100px;

	position: absolute;

}



#activites-texte-chapeau

{

	margin-left: 38px;

	padding-bottom: 15px;

	padding-top: 0px;

	width: 722px;

	font-family: arial;

	font-size: 12px;

	text-align: justify;

	color: #333333;

}



#activites-les-activites

{

	margin-left: 0px;

}



.activites-4-colonnes

{

	margin-left:20px !important; /* le !important signifie que seuls Mozilla, Safari, Opera etc... tiendront compte de cette ligne */

	margin-left:10px; /* cette ligne sera donc destiné uniquement à IE, note que la valeur du margin ici est divisé par 2 car IE double toujours les valeurs des margin left/right lorsqu'un élément flotte à gauche/droite */ 

	margin-top: 10px;

	width: 167px;

	float: left;

}



.activites-4-colonnes-titre

{

	font-family: arial;

	font-size: 12px;

	font-weight: bold;

	text-align: left;

	text-align: justify;

	color: #333333;

}



.activites-4-colonnes-texte

{

	font-family: arial;

	font-size: 11px;

	text-align: left;

	text-align: justify;

	color: #333333;

}



#photos-spectacles-image

{

	top: 101px;

	left: 30px;

	position: absolute;

}



#photos-spectacles-bloc-droite

{

	top: 116px;

	left: 400px;

	width: 350px;

	position: absolute;

}

#photos-spectacles-titre

{

	margin-left: 30px;

}



#dossiers-pedagogiques-image

{

	top: 101px;

	left: 10px;

	position: absolute;

}



#dossiers-pedagogiques-bloc-droite

{

	top: 116px;

	left: 380px;

	width: 380px;

	position: absolute;

}



#dossiers-pedagogiques-recherche

{

	margin-top: 10px;

	margin-left: 109px;

}



#dossiers-pedagogiques-titre

{

	margin-left: 0px;

}













#autour-des-spectacles-conteneur

{

	top: 131px;

	left: 0px;

	width: 760px;

	position: absolute;

}



#autour-des-spectacles-texte-chapeau

{

	margin-top: 0px;

	margin-bottom: 27px;

	margin-left: 16px;

	width: 728px;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	text-align: justify;

	color: #333333;

}



.autour-des-spectacles-bloc

{

	margin-top: 0px;

	margin-bottom: 100px;

	margin-left: 0px;

	width: 770px;

}



.autour-des-spectacles-colonne-gauche

{

	width: 300px;

	float: left;

}



.autour-des-spectacles-titre-image

{

	text-align: center;

	font-family: arial;

	font-style: italic;

	font-size: 12px;

	color: #333333;

}



.autour-des-spectacles-colonne-droite

{

	width: 460px;

	float: left;

}



.autour-des-spectacles-contenu-colonne-droite

{

	margin-top: 15px;

	margin-left: 11px;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	text-align: justify;

	color: #333333;

}







#tarifs-conteneur

{

	top: 131px;

	left: 0px;

	width: 760px;

	position: absolute;

}



#tarifs-texte-chapeau

{

	margin-top: 0px;

	margin-bottom: 27px;

	margin-left: 16px;

	width: 728px;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	text-align: justify;

	color: #333333;

}



#tarifs-tarifs-et-reza

{

	margin-left: 0px;

	margin-bottom: 15px;

}



.tarifs-table

{

	font-size:100%;

	border-collapse: collapse;

	margin-left: 30px;

	font-family: arial;

	font-size: 12px;

	color: #333333;

}



.tarifs-td

{

	border-style: solid;

	border-width: 1px;

	border-color: black;

	padding-top: 2px;

	padding-bottom: 2px;

	padding-left: 5px;

	padding-right: 5px;

}









.tarifs-titre-bloc

{	

	font-family: arial;

	font-size: 12px;

	text-align: left;

	background: #DF0021;

	color: white;

	font-weight: bold;

}



.tarifs-bloc

{

	margin-top: 0px;

	margin-bottom: 40px;

	margin-left: 8px;

}



.tarifs-contenu

{

	font-family: arial;

	font-size: 12px;

	color: #333333;

	text-align: justify;

}





#conseils-sorties-conteneur

{

	top: 121px;

	left: 0px;

	width: 1160px;

	position: absolute;

}



#conseils-sorties-texte-chapeau

{

	margin-top: 0px;

	margin-bottom: 27px;

	margin-left: 16px;

	width: 728px;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	text-align: justify;

	color: #333333;

}



.conseils-sorties-bloc

{

	margin-top: 0px;

	margin-bottom: 100px;

	margin-left: 0px;

	width: 1160px;

}



.conseils-sorties-colonne-gauche

{

	width: 340px;

	float: left;

}



.conseils-sorties-titre-image

{

	text-align: center;

	font-family: arial;

	font-style: italic;

	font-size: 12px;

	color: #333333;

}



.conseils-sorties-colonne-droite

{

	width: 820px;

	float: left;

}



.conseils-sorties-contenu-colonne-droite

{

	margin-top: 15px;

	margin-left: 11px;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	text-align: justify;

	color: #333333;

	width: 420px;

}











#coproductions-residences-conteneur

{

	top: 101px;

	left: 0px;

	width: 760px;

	position: absolute;

}



#coproductions-texte-chapeau

{

	margin-left: 16px;

	margin-top: 25px;

	margin-bottom: 27px;

	padding-bottom: 0px;

	padding-top: 0px;

	width: 722px;

	font-family: arial;

	font-size: 12px;

	text-align: justify;

	color: #333333;

}



#coproductions-texte-chapeau2

{

	margin-left: 16px;

	margin-top: 70px;

	margin-bottom: 27px;

	padding-bottom: 0px;

	padding-top: 0px;

	width: 722px;

	font-family: arial;

	font-size: 12px;

	text-align: justify;

	color: #333333;

}



#coproductions-coproductions

{

	margin-left: 0px;

	margin-bottom: 15px;

}



.coproductions-bloc

{

	margin-top: 0px;

	margin-bottom: 19px;

	margin-left: 0px;

	width: 760px;

}



.coproductions-colonne-gauche

{

	width: 271px;

	float: left;

}



.coproductions-titre-image

{

	margin-top: 3px;

	text-align: center;

	font-family: arial;

	font-style: italic;

	font-size: 11px;

	color: #333333;

}



.coproductions-colonne-droite

{

	width: 489px;

	float: left;

}



.coproductions-titre-colonne-droite

{

	margin-left: 5px;

	font-weight:bold;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	text-align: justify;

	color: #333333;

}



.coproductions-contenu-colonne-droite

{

	margin-left: 5px;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	text-align: justify;

	color: #333333;

}











#residences-residences

{

	margin-top: 30px;

	margin-left: 0px;

	margin-bottom: 15px;

}



.residences-bloc

{

	margin-top: 0px;

	margin-bottom: 100px;

	margin-left: 0px;

	width: 760px;

}



.residences-colonne-gauche

{

	width: 271px;

	float: left;

}



.residences-titre-image

{

	text-align: center;

	font-family: arial;

	font-style: italic;

	font-size: 12px;

	color: #333333;

}



.residences-colonne-droite

{

	width: 489px;

	float: left;

}



.residences-contenu-colonne-droite

{

	margin-left: 5px;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	text-align: justify;

	color: #333333;

}

















#lieux-image

{

	top: 101px;

	left: 0px;

	position: absolute;

}



#lieux-bloc-droite

{

	top: 116px;

	left: 340px;

	width: 420px;

	position: absolute;

}



#lieux-theatres

{

	margin-top: 0px;

	margin-left: 0px;

	position: absolute;

	width: 420px;

}



.lieux-colonne

{

	float: left;

	width: 33%;

	margin: 1em 0;

	text-align: center;

}



.lieux-nom-du-lieu

{

	height: 40px;

	font-size: 12px;

	color: #333333;

	font-weight: bold;

	font-family: arial;

}



.lieux-plans-fiches

{

	height: 60px;

	font-size: 12px;

	color: #DF0021;

	font-weight: bold;

	font-family: arial;

}



.lieux-vignette

{

	height: 120px;

}



#lieux-titre

{

	margin-left: 0px;

}



#lieux-texte-acceuil

{

	margin-left: 65px;

	margin-bottom: 10px;

	padding-top: 0px;

	width: 355px;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	text-align: justify;

	color: #333333;

}













#liens-conteneur

{

	top: 100px;

	left: 0px;

	width: 760px;

	position: absolute;

}



#liens-texte-chapeau

{

	margin-left: 38px;

	margin-top: 25px;

	margin-bottom: 30px;

	width: 690px;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	text-align: justify;

	color: #333333;

}



.liens-administration

{

	margin-top: 50px;

}



.liens-titre-1

{

	margin-left: 5px;

	margin-bottom: 10px;

	width: 172px;

	float: left;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	color: #DF0021;

	font-weight: bold;

}



.liens-colonne-1

{

	margin-left: 5px;

	width: 172px;

	float: left;

	text-align: left;

	font-family: arial;

	font-size: 12px;

	color: #333333;

}





.liens-titre-2

{

	margin-left: 50px;

	margin-bottom: 10px;

	width: 172px;

	float: left;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	color: #DF0021;

	font-weight: bold;

}



.liens-colonne-2

{

	margin-left: 30px;

	padding-left: 20px;

	margin-top: 0px;

	width: 172px;

	float: left;

	text-align: left;

	font-family: arial;

	font-size: 12px;

	color: #333333;

	border-left: 1px solid #8F8F30;

}

.liens-titre-3

{

	margin-left: 50px;

	margin-bottom: 10px;

	width: 172px;

	float: left;

	font-family: arial;

	font-size: 12px;

	text-align: left;

	color: #DF0021;

	font-weight: bold;

}



.liens-colonne-3

{

	margin-left: 30px;

	padding-left: 20px;

	margin-top: 0px;

	width: 172px;

	float: left;

	text-align: left;

	font-family: arial;

	font-size: 12px;

	color: #333333;

	border-left: 1px solid #8F8F30;

}

















#spectacles-conteneur

{

	top: 116px;

	left: 20px;

	width: 760px;

	position: absolute;

}



.spectacles-titre

{

	text-align: left;

	font-family: arial;

	font-size: 17px;

	font-weight: bold;

	color: #000000;

}



.spectacles-genre

{

	font-family: arial;

	font-size:13px;

	font-weight:bold;

	color: #FFFFFF;

	background: black;

	text-align: center;

}



.spectacles-representations-date

{

	font-family: arial;

	font-size:13px;

	font-weight:bold;

	color: #000000;

}



.spectacles-representations-lieu

{

	font-family: arial;

	font-size:12px;

}



.spectacles-representations-intercalaire

{

	font-family: arial;

	font-size:8px;

	

}













#detail-spectacles-conteneur

{

	top: 126px;

	left: 0px;

	width: 760px;

	position: absolute;

}



.detail-spectacles-genre

{

	margin-top: 0px;

	margin-bottom: 16px;

	margin-left: 10px;

	width: 400px;

	color:#DF0021;

	font-family: arial;

	font-size: 16px;

}



.detail-spectacles-titre

{

	height: 20px;

	margin-top: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	width: 755px;

	text-align: right;

	color: #000000;

	font-family: arial;

	font-size: 17px;

	font-weight:bold;

}



.detail-spectacles-bloc

{

	margin-top: 0px;

	margin-bottom: 100px;

	margin-left: 0px;

	width: 760px;

}



.detail-spectacles-colonne-gauche

{

	width: 340px;

	float: left;

}



.detail-spectacles-titre-image

{

	text-align: center;

	font-family: arial;

	font-style: italic;

	font-size: 12px;

	color: #333333;

}



.detail-spectacles-colonne-droite

{

	width: 420px;

	float: left;

	border-top: 1px solid black;

}



.detail-spectacles-desc-colonne-gauche

{

	margin-left: 5px;

	margin-top: 10px;

	width: 190px;

	float: left;

	text-align: justify;

	font-family: arial;

	font-size: 13px;

	color: #333333;

}

.detail-spectacles-desc-colonne-droite

{

	margin-left: 20px;

	margin-top: 10px;

	width: 190px;

	float: left;

	text-align: justify;

	font-family: arial;

	font-size: 13px;

	color: #333333;

}















#contacts-conteneur

{

	top: 100px;

	left: 0px;

	width: 760px;

	position: absolute;

}



.contacts-administration

{

	margin-top: 50px;

}



.contacts-bloc

{

	margin-top: 0px;

	margin-bottom: 100px;

	width: 760px;

}



.contacts-colonne-1

{

	margin-left: 30px;

	width: 350px;

	float: left;

	text-align: justify;

	font-family: arial;

	font-size: 12px;

	color: #333333;

}



.contacts-colonne-2

{

	width: 350px;

	float: left;

	text-align: justify;

	font-family: arial;

	font-size: 12px;

	color: #333333;

}