* {
	margin: 0 ;
	padding: 0 ;
}

body {
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em arial, verdana, helvetica, sans-serif ;
	background: #74b4e0 ;
}

div#conteneur {
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #0060a4 ;
	background: #fff ;
}

h1#header {
	height: 200px ;
	background: url(LangTech_logo.gif) no-repeat left top ;
	margin: 10px ;
}

h1#header a {
	width: 400px ;
	height: 70px ;
	display: block ;
	background: url(LangTech_horiz.gif) no-repeat ;
	position: relative ;
	left: 350px ;
	top: 15px ;
	text-indent: -5000px ;
}/* On donne les m�mes dimensions au lien, chose
 possible gr�ce � la propri�t� display: block ; qui transforme le lien
  en �l�ment de type block, auquel on peut donner des propri�t�s de taille.
   On met aussi l'image de fond qui a les m�mes dimensions que le cadre ainsi cr�� */
/* Le text-indent n�gatif est fait pour pouvoir ne
 cacher le texte hors de la page, ce que nous voulons. Ainsi il reste
  exploitable pour les synt�ses vocales */
div#intro {
	width: 395px ;
	font: 0.5em arial, verdana, helvetica, sans-serif ;
	position: relative ;
	text-align: justify;
	top: 15px ;	
	left: 350px ;
}

ul#menu {
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(LangTech_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}
/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilis�e en fond, on met ensuite l'image de fond
  avec un d�calage de 25 pixels vers le haut pour utiliser la technique de roll over expliqu�e dans un autre tutoriel; */
  
ul#menu li {
	float: left ;
	text-align: center ;
}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu li a {
	width: 120px ;
	line-height: 25px ;
	font-size: 0.9em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #000 ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #0060a4 ;
}/* C'est sur les liens que le gros du travail est
 effectu�, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a gr�ce � la propri�t� display: block ; */

ul#menu li a:hover {
	background: url(LangTech_menu.gif) repeat-x 0 0 ;
}/* Et pour finir on d�cale l'image de fond au passage
 de la souris pour laisser apara�tre l'�tat survol� de l'image, 
 voir le tutoriel sur les roll over pour plus de d�tails */

div#proceedings {
	text-align: right ;
}

div#contenu {
	padding: 10px 25px 10px 100px ;
	background: url(LangTech_vert.gif) no-repeat 15px 15px ;
}

div#contenu h2 {
	padding-left: 25px ;
	margin-top: 40px ;
	margin-bottom: 20px ;	
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(LangTech_logo_little.gif) no-repeat left bottom ;
	color: #0060a4 ;
	border-bottom: 1px solid #0060a4 ;
} /* H2 titles styles */

div#contenu h3 {
	margin-left: 25px ;
	padding-left: 5px ;
	border-bottom: 1px solid #0060a4 ;
	border-left: 3px solid #0060a4 ;
	color: #0060a4 ;
}  /* H3 titles styles */

div#contenu p {
	margin: 10px 0px 10px 0px ;
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#contenu a {
	color: #0060a4 ;
}

div#contenu a:hover {
	color: #74b4e0 ;
}

div#paragraphe {
	margin: 10px 10px 10px 10px ;
	padding: 10px 10px 10px 10px ;
	vertical-align: top ;
}

p#footer {
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #996699 ;
	font-size:0.8em;
}

p#footer a {
	color: #0060a4 ;
}

p#footer a:hover {
	color: #74b4e0 ;
}

pre {
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

pre span {
	color: #560 ;
}

pre span.comment {
	color: #b30000 ;
}

.gauche {
	float: left;
	margin: 0px 10px 10px 0px ;
	border: 0 ;
	color: #0060a4 ;
} /* Used to define each conference logo position */