Problème majeur dreaweaver
mily
-
mily -
mily -
Bonjour,
je suis en train de créer un site sous dreamweaver. J'ai réalisé ma matrice sous photoshop (elle comprend le menu, la zone de texte etc.), par la suite fait des tranches que j'ai ensuite insérer dans dreaweaver. Le problème est que je ne peux pas y insérer du texte par dessus sans que tout se décale.
Je souhaiterai savoir s'il est possible de passer cette matrice en arrière plan, en sachant que c'est le corps de mon site, texte à part. Si oui comment faire, je n'ai pas vraiment compris le CSS et je pense que c'est avec cela qu'il faut faire???
De même si je passe l'image en arrière plan, pourrais-je toujours faire des boutons pour mon menu tel que je voulais faire au départ?
Merci d'avance pour votre réponse
je suis en train de créer un site sous dreamweaver. J'ai réalisé ma matrice sous photoshop (elle comprend le menu, la zone de texte etc.), par la suite fait des tranches que j'ai ensuite insérer dans dreaweaver. Le problème est que je ne peux pas y insérer du texte par dessus sans que tout se décale.
Je souhaiterai savoir s'il est possible de passer cette matrice en arrière plan, en sachant que c'est le corps de mon site, texte à part. Si oui comment faire, je n'ai pas vraiment compris le CSS et je pense que c'est avec cela qu'il faut faire???
De même si je passe l'image en arrière plan, pourrais-je toujours faire des boutons pour mon menu tel que je voulais faire au départ?
Merci d'avance pour votre réponse
A voir également:
- Problème majeur dreaweaver
- CATIA V5R19 - Problème majeur d'affichage ✓ - Forum Logiciels
- Relation amoureuse prof élève majeur - Forum Vos droits sur internet
- Nude majeur mineur - Forum Vos droits sur internet
- Etre majeur pour financer un hebergement? - Forum Hébergement
- Comment prouver qu'on est majeur sur x - Guide
3 réponses
impossible de répondre à ta question sans voir le code CSS si tu peut nous montrer le code source on pourra t'aider
Rachid à raison, le code que tu as déjà fait nous renseigneras déjà beaucoup sur les possible erreurs, ou amélioration a t'indiquer en plus de répondre à ta question.
Sinon, de ce que tu as déjà écrit, je pense pouvoir te dire cela, ton image tu l'as placer en tant qu'image dans ta page et pas en image de fond, ce qui est fait un objet et pas une "toile de fond". il vas falloir utilise des div et du css pour faire quelque chose de propre., la div seras l'endroit ou tu vas écrire et le css, vas déclarer une image a mettre en fond de div (pour une structure simple, l'image en fond de page peu suffire, cela allège les codes.
Sinon, de ce que tu as déjà écrit, je pense pouvoir te dire cela, ton image tu l'as placer en tant qu'image dans ta page et pas en image de fond, ce qui est fait un objet et pas une "toile de fond". il vas falloir utilise des div et du css pour faire quelque chose de propre., la div seras l'endroit ou tu vas écrire et le css, vas déclarer une image a mettre en fond de div (pour une structure simple, l'image en fond de page peu suffire, cela allège les codes.
et bien en fait le site je l'ai créé en cours et je l'ai mis en ligne. Le soucis c'est que ce n'est pas moi qui est créer les zones de textes. voici le lien (www.bigourdanegymtarbes.fr).
Pour faire court je souhaiterai rajouter d'autres sous-menus le soucis c'est que quand je vais dans formulaire, pour y insérer une zone de texte sauf que je ne peux pas directement écrire sur le design fait sur photoshop.
Pour le code voici celui de la page index :
<HTML>
<HEAD>
<meta name = "author" content = "la bigourdane de tarbes, association de gymnastique">
<meta name = "description" content = "site vitrine de la bigourdane de tarbes, association de gymnastique artistique féminine et masculine, souhaitant se faire connaître au grand public">
<meta name = "keywords" content = "gym, gymnastique, artistique, acrobatique, féminine, masculine, bigourdane, tarbes, association, acrosport, petite enfance, agrès, acrobaties, activités, barres, sol, saut, poutre, parallèles, anneaux, arçons, fixe">
<meta name = "robots" content = "all">
<meta name = "subject" content = "page d'accueil du site de la bigourdane de tarbes, présentant brièvement l'association ainsi que ses activités"/>
<TITLE>accueil</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
body {
background-color: #3B3B3B;
}
#apDiv1 {
position:absolute;
left:285px;
top:277px;
width:486px;
height:643px;
z-index:1;
overflow: auto;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
#apDiv2 {
position:absolute;
left:280px;
top:941px;
width:495px;
height:32px;
z-index:2;
text-align: center;
}
.sousparties {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
color: #FFF;
}
-->
</style>
<link href="typo.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
#apDiv3 {
position:absolute;
left:249px;
top:158px;
width:524px;
height:66px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:261px;
top:252px;
width:9px;
height:0px;
z-index:3;
}
#apDiv5 {
position:absolute;
left:280px;
top:257px;
width:489px;
height:24px;
z-index:3;
}
#apDiv6 {
position:absolute;
left:278px;
top:238px;
width:491px;
height:32px;
z-index:3;
}
#apDiv7 {
position:absolute;
left:151px;
top:313px;
width:97px;
height:39px;
z-index:4;
}
#apDiv8 {
position:absolute;
left:123px;
top:287px;
width:128px;
height:41px;
z-index:4;
}
#apDiv9 {
position:absolute;
left:122px;
top:388px;
width:129px;
height:40px;
z-index:5;
}
#apDiv1 .titre {
font-weight: bold;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}
#apDiv8 p em strong .sousparties {
font-style: italic;
}
#apDiv1 .paragraphe {
text-align: left;
}
-->
</style>
</HEAD>
<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 onLoad="MM_preloadImages('images/2emeetat_03.jpg','images/2emeetat_08.jpg','images/2emeetat_12.jpg','images/2emeetat_16.jpg','images/2emeetat_20.jpg','images/2emeetat_24.jpg','images/2emeetat_06.jpg')">
<!-- ImageReady Slices (1 accueil qui sommes nous.psd) -->
<div id="apDiv1">
<p class="titre">QUI SOMMES-NOUS ?</p>
<p class="paragraphe">La Bigourdane de Tarbes est une association de <strong>gymnastique artistique</strong> féminine et masculine. Fondée en 1891, elle est la plus ancienne association de Tarbes.</p>
<p class="paragraphe">Elle propose différentes activités adaptées à son public diversifié âgé de <strong>2 à 80 ans</strong>, telles que :</p>
<p class="paragraphe">- la gymnastique artistique féminine et masculine<br>
-
la petite enfance<br>
-
l'initiation acrobatique<br>
-
l'acrosport<br>
-
la team gym<br>
-
la gymnastique forme et loisir</p>
<p class="paragraphe">Vous trouverez dans ce site toutes les informations complémentaires, et toute l'actualité de la Bigourdane de Tarbes.</p>
<p class="paragraphe"><span class="titre"><img src="images/petite.jpg" width="305" height="251"></span></p>
<p class="titre"> </p>
</div>
<div class="mentions" id="apDiv2"><a href="mentionslegales.html">mentions légales</a></div>
<div class="paragraphe" id="apDiv6"><em>Accueil > Qui sommes-nous ?</em></div>
<div class="sousparties" id="apDiv8">
<p><em><strong><a class="sousparties">> Qui sommes-nous ?</a></strong></em><br>
<a href="accueil2.html" class="sousparties">> Notre histoire<br>
</a><a href="accueil3.html" class="sousparties">> Actualités</a></p>
<p> </p>
</div>
<div class="sousparties" id="apDiv9"><a href="activites1.html" class="sousparties">> Gym loisir</a><br>
<a href="activites2.html" class="sousparties">> Gym de compétition</a><br>
<a href="activites3.html" class="sousparties">> Petite enfance
</a></div>
<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=11>
<IMG SRC="images/contenus2_01.jpg" WIDTH=799 HEIGHT=236 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5 ROWSPAN=6>
<IMG SRC="images/matrice_02.jpg" WIDTH=123 HEIGHT=285 ALT=""></TD>
<TD COLSPAN=5><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('accueil','','images/2emeetat_03.jpg',1)"><img src="images/matrice_03.jpg" name="accueil" width="124" height="58" border="0"></a></TD>
<TD ROWSPAN=14><img src="images/matrice_04.jpg" width=553 height=746 alt=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_05.jpg" WIDTH=124 HEIGHT=36 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5><strong><a href="activites1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('activité','','images/2emeetat_06.jpg',1)"><img src="images/matrice_06.jpg" name="activité" width="124" height="58" border="0"></a></strong></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_07.jpg" WIDTH=124 HEIGHT=37 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5><a href="dynamisme.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('dynamisme','','images/2emeetat_08.jpg',1)"><img src="images/matrice_08.jpg" name="dynamisme" width="124" height="58" border="0"></a></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_09.jpg" WIDTH=124 HEIGHT=38 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="images/matrice_10.jpg" WIDTH=106 HEIGHT=96 ALT=""></TD>
<TD COLSPAN=5><a href="galerie.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gallerie','','images/2emeetat_12.jpg',1)"><img src="images/matrice_11.jpg" name="gallerie" width="128" height="58" border="0"></a></TD>
<TD ROWSPAN=8>
<IMG SRC="images/matrice_12.jpg" WIDTH=13 HEIGHT=461 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_13.jpg" WIDTH=128 HEIGHT=38 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/matrice_14.jpg" WIDTH=86 HEIGHT=95 ALT=""></TD>
<TD COLSPAN=5><a href="sinscrire.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sinscrire','','images/2emeetat_16.jpg',1)"><img src="images/matrice_15.jpg" name="sinscrire" width="130" height="58" border="0"></a></TD>
<TD ROWSPAN=6>
<IMG SRC="images/matrice_16.jpg" WIDTH=18 HEIGHT=365 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_17.jpg" WIDTH=130 HEIGHT=37 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=2>
<IMG SRC="images/matrice_18.jpg" WIDTH=56 HEIGHT=180 ALT=""></TD>
<TD COLSPAN=5><a href="contacts.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contacts','','images/2emeetat_20.jpg',1)"><img src="images/matrice_19.jpg" name="contacts" width="129" height="59" border="0"></a></TD>
<TD ROWSPAN=4>
<IMG SRC="images/matrice_20.jpg" WIDTH=31 HEIGHT=270 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_21.jpg" WIDTH=129 HEIGHT=121 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/matrice_22.jpg" WIDTH=15 HEIGHT=90 ALT=""></TD>
<TD COLSPAN=5><a href="liens.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('liens','','images/2emeetat_24.jpg',1)"><img src="images/matrice_23.jpg" name="liens" width="128" height="61" border="0"></a></TD>
<TD ROWSPAN=2>
<IMG SRC="images/matrice_24.jpg" WIDTH=42 HEIGHT=90 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_25.jpg" WIDTH=128 HEIGHT=29 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=30 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=42 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=31 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=553 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
</BODY>
</HTML>
Pour faire court je souhaiterai rajouter d'autres sous-menus le soucis c'est que quand je vais dans formulaire, pour y insérer une zone de texte sauf que je ne peux pas directement écrire sur le design fait sur photoshop.
Pour le code voici celui de la page index :
<HTML>
<HEAD>
<meta name = "author" content = "la bigourdane de tarbes, association de gymnastique">
<meta name = "description" content = "site vitrine de la bigourdane de tarbes, association de gymnastique artistique féminine et masculine, souhaitant se faire connaître au grand public">
<meta name = "keywords" content = "gym, gymnastique, artistique, acrobatique, féminine, masculine, bigourdane, tarbes, association, acrosport, petite enfance, agrès, acrobaties, activités, barres, sol, saut, poutre, parallèles, anneaux, arçons, fixe">
<meta name = "robots" content = "all">
<meta name = "subject" content = "page d'accueil du site de la bigourdane de tarbes, présentant brièvement l'association ainsi que ses activités"/>
<TITLE>accueil</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
body {
background-color: #3B3B3B;
}
#apDiv1 {
position:absolute;
left:285px;
top:277px;
width:486px;
height:643px;
z-index:1;
overflow: auto;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
#apDiv2 {
position:absolute;
left:280px;
top:941px;
width:495px;
height:32px;
z-index:2;
text-align: center;
}
.sousparties {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
color: #FFF;
}
-->
</style>
<link href="typo.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
#apDiv3 {
position:absolute;
left:249px;
top:158px;
width:524px;
height:66px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:261px;
top:252px;
width:9px;
height:0px;
z-index:3;
}
#apDiv5 {
position:absolute;
left:280px;
top:257px;
width:489px;
height:24px;
z-index:3;
}
#apDiv6 {
position:absolute;
left:278px;
top:238px;
width:491px;
height:32px;
z-index:3;
}
#apDiv7 {
position:absolute;
left:151px;
top:313px;
width:97px;
height:39px;
z-index:4;
}
#apDiv8 {
position:absolute;
left:123px;
top:287px;
width:128px;
height:41px;
z-index:4;
}
#apDiv9 {
position:absolute;
left:122px;
top:388px;
width:129px;
height:40px;
z-index:5;
}
#apDiv1 .titre {
font-weight: bold;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}
#apDiv8 p em strong .sousparties {
font-style: italic;
}
#apDiv1 .paragraphe {
text-align: left;
}
-->
</style>
</HEAD>
<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 onLoad="MM_preloadImages('images/2emeetat_03.jpg','images/2emeetat_08.jpg','images/2emeetat_12.jpg','images/2emeetat_16.jpg','images/2emeetat_20.jpg','images/2emeetat_24.jpg','images/2emeetat_06.jpg')">
<!-- ImageReady Slices (1 accueil qui sommes nous.psd) -->
<div id="apDiv1">
<p class="titre">QUI SOMMES-NOUS ?</p>
<p class="paragraphe">La Bigourdane de Tarbes est une association de <strong>gymnastique artistique</strong> féminine et masculine. Fondée en 1891, elle est la plus ancienne association de Tarbes.</p>
<p class="paragraphe">Elle propose différentes activités adaptées à son public diversifié âgé de <strong>2 à 80 ans</strong>, telles que :</p>
<p class="paragraphe">- la gymnastique artistique féminine et masculine<br>
-
la petite enfance<br>
-
l'initiation acrobatique<br>
-
l'acrosport<br>
-
la team gym<br>
-
la gymnastique forme et loisir</p>
<p class="paragraphe">Vous trouverez dans ce site toutes les informations complémentaires, et toute l'actualité de la Bigourdane de Tarbes.</p>
<p class="paragraphe"><span class="titre"><img src="images/petite.jpg" width="305" height="251"></span></p>
<p class="titre"> </p>
</div>
<div class="mentions" id="apDiv2"><a href="mentionslegales.html">mentions légales</a></div>
<div class="paragraphe" id="apDiv6"><em>Accueil > Qui sommes-nous ?</em></div>
<div class="sousparties" id="apDiv8">
<p><em><strong><a class="sousparties">> Qui sommes-nous ?</a></strong></em><br>
<a href="accueil2.html" class="sousparties">> Notre histoire<br>
</a><a href="accueil3.html" class="sousparties">> Actualités</a></p>
<p> </p>
</div>
<div class="sousparties" id="apDiv9"><a href="activites1.html" class="sousparties">> Gym loisir</a><br>
<a href="activites2.html" class="sousparties">> Gym de compétition</a><br>
<a href="activites3.html" class="sousparties">> Petite enfance
</a></div>
<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=11>
<IMG SRC="images/contenus2_01.jpg" WIDTH=799 HEIGHT=236 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5 ROWSPAN=6>
<IMG SRC="images/matrice_02.jpg" WIDTH=123 HEIGHT=285 ALT=""></TD>
<TD COLSPAN=5><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('accueil','','images/2emeetat_03.jpg',1)"><img src="images/matrice_03.jpg" name="accueil" width="124" height="58" border="0"></a></TD>
<TD ROWSPAN=14><img src="images/matrice_04.jpg" width=553 height=746 alt=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_05.jpg" WIDTH=124 HEIGHT=36 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5><strong><a href="activites1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('activité','','images/2emeetat_06.jpg',1)"><img src="images/matrice_06.jpg" name="activité" width="124" height="58" border="0"></a></strong></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_07.jpg" WIDTH=124 HEIGHT=37 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5><a href="dynamisme.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('dynamisme','','images/2emeetat_08.jpg',1)"><img src="images/matrice_08.jpg" name="dynamisme" width="124" height="58" border="0"></a></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_09.jpg" WIDTH=124 HEIGHT=38 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="images/matrice_10.jpg" WIDTH=106 HEIGHT=96 ALT=""></TD>
<TD COLSPAN=5><a href="galerie.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gallerie','','images/2emeetat_12.jpg',1)"><img src="images/matrice_11.jpg" name="gallerie" width="128" height="58" border="0"></a></TD>
<TD ROWSPAN=8>
<IMG SRC="images/matrice_12.jpg" WIDTH=13 HEIGHT=461 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_13.jpg" WIDTH=128 HEIGHT=38 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/matrice_14.jpg" WIDTH=86 HEIGHT=95 ALT=""></TD>
<TD COLSPAN=5><a href="sinscrire.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sinscrire','','images/2emeetat_16.jpg',1)"><img src="images/matrice_15.jpg" name="sinscrire" width="130" height="58" border="0"></a></TD>
<TD ROWSPAN=6>
<IMG SRC="images/matrice_16.jpg" WIDTH=18 HEIGHT=365 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_17.jpg" WIDTH=130 HEIGHT=37 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=2>
<IMG SRC="images/matrice_18.jpg" WIDTH=56 HEIGHT=180 ALT=""></TD>
<TD COLSPAN=5><a href="contacts.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contacts','','images/2emeetat_20.jpg',1)"><img src="images/matrice_19.jpg" name="contacts" width="129" height="59" border="0"></a></TD>
<TD ROWSPAN=4>
<IMG SRC="images/matrice_20.jpg" WIDTH=31 HEIGHT=270 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_21.jpg" WIDTH=129 HEIGHT=121 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/matrice_22.jpg" WIDTH=15 HEIGHT=90 ALT=""></TD>
<TD COLSPAN=5><a href="liens.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('liens','','images/2emeetat_24.jpg',1)"><img src="images/matrice_23.jpg" name="liens" width="128" height="61" border="0"></a></TD>
<TD ROWSPAN=2>
<IMG SRC="images/matrice_24.jpg" WIDTH=42 HEIGHT=90 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/matrice_25.jpg" WIDTH=128 HEIGHT=29 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=30 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=42 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=31 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=553 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
</BODY>
</HTML>