<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
function insert(el,ins) {
if (el.setSelectionRange){
el.value = el.value.substring(0,el.selectionStart) + ins + el.value.substring(el.selectionStart,el.selectionEnd) + el.value.substring(el.selectionEnd,el.value.length);
}
else if (document.selection && document.selection.createRange) {
el.focus();
var range = document.selection.createRange();
range.text = ins + range.text;
}
}
</script>
<script>
<!--
// Copyright 2001 by www.CodeBelly.com
// Do *not* remove this notice.
function selectText(){
document.TheForm.ta.focus();
document.TheForm.ta.select();
}
//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>pour &eacute;crire phon&eacute;tique</title>
<style type="text/css">
<!--
.labels {
font-family: "Arial Unicode MS";
font-size: 16px;
font-weight: bold;
width: 28px;
}
body,td,th {
font-family: Times New Roman, Times, serif;
font-size: 18px;
font-weight: bold;
}
body {
margin-top: 0px;
font-family: "Arial Unicode MS";
}
.fill-in {
font-family: "Times New Roman", Times, serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #CCCCCC;
}
.style3 {font-size: 18px; }
.style4 {font-size: 18px; font-style: italic; }
.style5 {
font-size: 24px;
font-style: italic;
}
-->
</style>
</head>

<body>
<table width="90%%" border="0" id="layout">
<tr>
<td><table width="90%%" border="0" align="center" id="content">
<tr>
<td width="710"><div align="center" class="style5">Pour &eacute;crire phon&eacute;tique </div>
</label></td>
</tr>
<tr>
<td><hr color="#800000"></td>
</tr>
<tr>
<td><table width="100%" border="0" align="center" id="references">
<tr>
<td><div align="center"><em><a href="f328s2010.htm" target="_blank"><em>cours 328</em></a><a href="f328s2008.htm" target="_blank"></a></div></td>
<td><div align="center"><a href="http://www.wordreference.com/fren/" target="_blank" class="style4">dictionnaire</a></div></td>
<td><div align="center"><em><a href="../Multi-handouts/alphabet_phonetique.htm" target="_blank" class="style3">symboles API </a> </em></div></td>
<td><div align="center"><a href="http://www.leconjugueur.com/" target="_blank" class="style4">conjugaison</a></div> <div align="center"></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><hr /></td>
</tr>

<tr>
<td colspan="2"><label>
<div align="center">
<form name="TheForm">
<textarea name="ta" cols="70" rows="15" class="fill-in">
NOM :
Date :
Titre / Devoir :
_______________________________________________________
</textarea>
<table width="70%" border="1" cellpadding="3" cellspacing="0" bordercolor="#800000" id="buttons">
<tr>
<td><div align="center">
<input name="button1" type="button" class="labels" onclick="insert(this.form.ta,'&#x0259;')" value="&#x0259;" />
<input name="button2" type="button" class="labels" onclick="insert(this.form.ta,'&#x025B;')" value="&#x025B;" />
<input name="button3" type="button" class="labels" onclick="insert(this.form.ta,'&#x0254;')" value="&#x0254;" />
<input name="button4" type="button" class="labels" onclick="insert(this.form.ta,'&#x00F8;')" value="&#x00F8;" />
<input name="button5" type="button" class="labels" onclick="insert(this.form.ta,'&#x0153;')" value="&#x0153;" />
<input name="button6" type="button" class="labels" onclick=
"insert(this.form.ta,'&#x0251;')" value="&#x0251;" />
<input name="button9" type="button" class="labels" onclick="insert(this.form.ta,'&#x0251;&#x0303;')" value="&#x0251;&#x0303;" />
<input name="button10" type="button" class="labels" onclick="insert(this.form.ta,'&#x025B;&#x0303;')" value="&#x025B;&#x0303;" />
<input name="button11" type="button" class="labels" onclick="insert(this.form.ta,'&#x0254;&#x0303;')" value="&#x0254;&#x0303;" />
<input name="button12" type="button" class="labels" onclick="insert(this.form.ta,'&#x0153;&#x0303;')" value="&#x0153;&#x0303;" />
<input name="button13" type="button" class="labels" onclick="insert(this.form.ta,'&#x0265;')" value="&#x0265;" />
<input name="button14" type="button" class="labels" onclick="insert(this.form.ta,'&#x0283;')" value="&#x0283;" />
<input name="button15" type="button" class="labels" onclick="insert(this.form.ta,'&#x0292;')" value="&#x0292;" />
<input name="button16" type="button" class="labels" onclick="insert(this.form.ta,'&#x0272;')" value="&#x0272;" />
<input name="button24" type="button" class="labels" onclick="insert(this.form.ta,'&#x014B;')" value="&#x014B;" />
</div></td>
</tr>
</table>

</form>
</div>

</label></td>
</tr>
<tr>
<td colspan="2"><hr /></td>
</tr>
<tr>
<td colspan="2"><div align="center">Quand vous aurez fini d'&eacute;crire, copiez (<em>control</em> + <em>c</em>) le tout et mettez-le dans un document Word.
<input name="capture" type="button" class="fill-in" onclick="selectText()" value="S&eacute;lectionnez votre texte" /><br />
</div></td>
</tr>
<tr>
<td colspan="2"><hr /></td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>