@import "reset.css";

/* elements de structure */
	
/* STRUCTURE */
	html, body {
		width:100%;
		height:100%;
	}
	body {
		background:#f0ece3;
	}
	#part1,
	#part2 {
		width:100%;
		text-align:center;
	}
	#part1 a,
	#part2 a{
		color:black;
	}
	#part1 {
		/*
		background:#f0ece3;
		*/
		margin-bottom:11px;
	}
	#part2 {
		background:white;
		text-align: center;
	}
	#bloc_main {
		width:955px;
		height:100%;
		text-align:left;
		margin:0 auto;
		overflow:auto;
	}

/* Header */
	#bloc_main #bloc_header {
		padding:0 11px;
		background:white;
		position: relative;
		margin-bottom:11px;
	}
	#bloc_main #bloc_header h1,
	#bloc_main #bloc_header .visu {
		padding-top:16px;
		padding-bottom:8px;
		float:left;
	}
	
	#bloc_header #bloc_header_part1,
	#bloc_header #bloc_header_part2 {
		width:933px;
		overflow:hidden;
	}
	#bloc_header #bloc_header_part1 {
		background:url(../img/common/header_bg0.gif) 0 0 repeat-x;
	}	
	#bloc_header #bloc_header_part1 form p.button0{
		display:none;
	}	
	#bloc_header #bloc_header_part2 {
		background:url(../img/common/header_bg2.gif) right 0 no-repeat;
		height:47px;
	}
	#bloc_header #bloc_header_part2 img{
		float:left;
	}
		#bloc_main #bloc_header form label{
			font-size: 1.27em;
		}
		#bloc_main #bloc_header form a{
			margin-top:2px;
		}
		
		.clearb {
			clear:both;
		}
		
		#header_languages {
			padding-right:10px;
			width:150px;
			float:right;
			margin-top:30px;
			text-align:right;
		}
		
		#header_languages img.lang{
			margin-top:2px;
			margin-right:0px;
			margin-bottom:-2px;
			border:1px transparent solid;
			float:none;
		}
		
		#header_languages img.lang_selected{
			border-color:#AC0505;
		}
		#bloc_main #bloc_header form select{
			width:80px;
		}
	
/* Nav Header */
	#bloc_header #nav_header {
		width:auto;
		overflow:hidden;
		margin-right:3px;
		padding-top:8px;
		float:right;
	}
	#bloc_header #nav_header li {
		float:left;
		display:block;
		background:url(../img/common/onglet_bg_off.gif) 0 0 repeat-x;
		margin-right:2px;
		height:32px;
	}
	#bloc_header #nav_header li a{
		display:block;
		padding-left:12px;
		font-size:1.45em;
		font-weight:bold;
		background:url(../img/common/onglet_partLeft_off.gif) 0 0 no-repeat;
		color:white;
	}
	#bloc_header #nav_header li a:hover{
		text-decoration:none;
	}
	#bloc_header #nav_header li a span{
		display:block;
		padding:7px 12px 9px 0;
		background:url(../img/common/onglet_partRight_off.gif) right 0 no-repeat;
	}
	
/* nav Header: cas particuliers */

	/* Onglet billeterie */
	#bloc_header #nav_header li#billet {
		background-image:url(../img/common/onglet_bg_billet_off.gif);
	}
	#bloc_header #nav_header li#billet a{
		background-image:url(../img/common/onglet_partLeft_billet_off.gif);
	}
	#bloc_header #nav_header li#billet a span{
		background-image:url(../img/common/onglet_partRight_billet_off.gif);
	}
	
	/* Onglet billeterie */
	#bloc_header #nav_header li#billet.selected,
	#bloc_header #nav_header li.selected {
		background-image:url(../img/common/onglet_bg_on.gif);
	}
	#bloc_header #nav_header li#billet.selected a,
	#bloc_header #nav_header li.selected a{
		background-image:url(../img/common/onglet_partLeft_on.gif);
		color:black;
	}
	#bloc_header #nav_header li#billet.selected a span,
	#bloc_header #nav_header li.selected a span{
		background-image:url(../img/common/onglet_partRight_on.gif);
	}

/* Footer */

	#part2 #bloc_footer {	
		width:955px;
		margin:0 auto;
	}

	#part2 #bloc_footer ul {
		width:650px;
		overflow: auto;
		border-bottom: solid 1px #e0e0e0;
		margin:0 auto;
	}
	#part2 #bloc_footer ul li,
	#part2 #bloc_footer ul li a{		
		color: black;
		float: left;
		display: block;
	}
	#part2 #bloc_footer ul li{	
		padding:8px 3px;
	}
	#part2 #bloc_footer ul li.first a{		
		border-left:none;
	}
	#part2 #bloc_footer ul li a{	
		border-left:solid 1px black;
		padding:0 8px;
	}
	#part2 #bloc_footer ul li.first a{	
		border:none;
		line-height:1em;
	}
	#part2 #bloc_footer ul li#copyright,
	#part2 #bloc_footer ul li#copyright a{
		float: right;
	}

	.rss_icon {
		margin-bottom:-4px;
		margin-left:4px;
	}
		
/* Contenu colonne centrale */
	#bloc_main #bloc_central {
		position:relative;
		float:left;
		width:600px;
		
		padding:11px;
		overflow:hidden;
		
		background:white url("../img/common/bloc_central_bg.gif") 0 bottom no-repeat;		
		font-size:1em;
	}
	
	#bloc_main #bloc_central h1{
		padding-bottom:1em;
	}
	#bloc_central h2,
	#bloc_central h3,
	#bloc_central h4 {
		font-size:1.2em;
		clear:both;
		padding-bottom:0.5em;
	}
	#bloc_central h2,
	#bloc_central h3 {
		padding-bottom:0.5em;
	}
	#bloc_central h4 {
		font-weight:normal;
		padding-bottom:0.2em;
	}			
	#bloc_central ul {
		padding-bottom:1.2em;
	}

	#bloc_main #bloc_central p{
		padding-bottom:1.2em;
	}
	
	
	
	/* Bloc d'entete */		
		#bloc_central div.header_bloc_visuTop {
			padding-top:260px;
			width:602px;
			overflow:hidden;
			background-position: left 0;
			background-repeat: no-repeat;
		}

		#bloc_central h1{
			position:relative;
			font-size:2em;
			font-weight: normal;
			padding-bottom: 0.5em;
		}	
		#bloc_central div.header_bloc_visuTop p,
		#bloc_central div.header_bloc_content p{
			font-size: 1.2em;
		}
		#bloc_central .bloc_content {
			padding:12px 11px;
			background: url('../img/common/header_bloc_title.gif') 0 0 repeat-x;
			font-size:1em;
		}
		
		#bloc_central .bloc_content_info {
			font-size:1em;
		}
		html > body #bloc_central .bloc_content {
			height:auto;
		}
		#bloc_central .bloc_content a{
			text-decoration:none;
		}
		#bloc_central img.visu_top_content {
			margin-bottom:11px;
			display:block;
		}
	
	/* Titre avec encadre */
		#bloc_central div.titleNiv2{
			background:url(../img/common/titre_encadre0_bg.gif) 0 0 repeat-x;
			width:100%;
			overflow:auto;
			position: relative;
			margin: 1.2em 0;
			
			clear:both;			
		}
		#bloc_central div.titleNiv2 h2,
		#bloc_central div.titleNiv2 h3{
			font-size:1.3em;
			font-weight:bold;
			color:#b30000;
			width:100%;
			height:100%;
			background: url("../img/common/titre_encadre0_partLeft.gif") 0 0 no-repeat;
		}
		#bloc_central div.titleNiv2 h2 span,
		#bloc_central div.titleNiv2 h3 span{
			display: block;
			padding:8px 0;
			padding-left:10px;
			background: url("../img/common/titre_encadre0_partRight.gif") right 0 no-repeat;

		}
		#bloc_central div.titleNiv2 small,
		#bloc_central div.titleNiv2 ul.arrow{
			position:absolute;
			top:1em;
			right:20px;
			padding:0;
			display: block;
		}
		
		#bloc_central div.titleNiv2 small {			
			color:#b60505;
			padding:0.3em;
		}
		#bloc_central div.titleNiv2 ul.arrow li{
			background-image: url('../img/common/arrow_black.gif');
		}
		#bloc_central div.titleNiv2 ul.arrow li a{
			color: black;
		}
		
	/* Tableaux */
			#bloc_central table{
				width:100%;
				clear:both;
				margin-bottom:35px;
			}
			#bloc_central table tr.line1{
				background:#f1f1f1;
			}
			#bloc_central table tr th{
				text-align: center;
			}
			#bloc_central table tr td{
				font-size: 1em;
			}
			#bloc_central table tr th,
			#bloc_central table tr td{
				text-align: center;
				padding:5px 0;
				border-top:solid 1px #d4d3d3;
				border-left:solid 1px #d4d3d3;	
				border-bottom:solid 1px #d4d3d3;
			}
			
			#bloc_central table tr td.arrow {
				background-image: url(../img/common/arrow_red.gif);
				font-weight: normal;
				text-align: left;
				background-position:23px 9px;
				padding-left:32px;
			}
			#bloc_central table tr td.arrow a{
				color:#da0404;
			}
			/* tableau avec largeur importante*/
			#bloc_central table tr th{
				font-size:0.8em;
			}
			
			/* Tableaux avec TH encadrés rouges */
			#bloc_central div.th_alternatif ul,
			#bloc_central h3.ligne_th,
			#bloc_central table tr.ligne_th th{
				color: white;
				font-size: 1.2em;
				font-weight: normal;
				padding:0;
			}	
			#bloc_central div.th_alternatif,
			#bloc_central h3.ligne_th,
			#bloc_central table tr.ligne_th th{
				background:url("../img/common/th_partLeft.gif") 0 0 no-repeat;
			}
			#bloc_central table tr.ligne_th  th{
				border-top:solid 1px #b60505;
				border-left:solid 1px #b60505;
				vertical-align:top;
			}
			#bloc_central div.th_alternatif ul,
			#bloc_central h3.ligne_th span,
			#bloc_central table tr.ligne_th th span{	
				display: block;
				padding:7px 0 4px 0;
				background:url("../img/common/th_partRight.gif") right 0 no-repeat;
			}
			#bloc_central div.th_alternatif ul{	
				padding:9px 0 7px 0;
			}
			#bloc_central table tr.ligne_th th.void{
				background:#b60505;
				padding:0;
				width:150px;
			}
			#bloc_central table tr.separate td,
			#bloc_central table tr td.first{	
				/*			
				border-left:solid 1px white;
				*/
			}
			#bloc_central table tr th a,
			#bloc_central table tr td a{
				color:inherit;
			}
			#bloc_central table tr th.first{
				/*
				border-right:solid 1px #d4d3d3;
				*/
				border-left:none;
				text-align: left;
				padding:15px 0;
				padding-right:0;
				font-weight: normal;
			}
			#bloc_central table tr th.first a{
				font-weight: bold;
			}

			#bloc_central table tr td.total{
				color:#DA0404!important;
				font-size: 1.54em;
				background: white!important;
			}
			
			#bloc_central table tr.separate,
			#bloc_central table tr.tabFooter{
				height:auto!important;
			}
			#bloc_central table tr.separate th,
			#bloc_central table tr.separate td,
			#bloc_central table tr.tabFooter th,
			#bloc_central table tr.tabFooter td{
				border-bottom:solid 1px white;
				border-left:none;
			}
			#bloc_central table tr.tabFooter th,
			#bloc_central table tr.tabFooter td{
				background:#f3f3f3;
				color: black;
				padding:10px 0;
			}
			#bloc_central table tr.tabFooter th{
				font-weight: normal;
				text-align: right;
				font-size:1em;
				padding-right:15px;		
				border-right:solid 1px white;
			}
			#bloc_central table tr.tabFooter th small{
				display:block;
				padding-top:0.5em;
			}
			#bloc_central table tr.tabFooter .total{
				border-bottom:solid 1px #f3f3f3;
				width:150px;
			}
			
	/* Menu contextuel (lienhyper textes) */
	
		#bloc_central ul.menu_contextuel li{
			background-image:url(../img/common/arrow_black.gif)!important;
			padding-bottom:5px;
		}
		#bloc_central ul.menu_contextuel li a{
			font-weight:bold;
			color:black!important;
		}
	
/******** voir autre css pour les contenus interne */
	
	/* Boutons Types */	
	#bloc_main ul.menuOutil {
		position:relative;		
	}
	#bloc_main ul.menuOutil li {
		position:relative;
		
		font-size:1em;
		padding:0 11px 4px 20px;
		margin-bottom:4px;
		
		line-height:1em;
				
		overflow: hidden;
		background-color:transparent;
		background-repeat:no-repeat;
		background-position:0 0;
	}
	#bloc_main ul.menuOutil li a {
		color:inherit;
		font-weight: inherit;
	}
	
	/* Bouton de validation */
	#bloc_main ul.menuOutil li.btn_imprimer{
		background-image:url("../img/common/picto_imprimer.gif");
	}
	#bloc_main ul.menuOutil li.btn_envoyer_a_ami{
		background-image:url("../img/common/picto_envoyer_a_un_ami.gif");
	}
	#bloc_main ul.menuOutil li.btn_telecharger{
		background-image:url("../img/common/picto_telecharger.gif");
	}
	#bloc_main ul.menuOutil li.btn_telecharger a{
		color:#ff930c;
	}

	#bloc_main ul.menuOutil li.btn_ecouter{
		background-image:url("../img/common/picto_ecouter.gif");
	}
	#bloc_main ul.menuOutil li.btn_ecouter a,
	#bloc_main ul.menuOutil li.btn_ecouter span,
	#bloc_main ul.menuOutil li.btn_ecouter div.player_audio{
		float:left;
		display: block;
	}
	#bloc_main ul.menuOutil li.btn_ecouter div.player_audio{
		padding: 2px 20px;
	}
	
	/* haut de page */
	#bloc_main #bloc_central p.gotoTop {
		text-align:right;
		padding-right:1.5em;
		overflow:hidden;
		background:url(../img/common/arrow_top_black.gif) right 0.3em no-repeat;
		margin:1em 0;
		border-bottom:solid 1px black;
		padding-bottom:0.2em;
	}
	#bloc_main #bloc_central p.gotoTop a {
		color:black;
		font-size:0.9em;
		text-transform:uppercase;
		font-weight:bold;
		
	}

	
/* Contenu colonne de droite */
	#bloc_main #bloc_droit {
		float:left;
		width:333px;
		overflow:hidden;
	}
	
	/* Nav interne (ex: infos pratiques, ou billeterie) */	
		#bloc_droit .nav_interne {
			/*
			padding-top:11px;
			*/
		}
		#bloc_droit .nav_interne ul {
			border-top: solid 1px white;
		}

		#bloc_droit .nav_interne ul li{
			font-size:1.1em;
			font-weight: bold;
			padding:7px 0 7px 30px;
			background:url("../img/common/nav_interne_bg.gif") 0 0 no-repeat;
			border-bottom: solid 1px white;
			color: black;
		}
		#bloc_droit .nav_interne ul li.selected{
			background:url("../img/common/nav_interne_bg_on.gif") 0 0 no-repeat;
			color:#d81d22;
		}
		#bloc_droit .nav_interne ul li.selected a{
			color:#d81d22;
		}
		#bloc_droit .nav_interne ul li a{
			text-decoration: none;
			color: inherit;
		}


	/* Push de droite*/
		#bloc_droit #bloc_module,
		#bloc_droit #bloc_6_bonnes_raisons{			
			position:relative;
			left:9px;
			width:324px;	
			margin-top:11px;
		}
	
	/* Module */
		#bloc_droit #bloc_module {	
			padding-top:10px;
			padding-bottom:20px;
			background:white url("../img/common/module_footer.gif") 0 bottom no-repeat;
		}
		#bloc_droit #bloc_module img.visu{
			margin:0 9px;
		}
		
		#bloc_main #menuBilleterie {
		/*
			float:none;
			*/
			clear: both;
			border-top:solid 1px #ed3d3d;
			padding:6px 20px;	
			width:212px;
		}
		#bloc_main #menuBilleterie.arrow li{
			background-image: url('../img/common/arrow_white.gif');
			background-position:8px 4px; 
			color:white;
			border-left:solid 1px white;
			float:left;
			padding-left:15px;
			padding-right:11px;
		}
		#bloc_main #menuBilleterie.arrow li a{
			color:white;
		}
		#bloc_main #menuBilleterie.arrow li.first{
			border:none;
			padding-left:1em;
			background-position:2px 4px; 
		}
				
	/* Flash: 6 bonnes raisons (..)*/
	
		#bloc_droit #bloc_6_bonnes_raisons{
			text-align: center;
			padding-bottom:11px;
			background:white url("../img/common/flash_footer.gif") 0 bottom no-repeat;
		}	
		#bloc_droit #bloc_6_bonnes_raisons #myFlash{
			padding:11px 0;
			background:white url("../img/common/flash_header.gif") 0 0 no-repeat;
		}
		#bloc_droit #bloc_6_bonnes_raisons ul.arrow li{
			color:black;
			background-image: url('../img/common/arrow_black.gif');
			text-align: center;
			display:inline;			
		}

/* Global */
	#bloc_main .visu {
		display:block;
	}
	#bloc_main td.arrow,
	#bloc_main li.arrow,
	#bloc_main p.arrow,
	#bloc_main ul.arrow li {
		padding-left:1em;
		background-color:transparent;
		background-repeat:no-repeat;
		background-position:2px 4px;
	}
	#bloc_main p.arrow a,
	#bloc_main td.arrow a,
	#bloc_main li.arrow a,
	#bloc_main ul.arrow li a{
		text-decoration: underline;
		color: inherit;
	}
	#bloc_central ul li.arrow,
	#bloc_central p.arrow,
	#bloc_central ul.arrow li{
		background-image: url('../img/common/arrow_red.gif');
	}
	#bloc_central p.arrow,
	#bloc_central ul li.arrow,
	#bloc_central ul.arrow li,
	#bloc_central td.arrow,
	#bloc_central p.arrow a,
	#bloc_central ul li.arrow a,
	#bloc_central ul.arrow li a{
		color:#da0404;
	}