@charset "utf-8";


/* CSS Document */
body 
	{ 
	background-color: #000000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	}

.box_encart_header
	{
	margin: auto; 
	padding-right: 3px;
	background-image: url(box_encart_header.png);
	background-repeat: no-repeat;
	height: 75px;
	width: 947px;
	z-index: 1;
	}	

.barre
	{
	margin-top: -15px;
	background-image:url(barre_pixel_L100_1px.png);
	background-repeat: repeat-x;
	height: 100px;
	z-index: 0;
    }
	
.barre_contenu
	{
	margin: auto;
	height: 100px;
	width: 950px;
	z-index: 0;
    }


.box_main
	{
	overflow: auto;
	margin: auto;
	margin-top: -5px;
	/* height: 1100px;  */
	width: 950px;
	background-image: url(pixel_box_main.png);
	background-repeat: repeat-y;
	}


.box_footer
	{
	
	margin: auto;
	padding-left: 8px;
	background-image: url(box_encart_footer.png);
	background-repeat: no-repeat;
	text-align: left;
	width: 942px;
	height: 20px;
	}


.logo_site
	{
	position: absolute; 
	margin-top: 6px;
	margin-left: 4px;
	height: 102px;
	width: 210px;
	background-image: url(logo_tsm_H210.png);
	z-index: 1;
	}
	
.logo_site_text
	{
	position: absolute;
	margin-top: 53px;
	margin-left: 44px;
	height: 20px;
	width: 187px;
	background-image: url(logo_tsm_text_H20.png);
	z-index: 9;
	}
	
	
.onglet_actif
	{
	float: right;
/*	position: fixed;  */
	margin-top: 22px;
	margin-left: 2px;
	height: 49px;
	width: 120px;
	background-image: url(TSM_onglet_actif.png);
	background-repeat:no-repeat;
	z-index: 9;
	}
	
.onglet_inactif_TSTG
	{
	float: right;
/*	position: fixed;  */
	margin-top: 31px;
	margin-left: 2px;
	height: 33px;
	width: 80px;
	background-image: url(TSTG_onglet_inactif.png);
	background-repeat:no-repeat;
	z-index: 9;
	}
	
.onglet_inactif_TSO
	{
	float: right;
/*	position: fixed;  */
	margin-top: 31px;
	margin-left: 2px;
	height: 33px;
	width: 80px;
	background-image: url(TSO_onglet_inactif.png);
	background-repeat:no-repeat;
	z-index: 9;
	}
	
.onglet_inactif_TSG
	{
	float: right;
/*	position: fixed;  */
	margin-top: 31px;
	margin-left: 2px;
	height: 33px;
	width: 80px;
	background-image: url(TSG_onglet_inactif.png);
	background-repeat:no-repeat;
	z-index: 9;
	}
	
.onglet_inactif_TSE
	{
	float: right;
/*	position: fixed;  */
	margin-top: 31px;
	margin-left: 2px;
	height: 33px;
	width: 80px;
	background-image: url(TSE_onglet_inactif.png);
	background-repeat:no-repeat;
	z-index: 9;
	}
	
.onglet_inactif_TSM
	{
	float: right;
/*	position: fixed;  */
	margin-top: 31px;
	margin-left: 2px;
	height: 33px;
	width: 80px;
	background-image: url(TSM_onglet_inactif.png);
	background-repeat:no-repeat;
	z-index: 9;
	}
	
.box_left_main
	{
	float: left;
/*	position: fixed;  */
	margin-top: 1px;
	margin-left: 14px;
/*	height: 420px; */
	width: 175px;
	background-image: url(fond_menu_left.png);
	background-repeat:no-repeat;
	z-index: 9;
	}
	
		.box_left_menu_basic
			{
			margin-top: 1px;
			height: 420px;
			width: 175px;
			background-image: url(fond_menu_left_1px.png);
			background-repeat: repeat-y;
			z-index: 9;
			}
			
		.box_left_menu_basic_close
			{
			height: 14px;
			width: 175px;
			background-image: url(fond_menu_left_close.png);
			background-repeat: no-repeat;
			z-index: 9;
			}
			
			
/* LES BOXES____________________________________________________________________________________________________________________________ */		
/* Boxe blanc avec bord de couleur du site, legermenet transparents */	
.box_typ1
	{
	margin-top: 1px;
	height: 175px;
	width: 175px;
	background-image: url(test1.png);
	background-repeat: no-repeat;
	z-index: 9;
	}
	
	
.box_typ2_open
	{
	width: 175px;
	height: 5px;
	padding-left: 5px;
	background-image: url(box_typ2_open.png);
	background-repeat: no-repeat;
	z-index: 9;
	}

.box_typ2_bande
	{
	width: 175px;
	height: 410px;
	padding-left: 5px;
	background-image: url(box_typ2_bande_1px.png);
	background-repeat: repeat-y;
	z-index: 8;
	}

.box_typ2_close
	{
	width: 175px;
	height: 5px;
	padding-left: 5px;
	background-image: url(box_typ2_close.png);
	background-repeat: no-repeat;
	z-index: 9;
	}
	
	

/* LES BOX PRINCIAUX DE CONTENU__________________________________________________________________________________________________________*/	
.box_principal
	{
	float: left;
	margin-top: 1px;
	margin-left: 14px;
	height: 598px; 
	width: 733px; 
/*	background-position: bottom-right;
	background-color: #f2f2f2; */
	z-index: 9;
	}
	
	.fanion_titre_typ1
	{
	padding-top: 20px;
	background-position: center;
	height: 32px; /* taille r�el de l'image 32 */
	width: 733px; /* 733px */
	background-image: url(fanion_L733.png);
	background-repeat: no-repeat;
	z-index: 9;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	}
	
	
	.box_milieu
	{
	float: left;
	position: relative;
/*	position: fixed;  
	margin-top: 1px;
	margin-left: 14px;  
	height: 28px; */
	width: 533px; 
	z-index: 9;
	}
	
	
	.box_milieu_texte
	{
	float: left;
/*	position: fixed;  
	margin-top: 1px;
	margin-left: 14px;  */
	height: 598px; 
	width: 333px; 
	background-color: #0033FF;
	z-index: 9;
	}
	


/* LES BOX DE GAUCHE__________________________________________________________________________________________________________*/	
.box_right_main
	{
	float: left;
/*	position: fixed;  */
	margin-top: 1px;
	padding-left: 14px;
/*	height: 420px; */
	width: 175px;
	z-index: 9;
	}
	
		
/* ______________________________________________ */			
.box_icone_fond_site
	{
	position: relative;
	margin: auto;
	width: 950px;
	height: 0px;
	z-index: 0;
	}
	
	.icone_fond_site
	{
	float: right;
	width: 300px;
	height: 208px;
	margin-top: -228px;
	margin-right: 50px;
	background-image: url(icone_fond_site.png);
	background-repeat: no-repeat;
	z-index: 0;
	}