.borderTmp { border:1px solid #FF0000; background-color:#550000; }

	body { background-color:#000000; margin:0px; padding:0px; height:100%; }

	#page { margin:0 auto; position:relative; min-height: 100%; height:auto; height:100%; font-family:Arial, Helvetica, sans-serif; background-color:#e4ecec; position:absolute; left:50%; width:900px; margin-left:-450px; }
	
	/* Navigation */
	#navigation { background-color:#21545e; width:900px; height:262px; font-size:12px;  }

	#affiche a { display:block; width:95px; height:46px; background:url(../images/menuAffiche.gif) no-repeat 0 0; text-decoration:none; }
	#affiche a:hover { width:95px; height:46px; background:url(../images/menuAffiche.gif) no-repeat 0 -46px; text-decoration:none; }
	#afficheIn a { display:block; width:95px; height:46px; background:url(../images/menuAffiche.gif) no-repeat 0 -46px; text-decoration:none; }
	#afficheTetiere { background-image:url(../images/afficheTetiere.jpg); }
	#affichePoints { background:url(../images/affichePoints.gif) bottom left no-repeat; }

	
    #europeen a { display:block; width:92px; height:46px; background:url(../images/menuEuropeen.gif) no-repeat 0 0; text-decoration:none; }
    #europeen a:hover { width:92px; height:46px; background:url(../images/menuEuropeen.gif) no-repeat 0 -46px; text-decoration:none; }
    #europeenIn a { display:block; width:92px; height:46px; background:url(../images/menuEuropeen.gif) no-repeat 0 -46px; text-decoration:none; }
    #europeenTetiere { background-image:url(../images/europeenTetiere.jpg); }
    #europeenPoints { background:url(../images/europeenPoints.gif) bottom left no-repeat; }
/*
    #europeen a { display:block; width:66px; height:46px; background:url(../images/menuGalerie.gif) no-repeat 0 0; text-decoration:none; }
	#europeen a:hover { width:66px; height:46px; background:url(../images/menuGalerie.gif) no-repeat 0 -46px; text-decoration:none; }
	#europeenIn a { display:block; width:66px; height:46px; background:url(../images/menuGalerie.gif) no-repeat 0 -46px; text-decoration:none; }
	#europeenTetiere { background-image:url(../images/galerieTetiere.jpg); }
	#europeenPoints { background:url(../images/europeenPoints.gif) bottom left no-repeat; }
*/
	#programme a { display:block; width:93px; height:46px; background:url(../images/menuProgramme.gif) no-repeat 0 0; text-decoration:none; }
	#programme a:hover { width:93px; height:46px; background:url(../images/menuProgramme.gif) no-repeat 0 -46px; text-decoration:none; }
	#programmeIn a { display:block; width:93px; height:46px; background:url(../images/menuProgramme.gif) no-repeat 0 -46px; text-decoration:none; }
	#programmeTetiere { background-image:url(../images/programmeTetiere.jpg); }
	#programmePoints { background:url(../images/programmePoints.gif) bottom left no-repeat; }

	#infos a { display:block; width:112px; height:46px; background:url(../images/menuInfos.gif) no-repeat 0 0; text-decoration:none; }
	#infos a:hover { width:112px; height:46px; background:url(../images/menuInfos.gif) no-repeat 0 -46px; text-decoration:none; }
	#infosIn a { display:block; width:112px; height:46px; background:url(../images/menuInfos.gif) no-repeat 0 -46px; text-decoration:none; }
	#infosTetiere { background-image:url(../images/infosTetiere.jpg); }
	#infosPoints { background:url(../images/infosPoints.gif) bottom left no-repeat; }
	
	#newsletter { width:392px; height:26px; text-align:center; color:#FCF0E2; font-style:italic; padding:5px 0px 5px 0px;  }
	#newsletter .champInscriptionNewsletter { background: #E4ECEC url(../images/demandezLeProgramme.gif) top left no-repeat;background-attachment: fixed ; font-size:9px; border:0px; padding:0px 5px 0px 5px; width:110px; height:14px; font-style:normal; }
	#newsletter .submitInscriptionNewsletter { background-color: #21535E; border:0px; padding:0px 5px 0px 5px; width:30px; height:14px; font-size:12px; font-weight:bold; text-decoration:none; font-style:normal; color:#FCF0E2; cursor:hand; cursor:pointer; }
	#newsletter .submitInscriptionNewsletter:hover { color:#fE9C1C; }

	.fondBlanc { background-color:#FFFFFF; }
	
	/* A l'Affiche */
	#afficheContenu { background:#FFFFFF url(../images/afficheFond.gif) right bottom no-repeat; float:left; height:auto; width:100%;  }
	
	.afficheBloc { width:377px; margin:15px 25px 10px 25px; clear:left; float:left; }
	.afficheBloc .topBloc { background-image:url(../images/afficheArrondi.gif); background-repeat:no-repeat; background-position:right top; width:357px; border-left:1px solid #C3D1D3; border-bottom:1px solid #C3D1D3; background-color:#FCF0E2; color:#21555E; font-size:12px; padding:10px; }
	.afficheBloc .bottomBloc { width:357px; border:1px solid #C3D1D3; background-color:#E4ECEC; color:#21555E; font-size:12px; font-weight:bold; margin-top:3px; padding:0px 10px 0px 10px; }
	
		/*.afficheBloc .afficheArrondi { background-image:url(../images/afficheArrondi.gif); width:28px; height:29px; float:right; }*/
	
	.afficheBloc .topBloc .illustration { border:1px solid #2E5E66; float:left; margin:0px 10px 10px 0px; }
	.afficheBloc .topBloc .titre { color:#DC3234; font-size:14px; font-weight:bold; }
	.afficheBloc .topBloc .date { color:#F27A21; font-size:14px; }
	.afficheBloc .topBloc .type { color:#21555E; font-size:12px; }
	.afficheBloc .topBloc .texte { color:#000000; font-size:11px; margin:10px 0px 0px 0px; }
	
	.afficheBloc .bottomBloc .debut { float:left; }
	.afficheBloc .bottomBloc .fin { float:right; }
	
	.afficheBloc .bottomBloc .debut .plusInfos a { background-image:url(../images/plusInfos.gif); padding-left:15px; background-repeat:no-repeat; font-size:12px; color:#F27721; font-weight:bold; text-decoration:none; }
	.afficheBloc .bottomBloc .debut .plusInfos a:hover { background-image:url(../images/plusInfos.gif); padding-left:15px; background-repeat:no-repeat; font-size:12px; color:#F27721; font-weight:bold; text-decoration:underline; }
	.afficheBloc .bottomBloc .debut .afficheAcheter a { font-size:12px; color:#F27721; font-weight:bold; text-decoration:none; }
	.afficheBloc .bottomBloc .debut .afficheAcheter a:hover {  font-size:12px; color:#F27721; font-weight:bold; text-decoration:underline; }
	
	.afficheBloc .bottomBloc .fin .tousSpectacles a { background-image:url(../images/doubleChevron.gif); padding-left:17px; background-repeat:no-repeat; font-size:12px; color:#21555E; font-weight:normal; text-decoration:none; }
	.afficheBloc .bottomBloc .fin .tousSpectacles a:hover { background-image:url(../images/doubleChevron.gif); padding-left:17px; background-repeat:no-repeat; font-size:12px; color:#21555E; font-weight:normal; text-decoration:underline; }

	.afficheBlocPush { float:right; clear:left; }
	
	#afficheFooter { width: 100%; /*position: absolute; bottom: -76px; bottom:-1px; */background-image:url(../images/afficheFooter.gif); background-repeat:no-repeat; height:76px; }
	#europeenFooter { width: 100%; /*position: absolute; bottom: -76px; bottom:-1px; */background-image:url(../images/europeenFooterbis.gif); background-repeat:no-repeat; height:76px; }
	#programmeFooter { width: 100%; /*position: absolute; bottom: -76px; bottom:-1px; */background-image:url(../images/programmeFooter.gif); background-repeat:no-repeat; height:76px; }
	#infosFooter { width: 100%; /*position: absolute; bottom: -76px; bottom:-1px; */background-image:url(../images/infosFooter.gif); background-repeat:no-repeat; height:76px; }
	
	.finClear { clear:both; }

	.footer a {
		font-family:Arial, Helvetica, sans-serif; 
		font-size:10px;
		color:#396870;
		float:right;
		text-decoration:none;
		text-align:right;
		margin:63px 22px 0px 0px;
	}
	.footer a .imageAssociee {
		font-weight:bold;
		color:#21555E;
	}
	.footer a:hover .imageAssociee {
		color:#FFFFFF;
	}
	
	#droiteNewsletter {
		width:43px;
		height:26px;
		background:url(../images/nav_14.gif) bottom left no-repeat;
	}
/* A l'Affiche */
	#infosContenu { background:#FFFFFF url(../images/infosFond.gif) right bottom no-repeat; float:left; width:900px; }
	
	#infosCarte { float:left; margin:30px 30px 30px 30px; padding-top:234px; background-image:url(../images/infosCarte.gif); background-repeat:no-repeat; width:370px; color:#21555E; font-size:10px; }
	#infosCarte .transportTitre { color:#0E298E; font-size:12px; margin-top:15px; }
	#infosCarte .indent { margin-left:260px; }
	
	#infosGenerales { float:left; margin:30px 30px 30px 30px; }
	#infosGenerales #titre { color:#F37421; font-size:18px; font-weight:bold; }
	#infosGenerales #sousTitre { color:#21555E; font-size:14px; }
	#infosGenerales #infosPlus { color:#DA2A31; font-size:13px; }
	#infosGenerales #infosMoins { color:#21555E; font-size:11px; }

	#infosGenerales ul, li { margin:0; padding:0; }
	#infosGenerales ul { padding:0px 0px 0px 20px; }
	#infosGenerales li { padding:0px 0px 10px 0px; }
	#infosGenerales ul a { color:#DA2A31; text-decoration:none; }
	#infosGenerales ul a:hover { text-decoration:underline; }


	#contenuFormulaire ul { 
		margin: 0px 0px 0px 0px;
		padding:0px; 
		list-style-type:none ; 
		float: left;
	}
	#contenuFormulaire form {
		float:right;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px; 
		width:300px; 
	}
	.formulaireIndications {
		float: right;
		font-weight:normal;
		font-style:italic;
	}
	#contenuFormulaire ul li { 
		margin:5px 0px 0px 0px; 
	}
	#contenuFormulaire { 
		background-color:#FFFFFF; 
		color:#21555E; 
		font-size:11px; 
		font-weight:bold; 
		padding:0px 60px 0px 60px; 
		margin:0px 0px 0px 0px; 
		
	}
	#contenuFormulaire ul li .fonction { 
		margin:0px 0px 0px 0px; 
		color:#DA2A31; 
		font-weight:normal; 
	}
	#contenuFormulaire ul li a { 
		color:#21555E; 
		font-size:11px; 
		font-weight:bold; 
		text-decoration:none; 
		padding:0px 0px 0px 15px; 
	}
	#contenuFormulaire ul li a:hover { 
		color:#21555E; 
		font-size:11px; 
		font-weight:bold; 
		text-decoration:none; 
		padding:0px 0px 0px 15px; 
		background-image:url(../images/infosPuce.gif); 
		background-repeat:no-repeat;  
	}
	#contenuFormulaire .listeHover { 
		color:#21555E; 
		font-size:11px; 
		font-weight:bold; 
		text-decoration:none; 
		padding:0px 0px 0px 15px; 
		background-image:url(../images/infosPuce.gif); 
		background-repeat:no-repeat;  
	}
	#champsFormulaire {
		float: right;
		width:300px; 
		padding: 0px 0px 0px 30px; 
		margin: 0px 0px 0px 0px; 
	}
	
	#champsFormulaire .intituleChamp { 
		width:300px; 
		padding: 0px 0px 0px 0px; 
		float:right;
		margin:2px 0px 0px 0px;
		text-align:left;
	}
	#champsFormulaire input {  
		width:300px; 
		border:1px solid #21555E; 
		height:17px; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		padding: 1px 3px 1px 3px;
		margin:0px 0px 0px 0px; 
	}
	#champsFormulaire input#envoi {  
		float:left;
		width:100px; 
		color: #FA8C24;
		border: 1px solid #FBBF87;
		background: url(../images/boutonFormulaireContact.gif) left top no-repeat;
		height:20px; 
		margin:0px 0px 0px 0px; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		padding: 0px 0px 0px 27px;
		cursor:hand;
		cursor:pointer;
	}
	#champsFormulaire input#envoiNewsletter {  
		float:left;
		width:120px; 
		color: #FA8C24;
		border: 1px solid #FBBF87;
		background: url(../images/boutonFormulaireContact.gif) left top no-repeat;
		height:20px; 
		margin:0px 0px 0px 0px; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		padding: 0px 0px 0px 27px;
		cursor:hand;
		cursor:pointer;
	}
	#champsFormulaire input#envoi:hover {  
		border: 1px solid #FA8C24;
	}
	#champsFormulaire input#envoiNewsletter:hover {  
		border: 1px solid #FA8C24;
	}
	#champsFormulaire textarea { 
		width:300px; 
		height:100px; 
		border:1px solid #21555E; 
		margin-bottom:2px; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		padding: 1px 3px 1px 3px;
		font-weight:bold;
	}

	dl {
		margin: 30px 30px 30px 30px;
	}
	#formulaireContact {
		
	}
	#formulaireContact dt {
		height: 35px;
		background: url(../images/type1_TopLeft.gif) bottom left no-repeat;
		text-align: center; /* centrage du titre, bug IE*/
		margin: 0px 19px 0px 0px;
		/*border:1px solid #ff0000;*/
	}
	#formulaireContact dd {
		clear:both;
		margin: 0px 0px 0px 0px;
		background-color:#FFFFFF;
		border:1px solid #fa8c24;
		border-top:1px solid #ffffff;
		border-bottom:1px solid #ffffff;
	}
	#formulaireContact .titre {
		/* display: block; mise en bloc de l'image titre pour éviter un bug d'espacements */
		/* margin: auto; centrage du titre */
		float: left;
		margin: 0px 0px 0px 50px;
		padding: 3px 2px 0px 13px;
		background: url(../images/type1_ArrondieTitreFormulaire1.gif) top left no-repeat;
		height: 30px;
		color:#21555E;
		font-size:12px;
		font-weight:bold;
	}
	#formulaireContact .endTitre {
		/* display: block; mise en bloc de l'image titre pour éviter un bug d'espacements */
		/* margin: auto; centrage du titre */
		float: left;
		background: url(../images/type1_ArrondieTitreFormulaire2.gif) top left no-repeat;
		width: 11px;
		height: 30px;
	}
	#formulaireContact .HautDroite {
		position: relative;
		float: right;
		background: url(../images/type1_TopRight.gif) bottom right no-repeat;
		width:19px;
		height:35px;
		margin: 0px -19px 0px 0px;
	}
	#formulaireContact .BasGauche {
		height: 20px;
		position: relative;
		background: url(../images/type1_BottomLeft.gif) top left no-repeat;
		border: 0 none; /* pas de bordure latérale pour la partie basse */
		padding: 0; /* pas de texte donc pas de padding */
		margin: 0px 19px 0px 0px;
	}
	#formulaireContact .BasDroite {
		position: relative;
		float: right;
		background: url(../images/type1_BottomRight.gif) top left no-repeat;
		width:19px;
		height:20px;
		margin: 0px -19px 0px 0px;
	}
	#checkBoxQuestion {
		width: 300px;
		clear:both;
		padding: 20px 0px 0px 0px;
	}
	#checkBoxQuestion input {
		width: 20px;
		float:left;
		margin: 0px 5px 0px -4px;
		border:none;
		cursor:hand;
		cursor:pointer;
	}


	#telechargements {

	}
	#telechargements dt {
		height: 35px;
		background: url(../images/type2_TopLeft.gif) bottom left no-repeat;
		text-align: center; /* centrage du titre, bug IE*/
		margin: 0px 19px 0px 0px;
	}
	#telechargements dd {
		clear:both;
		margin: 0px 0px 0px 0px;
		background-color:#FDF9F6;
		border:1px solid #FBBF87;
		border-top:1px solid #FDF9F6;
		border-bottom:1px solid #FDF9F6;
	}
	#telechargements .titre {
		/* display: block; mise en bloc de l'image titre pour éviter un bug d'espacements */
		/* margin: auto; centrage du titre */
		float: left;
		margin: 0px 0px 0px 50px;
		padding: 3px 2px 0px 13px;
		background:  url(../images/type2_ArrondieTitreFormulaire1.gif) top left no-repeat;
		height: 30px;
		color:#21555E;
		font-size:12px;
		font-weight:bold;
	}
	#telechargements .endTitre {
		/* display: block; mise en bloc de l'image titre pour éviter un bug d'espacements */
		/* margin: auto; centrage du titre */
		float: left;
		background: url(../images/type2_ArrondieTitreFormulaire2.gif) top left no-repeat;
		width: 11px;
		height: 30px;
	}
	#telechargements .HautDroite {
		position: relative;
		float: right;
		background: url(../images/type2_TopRight.gif) bottom right no-repeat;
		width:19px;
		height:35px;
		margin: 0px -19px 0px 0px;
	}
	#telechargements .BasGauche {
		height: 20px;
		position: relative;
		background: url(../images/type2_BottomLeft.gif) top left no-repeat;
		border: 0 none; /* pas de bordure latérale pour la partie basse */
		padding: 0; /* pas de texte donc pas de padding */
		margin: 0px 19px 0px 0px;
	}
	#telechargements .BasDroite {
		position: relative;
		float: right;
		background: url(../images/type2_BottomRight.gif) top left no-repeat;
		width:19px;
		height:20px;
		margin: 0px -19px 0px 0px;
	}
	#telechargements {  
		color:#21555E; 
		font-size:11px; 
		font-weight:bold; 
		margin:0px 30px 30px 30px; 
		
	}
	#contenuTelechargements { 
		margin:0px 0px 0px 30px;
	}
	#contenuTelechargements ul { 
		margin:0px 0px 0px 0px;
		list-style-type:disc;
	}
	#contenuTelechargements ul li { 
		margin:2px 0px 0px 0px;
		list-style-type:none;
		list-style-image:url(../images/type2_Puce.gif);
	}
	#contenuTelechargements ul li a { 
		color:#21555E; 
		font-size:11px; 
		text-decoration:none; 
		padding:0px 0px 0px 2px; 
		font-weight:normal; 
	}
	#contenuTelechargements ul li a:hover { 
		text-decoration:underline; 
	}

/* Programme */
		ul, li { margin:0; }
		#programmeContenu { 
			background:#FFFFFF url(../images/defaultFond.gif) right bottom no-repeat;
			margin:0px 0px -20px 0px;  
			padding:0px 30px 30px 30px;  
		}
		.mois {
			height: 18px;
			color: #21555E;
			font-weight:bold;
			font-size:14px;
			border-bottom: none;
			text-transform:uppercase;
			background: url(../images/programmePuceMois.gif) top left no-repeat;
			padding:30px 20px 5px 23px;
		}
		.conteneurLi {
			height:20px;
			line-height:20px;
		 	clear:both;
			padding:2px 0px 2px 0px;
			margin:0px 0px 0px 23px;  
			border-bottom:1px solid #EEF3F3;
		}
		.aGauche {
		 	float:left;
		}
		.aDroite {
		 	float:right;
		}
		.programmeTitre {
			color: #DC3234;
			font-weight:bold;
			font-size:12px;
			text-transform:uppercase;
			margin:0px 5px 0px 0px;
		}
		.programmeDate {
			margin:0px 5px 0px 0px;
			color: #F27A21;
			font-weight:normal;
			font-size:11px;
		}
		.programmeType {
			margin:0px 5px 0px 0px;
			color: #21555E;
			font-weight:normal;
			font-size:11px;
		}
		.plusDInfo a {
			background: #E4ECEC url(../images/plusInfos2.gif) top left no-repeat; 
			font-size:12px; 
			color:#F27721; 
			font-weight:bold; 
			text-decoration:none;
			border:1px solid #BCCCCE;
			padding:0px 7px 0px 23px;
			margin:0px 10px 0px 0px;
		}
		.plusDInfo a:hover {
			border:1px solid #F27721;
		}
		.acheter a {
			background-color: #E4ECEC;
			font-size:12px; 
			color:#F27721; 
			font-weight:bold; 
			text-decoration:none;
			border:1px solid #BCCCCE;
			padding:0px 7px 0px 7px;
			margin:0px 10px 0px 0px;
		}
		.acheter a:hover {
			border:1px solid #F27721;
		}
		
		#consultation {
			clear: both;
			background: #FCF0E2 url(../images/programmeFondConsult.gif) top left no-repeat;
			border-top:1px solid #E4ECEC;
			border-bottom:1px solid #E4ECEC;
			padding:15px 44px 14px 67px;
			margin:30px -30px 0px -30px;
		}
		#consultation img {
			float:left;
			border:1px solid #FCF0E2; /* si bordures, mettre : #21555E */
		}
		#consultation .contenuTexte {
			padding: 0px 21px 0px 21px;
			float:left;
		}
		#consultation .complet {
			background:url(../images/programmeComplet.gif) top right no-repeat;
			border:0px;
		}
		#consultation .programmeTitre, .programmeDate {
			font-size:14px; font-weight:bold;
		}
		#consultation .programmeType {
			font-size:12px; font-weight:bold;
		}
		#consultation .programmeTexte {
			font-size:12px; font-weight:normal;
			padding:13px 0px 0px 0px;
			width:620px;
		}
		#consultation .programmeTexte a {
			color:#21555E;
			font-weight:normal;
			font-size:11px;
			text-decoration:underline;
		}
		#consultation .programmeTexte a:hover {
			text-decoration:none;
		}
		#consultation .programmeTarif {
			font-size:11px; font-weight:normal;
			color:#C40101;
			margin:13px 0px 0px 0px;
		}
		#consultationBoutons {
			padding: 6px 0px 0px 173px;
			height:20px;
			line-height:20px;
		}


/* l'eurpeen */
		ul, li { margin:0; }
		#europeenContenu { 
			background:#FFFFFF url(../images/defaultFond.gif) right bottom no-repeat;
			margin:0px 0px -20px 0px;  
			padding:30px 30px 30px 30px;  
			font-size:12px;
			color:#21555E;
		}
		#presentation {
			position:relative;
			margin:0px 0px 0px -30px;  
			padding: 0px 0px 0px 0px;
			vertical-align:middle;
		}
		#presentation .texte:first-letter{
			font-size:18px;
			color:#F37421;
			font-weight:bold;
		}
		#presentation .texte{
			margin:0px 0px 0px 60px;  
		}
		#presentation .imagePresentation {
			margin:0px 30px 0px 0px;  
			border-top: 1px solid #21555E;
			border-right: 1px solid #21555E;
			border-bottom: 1px solid #21555E;
			float:left;
		}
		
		.europeenTitre {
			height: 18px;
			color: #F37421;
			font-weight:normal;
			font-size:18px;
			background: url(../images/europeenPuce.gif) top left no-repeat;
			padding:0px 20px 5px 23px;
		}
		#historique .imageHistorique {
			float:right;
			background: url(http://leuropeen.info/images/histoire/histoire/vignettes/histoire.jpg) top left no-repeat;
			margin: 0px 0px 0px 30px;
		}
		#historique .texte {
			padding: 10px 0px 0px 25px;
		}
		#galerie .listeImages {
			/*padding:0px 0px 0px 25px;*/
		}
		#galerie .imageGalerie {
			margin: 10px 0px 15px 25px;
		}
		#galerie .imageMaxi {
			margin: 10px 0px 15px -320px;
			position: relative;
			left: 50%;
			width: 640px;
		}
		#galerie .imageMaxiTitre {
			float:left;
			font-weight:bold;
			color:#DA59A5;
		}
		#galerie .imageMaxiCopyright {
			float:right;
			color:#DA59A5;
		}
		#galerie .indication {
			color:#000000;
			font-size: 10px;
			font-weight:bold;
		}
		
		#counter {
			color: #FF0000;
			font-weight: bold;
		}
		#champsFormulaire .inputError {
			border: 1px solid #FA8C24;
			background-color:#FDF9F6;
		}	
		
		#desinscriptionSignature {
			clear:both;
			text-align:right;
		}
		
		#desinscriptionTitre {
			clear:both;
			text-align:center;
			font-weight:bold;
		}