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: 0px;
}

#recherche
{
	margin-top: 12px;
	margin-left: 60px;
}
#billetterie-en-ligne
{
	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: 345px;
	float: left;
	font-family: arial;
	font-size: 12px;
	text-align: left;
	color: #DF0021;
	font-weight: bold;
}

.liens-colonne-1
{
	margin-left: 5px;
	width: 345px;
	float: left;
	text-align: justify;
	font-family: arial;
	font-size: 12px;
	color: #333333;
}


.liens-titre-2
{
	margin-left: 50px;
	margin-bottom: 10px;
	width: 300px;
	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: 320px;
	float: left;
	text-align: justify;
	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;
}