		body
		{
			position:relative;
			/*float:left;*/
			/*top:0px;
			left:0px;*/
			width:100%;
			margin:0;
			text-align:center;
			background-color:#E7E7E8;
		}
		
		/* Blocs généraux */
		/* --------------------------- */
		#externFrameLeft
		{
			/*position:relative;*/
			/*test position*/
			position:absolute;
			top:50px;
			left:10px;
			/*fin test*/
			background-color:#e7e7e8;
			width:75px;
			height:720px;
			display:block;
			float:left;
		}
		
		#externFrameRight
		{
			/*position:relative;*/
			/*test position*/
			position:absolute;
			top:50px;
			left:875px;
			/*fin test*/
			background-color:#e7e7e8;
			width:75px;
			height:720px;
			display:block;
			float:left;
		}
		
		#mainFrame
		{
			font-family: verdana,arial,sans-serif;
			/*position:absolute;
			top:55px;
			left:50%;*/
			width:780px;
			height:710px;
			/*margin-left:-391px;*/
			background-color:#ffffff;
			border-left:1px solid;
			border-color:#9E9C97;
		
			overflow:hidden;
			/*float:left;*/
			z-index:1;
			text-align:left;
			margin-left:auto;
			margin-right:auto;
		}
		/* --------------------------- */
		
		/* Blocs inclus dans mainFrame */
		/* --------------------------- */
		#header
		{
			background-color:#ffffff;
			/*width:780px;*/
			height:48px; /* 60-12*/
			padding-left:120px;
			padding-top:12px;
		}
		
		#gauche
		{
			position:relative;
			width:260px;
			height:720px;
			float:left;
			z-index:1;
		}
		
		#centre
		{
			position:relative;
			background-color:#ffffff;
			background-image:url(../images/degrade.gif);
			background-repeat:repeat-y;
			padding-left:19px; /*décalage pour ne pas empiéter sur l'image de fond de 19px de large calé sur la gauche */
			width:437px;/*446px sans padding*/
			height:720px;
			float:left;
			z-index:1;
		}
		
		#titreG
		{
			background-color:#e7e7e8;
			background-image:url(../images/titre_principal.gif);
			background-repeat:no-repeat;
			background-position:bottom;
			width:260px;
			height:180px;
			float:left;
		}
		
		#menuG
		{
			overflow:hidden;
			font-size: 12px;
			font-weight:bold;
			float:left;
		}
				
		#menuG #homepageMenu
		{
			background-color:#aa9687;
			width:245px; /*260-15*/
			height:232px; /*247-15*/
			float:left;
			padding-top:15px;
			padding-left:15px;
		}
		
		#menuG #tv-suisseMenu  
		{
			background-color:#afcdca;
			width:245px; /*260-15*/
			height:232px; /*247-15*/
			float:left;
			padding-top:15px;
			padding-left:15px;
		}
		#menuG #histoire-tsrMenu  
		{
			background-color:#b4b4b4;
			width:245px; /*260-15*/
			height:232px; /*247-15*/
			float:left;
			padding-top:15px;
			padding-left:15px;
		}
		#menuG #pionniersMenu  
		{
			background-color:#dfcb9a;
			width:245px; /*260-15*/
			height:232px; /*247-15*/
			float:left;
			padding-top:15px;
			padding-left:15px;
		}
		#menuG #temoignagesMenu 
		{
			background-color:#c5b391;
			width:245px; /*260-15*/
			height:232px; /*247-15*/
			float:left;
			padding-top:15px;
			padding-left:15px;
		}
		#menuG #galerieMenu 
		{
			background-color:#bccb9a;
			width:245px; /*260-15*/
			height:232px; /*247-15*/
			float:left;
			padding-top:15px;
			padding-left:15px;
		}
		
		#menuG #biographiesMenu 
		{
			background-color:#d7b4c5;
			width:245px; /*260-15*/
			height:232px; /*247-15*/
			float:left;
			padding-top:15px;
			padding-left:15px;
		}
		
		#menuG #generiquesMenu
		{
			background-color:#c8ccd3;
			width:245px; /*260-15*/
			height:232px; /*247-15*/
			float:left;
			padding-top:15px;
			padding-left:15px;
		}
		#menuG #anniversaire50eMenu  
		{
			background-color:#fed6a9;
			width:245px; /*260-15*/
			height:232px; /*247-15*/
			float:left;
			padding-top:15px;
			padding-left:15px;
		}
		#menuG #liensMenu 
		{
			background-color:#e9e5c4;
			width:245px; /*260-15*/
			height:232px; /*247-15*/
			float:left;
			padding-top:15px;
			padding-left:15px;
		}
		
		#droite #homepageMenu
		{
			background-color:#aa9687; 
			height:247px; 
			width:53px; 
			position:relative;
			top:180px;
			float:right;
		}
		#droite #tv-suisseMenu
		{
			background-color:#afcdca; 
			height:247px; 
			width:53px; 
			position:relative;
			top:180px;
			float:right;
		}
		#droite #histoire-tsrMenu
		{
			background-color:#b4b4b4; 
			height:247px; 
			width:53px; 
			position:relative;
			top:180px;
			float:right;
		}
		#droite #pionniersMenu
		{
			background-color:#dfcb9a; 
			height:247px; 
			width:53px; 
			position:relative;
			top:180px;
			float:right;
		}
		#droite #temoignagesMenu
		{
			background-color:#c5b391; 
			height:247px; 
			width:53px; 
			position:relative;
			top:180px;
			float:right;
		}
		#droite #galerieMenu
		{
			background-color:#bccb9a; 
			height:247px; 
			width:53px; 
			position:relative;
			top:180px;
			float:right;
		}
		
		#droite #biographiesMenu
		{
			background-color:#d7b4c5; 
			height:247px; 
			width:53px; 
			position:relative;
			top:180px;
			float:right;
		}
		#droite #generiquesMenu
		{
			background-color:#c8ccd3; 
			height:247px; 
			width:53px; 
			position:relative;
			top:180px;
			float:right;
		}
		#droite #anniversaire50eMenu
		{
			background-color:#fed6a9; 
			height:247px; 
			width:53px; 
			position:relative;
			top:180px;
			float:right;
		}
		#droite #liensMenu
		{
			background-color:#e9e5c4; 
			height:247px; 
			width:53px; 
			position:relative;
			top:180px;
			float:right;
		}
		
		.menuGItem
		{
			background-image:url(../images/menu_background.gif); 
			background-repeat:no-repeat;
		}
		
		.menuGItemSelected
		{
			background-image:url(../images/menu_background_selected.gif); 
			background-repeat:no-repeat;
		}
		
		#menuG a
		{
			text-decoration:none;
			color:#000000;
			text-transform:uppercase;
			font-weight:bold;
		}
		
		#logosG
		{
			background-color:#e7e7e8;
			width:260px;
			height:240px;
			float:left;
			text-align:center;
		}

		
		/* Elements en rapport avec le sous-menu */
		/* --------------------------------*/
		#centre #SousMenu
		{
			background-color:#e7e7e8;
			width:97px;
			height:601px;
			float:left;
			vertical-align:bottom;		
		}
		
		.sousMenuItem
		{
			padding-top:10px;
		}
		
		.sousMenuItem a
		{
			text-decoration:none;
			color:#000000;
		}
		
		.sousMenuItemSelected
		{
			padding-top:10px;
		}
		.sousMenuItemSelected a
		{
			text-decoration:none;
			color:#b74e52;
		}
		.sousMenuItem a:hover
		{
			text-decoration:none;
			color:#b74e52;
		}
			
		.sousMenuItem .legend, .sousMenuItemSelected .legend
		{
			padding-bottom:2px;
			font-size:10px;
			text-decoration:none;
			font-weight:bold;
			text-transform:uppercase;
			text-align:right;
		}
		
		/* --------------------------------*/
		
		a img
		{
			border:none;
		}
		/* Elements documents (role) contenus dans le bloc centre */
		/* ------------------------------------- */
		#centre #storyHome
		{
			position:relative;
			background-color:#ffffff;	
			width:330px; /*330-12-15 => taille original-padding*/
			height:596px;
			/*padding-top:5px;*/
			/*padding-left:12px;*/ /*12px*/
			/*padding-right:15px;*/
			float:right;
			/*overflow:hidden;	*/
		}
		#centre #story
		{
			position:relative;	
			background-color:#e7e7e8;	
			width:303px; /*330-12-15 => taille original-padding*/
			height:596px; /* 601 normalement, mais 601-5 car padding-top:5px*/
			padding-top:5px;
			padding-left:12px;/*12*/
			padding-right:15px;
			float:right;
			overflow:hidden;
			z-index:1;	
		}
		
		#scrollBar
		{
			position:relative;
			background-color:#ffffff;
			background-image:url(../images/scroll.gif);
			background-repeat:repeat-y;
			width:11px;
			height:601px;
			float:left;
			display:block;
		}
		
		#centre #storyGallery
		{
			position:absolute;
			top:0px;	
			left:0px;
			background-color:#e7e7e8;	
			background-image:url(../images/degrade.gif);
			background-repeat:repeat-y;
			width:456px;/*meme largeur que l'image affiché*/
			height:601px;
			overflow:hidden;	
		}
		
		#centre #storyBio
		{
			position:relative;
			padding-top:115px; /* pour aligner sur le menu de gauche le tableau contenu (tabBio) dans storyBio 115*/
			float:right;
			background-color:#ffffff;
			width:430px;/*meme largeur que l'image affiché*/
			height:480px;/*601*/
			overflow:visible;	
		}
		
		#centre #storyList
		{
			position:relative;
			background-color:#ffffff;	
			width:370px; /*330-12-15 => taille original-padding*/
			height:596px;
			/*padding-top:5px;*/
			/*padding-left:12px;*/ /*12px*/
			/*padding-right:15px;*/
			float:right;
			overflow:hidden;
		}
		/* ------------------------------------- */
		
		#mainImage
		{
				position:absolute;
				top:180px;
				left:-126px;
				float:left;
		}
		
		#galeryImage
		{
				position:absolute;
				top:180px;
				left:0px;
				float:left;
		}
		
		#mainImage .legend, #galeryImage .legend
		{
			font-size:10px;
			font-style:italic;
			padding-top:8px;
			padding-left:25px;
			color:#8b8b8b;
		}
		
		.docImage
		{
			padding-top:0px;
		}
		
		.docImage .legend
		{
			font-size:10px;
			font-style:italic;
			margin-top:5px;
			margin-bottom:10px;
			color:#8b8b8b;
			text-transform:none;
		}
		
		h1
		{
			font-size:30px;
			color:#808285;
			margin-top:5px;
			margin-bottom:0px;
			/*font-weight:bold;*/
		}
		
		h2
		{
			color:#000000;
			font-size:22px;
			font-weight:bold;
			margin:0px;
		}
		
		h3
		{
			color:#808285;
			font-size:16px;
			margin:0px;
			margin-top:10px;
		}
		/* le titre des biographies est plus grande que les autres */
		#storyBio h3
		{
			color:#808285;
			font-size:24px;
			font-weight:200;
			letter-spacing:-1px;
			margin:0px;
			margin-top:10px;
		}
		
		h4
		{
			color:#a82024;
			font-size:11px;
			font-weight:bold;
			margin:0px;
			margin-top:10px;
		}
		
		.blackText
		{
			font-size:11px;
			color:#000000;
			font-weight:bold;
			
		}
		
		a.linkDoc 
		{
			font-size:11px;
			color:#000000;
			font-weight:bold;
			text-decoration:none;
			
		}
		
		.textMaj
		{
			font-size:9px;
			color:#8b8b8b;
			text-transform:uppercase;
			/*letter-spacing:-0.5px;*/
			
		}
		/* lettrine */
		.textMaj:first-letter
		{
			float:left;
			font-family: verdana,arial,sans-serif;
			font-size:8em;
			color:#000000;
			font-weight:300;
			margin-left:-5px;
			margin-right:5px;
			margin-top:5px;
		}
		
		.text
		{		
			font-size:10px;
			color:#8b8b8b;
		}
		
		.tabListBio .text
		{
			font-size:10px;
			letter-spacing:-1px;
		}
		
		.tabListBio a
		{
			color:#8b8b8b;
			text-decoration:none;
		}
		
		.tabListBio a:hover
		{
			color:#ff0000;
		}
		
		
		/*Elements pour la galerie */
		/* -----------------------*/
		
		#storyGallery .cellMini
		{
			padding-left:8px;
			padding-top:13px;
		}
		
		#storyGallery #tabDate
		{
			position:absolute;
			bottom:0px;
			background-image:url(../images/traitille.gif);
			background-repeat:repeat-x;
		}
		
		.linkDate a
		{
			font-family: verdana,arial,sans-serif;
			font-size:12px;
			text-decoration:none;
			font-weight:bold;
			color:#000000;
			padding-top:3px;
			padding-left:5px;
		}
		
		.linkDateSelected a
		{
			font-family: verdana,arial,sans-serif;
			font-size:12px;
			text-decoration:none;
			font-weight:bold;
			color:#A62A39;
			padding-top:3px;
			padding-left:5px;
		}
		
		.linkDate a:hover
		{
			border:0;
			text-decoration:none;
			color:#A62A39;
		}
		
		
		
		/* Elements pour la liste des biographies */
		/* -------------------------------------- */
		
		.tabListBio
		{
			position:absolute;
			left:0px;
			top:180px;
			width:100%;
		}
		
		.tabListBio .tabCell
		{
			padding-left:5px;
			padding-right:5px;
			/*border-left:1px solid #8b8b8b;*/
		}
		
		.tabListBio .tabCellBorder
		{
			padding-left:5px;
			padding-right:5px;
			border-left:1px solid #8b8b8b;
		}
		
		.tabCell .text a
		{
			text-decoration:none;
		}
		
		.tabCellBorder .text a
		{
			text-decoration:none;
		}
		
		.tabCell .text a:hover
		{
			text-decoration:none;
			color:#ff0000;
		}
		
		.tabCellBorder .text a:hover
		{
			text-decoration:none;
			color:#ff0000;
		}
		
		.tabCell .text a:visited
		{
			text-decoration:none;
			color:#d7b4c5;
		}
		
		.tabCellBorder .text a:visited
		{
			text-decoration:none;
			color:#d7b4c5;
		}
		
		/* Elements pour les biographies */
		/* -------------------------------------- */
		
		.tabBioCellContent
		{
			padding-top:6px; /*pour aligner la photo et le texte avec le début du menu principal */
		}
		
		/* Elements indépendants */
		/* --------------------- */
		#coinHaut
		{
			background-image:url(../images/coin-haut.gif);
			background-repeat:no-repeat;
			height:36px;
			width:36px;
			display:block;
			position:absolute;
			margin-top:60px;
			margin-left:242px;
			/*top:60px;
			left:242px;*/ /* 483*/
			z-index:2;
		}
		
		#coinHautSpecial
		{
			background-image:url(../images/coin-haut.gif);
			background-repeat:no-repeat;
			height:36px;
			width:36px;
			display:block;
			/*position:relative;*/
			position:absolute;
			margin-left:242px;
			margin-top:218px;
			/*top:258px;*/ /*275*/
			/*left:242px;*/ /*483*/
			z-index:2;
		}
		
		#coinBas
		{
			background-image:url(../images/coin-bas.gif);
			background-repeat:no-repeat;
			height:36px;
			width:36px;
			display:block;
			position:absolute;
			margin-top:625px;
			margin-left:242px;
			/*top:625px;
			left:242px;*/
			z-index:2;
		}
		
		#coinBasSpecial
		{
			background-image:url(../images/coin-bas.gif);
			background-repeat:no-repeat;
			height:36px;
			width:36px;
			display:block;
			position:absolute;
			margin-left:242px;
			margin-top:564px;
			/*top:600px;*/ /*620*/
			/*left:242px;*/ /*483*/
			z-index:2;
		}
		
		/* Elements relatifs a l'ascenseur */
		/* ------------------------------- */
		
		#scrollingBlock
		{
			position:relative;
		}
		
		#scrollBar #scrollUp
		{
			position:absolute; 
			top:0px;
			width:12px;
			height:11px;
			background-image:url(../images/scrollUp.gif);
			background-repeat:no-repeat;
			cursor:pointer;
			display:block;
		}
		
		#scrollBar #scrollDown
		{
			position:absolute; 
			top:590px;
			width:12px;
			height:11px;
			background-image:url(../images/scrollDown.gif);
			background-repeat:no-repeat;
			cursor:pointer;
			display:block;
		}
		#footer-tsr {
			position:absolute;
			z-index:9999;
			left:0;
			position:absolute !important;
			z-index:9999 !important;
			left:0 !important;
		}	

		#tsr-header .right {
			display: none;
		}
