@charset "UTF-8";
/* CSS Document */

/******************************/
/*  HTML, BODY                */
/******************************/

	/* Force le scroll vertical à être présent */
	html { 
		overflow-y: scroll; 
		overflow: -moz-scrollbars-vertical;
	}
	
	/* Mise à 0 pour tous les navigateurs */
	html, body { 
		padding: 0px;
		margin: 0px;
		height: 100%; /* Utile pour les sites qui doivent avoir un footer tjs en bas de page */
	}
	
	/* Couleur de fond et centrage du site */
	body { 
		/*background: #E8F6FF;*/
		background: #000000;
		text-align: center;
		}
		
	/* Formatage du caractère par défaut */	
	body, table { 
		font-size: 13px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		color: #000000;
		}
		
		
/******************************/
/*  STRUCTURE                 */
/******************************/
		
	/* position de l'entier du site */	
	#SuperGlobal { 
		position: relative;
		margin: 0 auto; /* centre #global sur la page */
		width: 100%;
		-height: 100%; /* IE6: Utile pour les sites qui doivent avoir un footer tjs en bas de page */
		min-height: 100%; /* Utile pour les sites qui doivent avoir un footer tjs en bas de page */
		text-align: center; /* Annule l'alignemnt défini dans body qui centre #global */
		}
		
	#Header {
		height: 200px;
		width: 900px;
		margin: 0 auto;
	}
	
	#LogoTop {
		position: absolute;
		margin-left: -4px;
		margin-top: -1px;
	}
	
	#Ecoute {
		position: absolute;
		margin-left: 250px;
		margin-top: 80px;
		overflow: hidden;
	}
	
	#Ecoute a, #Ecoute a:visited, #Ecoute a:active {
		display: block;
		background: url(design/ecoute.png) no-repeat top;
		width: 225px;
		height: 73px;
	}
	
	#Ecoute a:hover {
		background-position: bottom;
	}	
	
	
	#TexteTop {
		float: right;
		text-align: right;
		color: #FED218;
		font-size: 25px;
		margin-top: 30px;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.Rouge {
		color: #900;
	}
	
	#Chrono {
		position: absolute;
		margin-top: 145px;
		margin-left: 542px;
	}
	
	#Menu {
		width: 100%;
		height: 40px;
		background: url(design/48h_menu_background.jpg) repeat-x;
		text-align: center;
	}
	
	
	
	#Menu2 {
		width: 900px;
		margin: 0 auto;
	}

	
	#Global { 
		position: relative;
		margin: 0 auto; /* centre #global sur la page */
		width: 900px;
		text-align: left; /* Annule l'alignemnt défini dans body qui centre #global */
	}
	
	#Contenu {
		width: 900px;
		margin-top: 20px;
	}
	
	#Page {
		width: 630px;
		float: left;
	}
	
	#PageContenu {
		background: #FFF;
		padding-right: 10px;
		padding-left: 10px;
	}
	
	#Droite {
		width: 250px;
		float: right;
	}	
	
	.ModuleContenu {
		background: #FFF;
		width: 210px;
		padding-right: 20px;
		padding-left: 20px;
	}
	
	#dernier-element {
		margin: 0;
		padding: 0;
		padding-bottom: 230px;
		clear: both;
		bottom: 0px;
		}
	
	#GlobalFooter {
		width: 100%;
		bottom: 0;
		height: 190px;
		position: absolute;
		text-align: center;
	}
	
	
	#Footer {
		background: url(design/48h_footer_background.jpg) repeat-x;
		width: 100%;
		margin-top: 70px;
		height: 120px;
		text-align: center;
		bottom: 0;
	}
	
	#FooterContenu {
		width: 900px;
		margin: 0 auto;
		height: 100px;
		margin-top: 10px;
		text-align: left;
	}
	
	#LogoRom {
		position: absolute;
		margin-top: -70px;
	}
	
	#FooterTexte {
		margin-left: 170px;	
		padding-top: 10px;
		font-size: 17px;
	}
	
/******************************/
/*  CONTENU                 */
/******************************/
	
	
	/******************************/
	/*  Remise à 0                */
	/******************************/
	form, img, ul, li, h1, h2, h3, h4, p, table {
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	
	/* Alignement des listes à l'intérieur de la div */	
	ul, li {
		margin-left: 1em;
	}
	
	/* Annule les définitions de float */	
	.Spacer {
		clear: both;
	}
	
	/******************************/
	/*  Titre et paragraphes       */
	/******************************/	

	h1 {
		margin-bottom: 10px;
		}

	h2 {
		margin-top: -7px;
		margin-bottom: -7px;
		}
	
	h3 {
		margin-bottom: 10px;
		color: #3D3D3D;
		font-weight: bold;
		font-size: 18px;
		}
		
	h4 {
		background: #fed218;
		padding: 3px;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 18px;
		margin-bottom: 20px;
		}
		
	h5 {
		}
		
	p, ul {
		margin-bottom: 5px;
		}
	
	p {
		text-align: justify;
	}
		
	/******************************/
	/*  Tables                   */
	/******************************/	
	
	.Tab {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.Tab td {
		vertical-align: bottom;
		margin-bottom: 5px;
	}

	/******************************/
	/*  Liens                 */
	/******************************/	
	
	a, a:visited, a:active  {
		color: #000000;
		text-decoration: underline;
		}
	
	a:hover, a:focus {
		color: #fed218;
		text-decoration: none;
		}
		
	a {
		cursor: pointer;
	}
		
	/******************************/
	/*  images                     */
	/******************************/	
		
	/******************************/
	/*  Formulaires               */
	/******************************/	
	
	input, select, textarea {
		border: #000000 1px solid;
		background-color: #fed218;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		margin-bottom: 5px;
		color: #000;
	}
	
	textarea {
		padding: 0px;
	}
	
	.btnEnvoyer {
		width: 75px;
	}
	
	.FormLargeurLablel {
		width: 100px;
	}
	
	.tabFormulaire td {
		padding-bottom: 10px;
	}
	
	/******************************/
	/*  Messages d'erreurs        */
	/******************************/
	.MessageErreur, .MessageOk, .MessageConfirm {
		padding: 5px;
		margin: 5px;
		font-weight: bold;
		font-size: 16px;
		border-style: dashed;
		border-width: 1px;
	}
	
	.MessageErreur a, .MessageOk a, .MessageConfirm a {
		color: #FFFFFF;
	}

	.MessageErreur {
		background-color: #EBCCCC;
		border-color: #9D0000;
		color: #9D0000;
	}
	
	.MessageOk {
		background-color: #CFE1CC;
		border-color: #0E6600;
		color: #0E6600;
	}
	
	.MessageConfirm {
		background-color: #CCCCEF;
		border-color: #0000FF;
		color: #0000FF;
	}
	
	.FieldError {
		background-color: #FFFF99;
		border: #990000 dotted 1px;;
	}
	
	/******************************/
	/*  Messages d'erreurs        */
	/******************************/

	/*  Home       */
	
	.News {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: #fed218 dotted 5px;
	}
	
	.News img {
		float: left;
		margin-right: 15px;
		margin-bottom: 5px;
	}
	
	/*  Programme       */
	#Programme {
		width: 100%;
		margin-bottom: 20px;
	}
	
	
	#Programme tr {
		background: #fff6d1;
	}
	
	#Programme td {
		vertical-align: top;
		padding: 5px;
		border-bottom: #FFF 10px solid;
	}
	
	#Programme .Heure {
		font-size: 20px;
		font-weight: bold;
		background: #fed218;
		padding-right: 15px;
		width: 40px;
	}
	
	#Programme .Heure a, #Programme .Qui a {
		text-decoration: none;		
	}
	
	#Programme .Qui {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 7px;
	}
	
	#Programme .Lien {
		}
		
	#Programme .Plus, #Programme .Plus a, #Programme .Moins, #Programme .Moins a {
		float: right;
		text-decoration: none;
		font-size: 20px;
	}
	
	#Programme .Photo {
		float: left;
		margin-right: 10px;
	}
	
	
	/* Soirée */
	
	#Souper, #ConcoursNonStop, #Concours, #Contact, #ContactForm, #Photos, #Podcasts, #Videos, #Galeries {
		margin-bottom: 60px;
	}
	
	
	#Soiree img.float {
		float: left;
		margin-right: 10px;
	}
	
	#Soiree h3 {
		margin-top: 25px;
	}
	
	#Soiree p {
		font-size: 16px;
	}
	
	/* Galerie */
	#VideosContenu {
		margin-bottom: 30px;
	}
	
	#VideosContenu h3 {
		margin-bottom: 0px;
	}
	
	/* Podcast */
	
	.Podcast {
		margin-bottom: 20px;
	}