/* feuille de style pour site topcode.fr : page avec texte dans l'écran principal*/


body
{
   width: 980px;
   margin: auto;
   /*margin-top: 5px;
	margin-bottom: 5px;*/   
   background-color: #ffffff;
}


/* classes */
.titre 
{
	font-family: impact, Arial, verdana, sansSerif;
	font-size: x-large;
	font-style: normal;
	line-height: normal;
	color: black;
	clip: rect(5px,auto,auto,auto);
	top: auto;
	right: auto;
	text-align: center;
	vertical-align: top;
}

.bandeau
 {
	font-family: "comic Sans MS", Arial, Verdana, sansSerif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	text-indent: 20px;
	color: black;
}
.bandeau:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.5em; /* Ecrit légèrement plus gros que la normale */
   color: #696969; /* En gris */
}
.zonecentrale
 {
	font-family: "comic Sans MS", Arial, Verdana, sansSerif;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: black;
}
.lien {
	font-family: "comic Sans MS", Arial, Verdana, sansSerif;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	color: #0099FF;
	text-decoration: underline;
}
.pied 
{
	font-family: "comic Sans MS", Arial, Verdana, sansSerif;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	text-align: center;
	color: black;
}

a
{
	font-family: "comic Sans MS", Arial, Verdana, sansSerif;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	text-align: center;
	color: #0099FF;
	text-decoration: underline;
}
a:hover
{
	color: red;
}


.ecran 
{
	font-family: "comic Sans MS", Arial, Verdana, sansSerif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	color: black;
}
/* fin classes*/

/* logo haut */

#logohaut
{
	position: absolute;
	left: 113px;
	top: 15px;
	width: 360px;
	height: 85px;
	z-index: 10;
	background-image: url("../images/logo_top_code_b_600.jpg");
	background-repeat: no-repeat;
}

/* fin logo haut */

/* bandeau */

#bandeau
{
	position: absolute;
	left: 500px;
	top: 14px;
	width: 488px;
	height: 136px;
	z-index: 20;
	overflow: auto;
}

#bandeauflash
{
	position: absolute;
	left: 2px;
	top: 2px;
	width: 990px;
	height: 140px;
	z-index: 20;
	overflow: auto;
}


/* fin bandeau */

/* titre */

#titre
{
	position: absolute;
	left: 77px;
	top: 80px;//100px;
	width: 423px;
	height: 53px;
	z-index: 30;
}

/* fin titre */

/*  zone centrale  */
#zonecentrale
{
	position: absolute;
	left: 669px;
	top: 163px;
	width: 108px;
	height: 381px;
	z-index: 40;
	overflow: auto;
}

/* fin zone centrale  */

/* menu */
#menucadre
{
	position:absolute;
	left:770px;
	top:163px;
	width:210px;
	height:381px;
	z-index:50;
}

#menuh
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 210px;
	height: 48px;
	z-index: 52;
	background-image: url("../images/cadre_haut.gif");
	background-repeat: no-repeat;
}


#menug
{
	position: absolute;
	left: 0px;
	top: 48px;
	width: 28px;
	height: 275px;
	z-index: 53;
	background-image: url("../images/cadre_gauche.gif");
	background-repeat: no-repeat;
}

#menud
{
	position: absolute;
	left: 164px;
	top: 48px;
	width: 46px;
	height: 275px;
	z-index: 54;
	background-image: url("../images/cadre_droit.gif");
	background-repeat: no-repeat;
}


#menulogo
{
	position: absolute;
	left: 28px;
	top: 49px;
	width: 133px;
	height: 33px;
	z-index: 55;
	background-image: url("../images/logo_top_code_b_133.jpg");
	background-repeat: no-repeat;
}


#menudyn4js
{
	position: absolute;
	left: 28px;
	top: 91px;
	width: 136px;
	height: 19px;
	z-index: 56;
}

#menub
{
	position: absolute;
	left: 0px;
	top: 323px;
	width: 210px;
	height: 58px;
	z-index: 51;
	background-image: url("../images/cadre_bas.gif");
	background-repeat: no-repeat;
}


/* fin menu*/

/* cadre ppal*/

#ecrantactile
{
	position:absolute;
	left:20px;
	top:23px;
	width:594px;
	height:314px;
	overflow: auto;
	z-index:60
}

#tactilecadre
{
	position:absolute;
	left:10px;
	top:163px;
	width:659px;
	height:381px;
	z-index:65;
	background-image: url("../images/Tactile_2.png");
	background-repeat: no-repeat;
}

#tactiletextedroit
{
	float: right;
	padding:5px;
	z-index: 70;
	text-align:center;
	font-weight:bolder;
}

/* fin cadre ppal */

/* cadre ppal tactile flash*/

#tactilecadreflash
{
	position:absolute;
	left:38px;
	top:193px;
	width:659px;
	height:381px;
	z-index:60;
}

/* fin cadre ppal tactile flash */
/* cadre ppal flash*/

#cadreflash
{
	position:absolute;
	left:10px;
	top:130px;
	width:724px;
	height:390px;
	z-index:60;
}

/* fin cadre ppal tactile flash */
/* pied */

#pied
{
	position: absolute;
	left: 12px;
	top: 550px;
	width: 977px;
	height: 45px;
	z-index: 70;
}

/* fin pied */