/* STYLES CSS GLOBAUX */

	/* Cette feuille de style regroupe les éléments essentiels à l'affichage du site */

	@import url("/global/styles/reset-fonts.css"); /* import du style reset-font Yahoo YUI */

	/* = LAYOUT GLOBAL */
	body {
		font-family: Helvetica, Arial, sans-serif;
		margin: 0;
		padding: 0;
		}

	#page {
		width:946px!important;
		/* modif stephane : ancienne valeur 937 */
		margin: 0 auto;
		position:relative;
		height:auto;
		}

	#header {
		width: 555px;
		height: 230px;
		position:absolute;
		display: block;
		top: 0px;
		left: 152px;
		}

	.uneCol #header {
		width: 780px !important;
		}

	#sidebar {
		width: 152px;
		float:left;
		}

	#mainContent {
		width: 545px;
		float: left;
		}

	.uneCol #mainContent {
		width: 775px !important;
		}

	#altContent {
		width: 230px;
		float:right;
		}

	#footer {
		width: 937px;
		float: left;
		}

	/* = Clearfix hack */
	/* Technique permettant le clearing des blocs */
	.clearfix:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
		}

	.clearfix {
	    display: inline-block;
		}
	.break {clear: both;}

	html[xmlns] .clearfix {
	    display: block;
		}

	* html .clearfix {
	    height: 1%;
		}

	/* = STYLES GÉNÉRAUX */
	span.cache {
		display: none;
		}
	strong {font-weight: bold;}

	a.link {font-size: 93%;}

	input.bt { /* Cette classe sert à définir les boutons */
		margin: 0 0 0 5px;
		}

	br.clear { /* Eviter des problemes de lien sous ie 6 */
		clear: both;
		height:1px;
		}

	/* = HEADER */

	#header p#logo {
		font-size: 196%;
		}
	#header p#baseline {
		font-size: 116%;
		}

	/* = NAVIGATION PRINCIPALE */

	/* Le bouton spécifique de la navigation, le retour à l'accueil, ce dernier ne changera pas selon les versions du site */
	#retourAccueil {
		width: 132px;
		padding: 2px 0 0 20px;
		}

	#retourAccueil a {
		font-size: 93%; /* 12px */
		}

	#retourAccueil a:hover {
		}
		
	/* La navigation principale */
	ul#nav {
		width: 152px;
		margin: 12px 0 0 0;
		}

	ul#nav li {
		padding: 7px 0 7px 20px;
		}
	
	ul#nav li a {
		font-weight: bold;
		font-size: 93%; /* 12px */
		}

	/* L'accès à mySpace, séparé du reste de la nav et donc traité séparément */
	ul#nav li#mySpace {
		margin: 23px 0 0 0;
		}

	/* Les blocs Newsletter, Playlists et Partenaires, styles globaux */
	#playlist,
	#newsletter,
	#partenaires {
		width: 152px;
		margin: 16px 0 0 0;
		}

	#playlist h3,
	#newsletter h3,
	#partenaires h3 {
		font-weight: bold;
		font-size: 93%; /* 12px */
		padding: 5px 0 5px 10px;
		}

	/* le formulaire de la newsletter */
	#newsletter input.email {
		width: 105px;
		float: left;
		}

	/* = LE CONTENU DE LA PAGE */


	#mainContent {
		margin:230px 5px 0 5px;
		}

	#editContent h2 {
		font-size: 153.9%; /* 20px */
		}

	#editContent h2#titre {
		line-height: 197%;
		}

	#editContent h3 {
		font-size: 123.1%; /* 16px */
		margin: 25px 0 10px 0;
		}

	#altContent h3 {
		font-size: 93%;
		font-weight: bold;
		}

	#altContent p {
		font-size: 93%;
		}

	/* = LE FOOTER */

	#footer {
		margin-top:30px;
		}
	
	#footer p {
		font-size:93%;
	}
	
	/*  INFOBULLES */
	
	div#glincer div {
		position:absolute;
		top: 0px;
		left: 0px;
		background: #fff;
	}