// JavaScript Document

//------------------------------------------- P A G E S -----------------------------------------

var nombre_pages=0;
var pages=new Array();

nombre_pages+=1; pages[nombre_pages]="cdl_100.html";
nombre_pages+=1; pages[nombre_pages]="cdl_110.html";
nombre_pages+=1; pages[nombre_pages]="cdl_120.html";
nombre_pages+=1; pages[nombre_pages]="index.html";
//nombre_pages+=1; pages[nombre_pages]="cdl_140.html";
//nombre_pages+=1; pages[nombre_pages]="cdl_150.html";





//--------------------------------------- N A V I G A T I O N ------------------------------------

function affiche_navigation(P)
{
		var page=P-101;
		var numero_affiche=nombre_pages-page;
	
	var tableau='<table border="0" cellpadding="5" cellspacing="0" align="center" class="navig"><tr>';
	
	
	if (page<nombre_pages-1){tableau+='<td><a href="'+pages[(page+2)]+'" class="navig">&lt;</a></td>';}else{tableau+='<td>&nbsp;-</td>';}
	
	for (i=1; i<=nombre_pages; i++){ 
	
	
	if (numero_affiche==i){tableau+='<td class="page_actuelle">'+numero_affiche+'</td>';}	
    else {tableau+='<td><a href="'+pages[(nombre_pages+1-i)]+'" class="navig">'+i+'</a></td>';}
   } 
	
	
	if (page>=1){tableau+='<td><a href="'+pages[page]+'" class="navig">&gt;</a></td>';}else{tableau+='<td>&nbsp;-</td>';}
	tableau+='</tr></table>';
	
	document.getElementById('navigation').innerHTML='<div>'+tableau+'</div>';
	document.getElementById('navigation2').innerHTML='<div>'+tableau+'</div>';
	
}



//----------------------------------------------------------------------------------------------- x



document.vignettes = new Array();
var indice=0;
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="ombre_onglet_d.png";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="ombre_onglet_g.png";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="ombre_h_d_22.png";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="ombre_h_g_22.png";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="pixel_bleu_clair.png";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="pixel_bleu.png";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="fermer_blanc_bleu_active.png";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="fermer_blanc_bleu.png";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="coin_bas_g.png";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="coin_bas_d.png";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="bande_bleue_d.png";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="bande_bleue_g.png";
/*indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="";
indice+=1; document.vignettes[indice] = new Image; document.vignettes[indice].src="";*/

	
var titres_blocs='<table width="96%" border="0" cellspacing="0" cellpadding="0"><tr><td width="25">&nbsp;</td><td width="14" background="onglet_trait_g.png"><img src="transparent.gif" alt="" width="18" height="22" /></td><td width="150" align="center" background="onglet_trait_m.png" onclick="blocs(presentation)"><a href="javascript:blocs(presentation)">Pr&eacute;sentation</a></td><td width="14" align="center" background="onglet_trait_d.png"><img src="transparent.gif" alt="" width="18" height="22" /></td><td width="14" align="center" background="onglet_trait_g.png"><img src="transparent.gif" alt="" width="18" height="22" /></td><td width="150" align="center" background="onglet_trait_m.png" onclick="blocs(envoyer_un_post)"><a href="javascript:blocs(envoyer_un_post)">Envoyer un post</a></td><td width="14" align="center" background="onglet_trait_d.png"><img src="transparent.gif" alt="" width="18" height="22" /></td><td>&nbsp;</td></tr></table><table width="96%" border="0" cellspacing="0" cellpadding="0"><tr bordercolor="#4A4A4A"><td width="14" height="1"><img src="transparent.gif" alt="" width="14" height="1" border="0" /></td><td width="5" height="1"><img src="transparent.gif" alt="" width="5" height="1" /></td><td height="1"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr background="pixel_bleu_clair.png"><td width="86%" height="1" align="left" background="onglet_trait_inter.png"><img src="transparent.gif" alt="" width="15" height="1" /></td><td width="9%" height="1" background="onglet_trait_inter.png"><img src="transparent.gif" alt="" width="15" height="1" /></td><td width="5%" height="1" align="center" valign="middle" background="onglet_trait_inter.png"><img src="transparent.gif" alt="" width="15" height="1" /></td></tr></table></td><td width="5" height="1"><img src="transparent.gif" alt="" width="5" height="1" /></td><td width="14" height="1"><img src="transparent.gif" alt="" width="14" height="1" /></td></tr></table>';

var presentation='<table width="96%" border="0" cellspacing="0" cellpadding="0"><tr><td width="25">&nbsp;</td><td width="14" background="ombre_onglet_g.png"><img src="transparent.gif" alt="" width="18" height="22" /></td><td width="150" align="center" nowrap="nowrap" background="pixel_bleu.png" onclick="refermer()"><span class="Style7">Pr&eacute;sentation</span></td><td width="14" align="center" background="ombre_onglet_d.png"><img src="transparent.gif" alt="" width="18" height="17" /></td><td width="14" align="center" background="onglet_trait_g.png"><img src="transparent.gif" alt="" width="18" height="22" /></td><td width="150" align="center" background="onglet_trait_m.png" onclick="blocs(envoyer_un_post)"><a href="javascript:blocs(envoyer_un_post)">Envoyer un post</a></td><td width="14" align="center" background="onglet_trait_d.png"><img src="transparent.gif" alt="" width="18" height="22" /></td><td>&nbsp;</td></tr></table><table width="96%" border="0" cellpadding="0" cellspacing="0" bordercolor="#4A4A4A" id="envoi_courrier2"><tr><td width="14" height="17" background="ombre_h_g_22.png"><img src="transparent.gif" alt="" width="14" height="22" /></td><td width="5" background="bande_bleue_g.png"><img src="transparent.gif" alt="" width="5" height="22" /></td><td height="22"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="86%" height="22" align="left" background="pixel_bleu_clair.png" class="bloc">&nbsp;</td><td width="9%" height="22" background="pixel_bleu_clair.png">&nbsp;</td><td width="5%" height="22" align="center" valign="middle" background="pixel_bleu_clair.png"><a href="javascript:refermer()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'fermeture21\',\'\',\'fermer_blanc_bleu_active.png\',1)"><img src="fermer_blanc_bleu.png" name="fermeture21" width="20" height="20" border="0" id="fermeture21" /></a></td></tr></table></td><td width="5" background="bande_bleue_d.png"><img src="transparent.gif" alt="" width="5" height="22" /></td><td width="14" height="17" background="ombre_h_d_22.png"><img src="transparent.gif" alt="" width="14" height="22" /></td></tr><tr><td width="14" background="ombre.png">&nbsp;</td><td width="5" bgcolor="#F0FAFC"><img src="transparent.gif" alt="" width="5" height="22" /></td><td bgcolor="#F0FAFC"><p class="bloc">&nbsp;</p><p><p class="reponses">Cette rubrique est destin&eacute;e &agrave; ceux qui veulent poser une question ou faire part d\'une remarque, info, etc... </p><p class="reponses">Elle est constitu&eacute;e principalement de vos e-mails ainsi que de vos contributions anonymes.</p><p class="reponses">Nous la compl&eacute;tons  avec certaines phrases et mots cl&eacute;s qui conduisent fr&eacute;quemment &agrave; notre site.</p><p class="reponses">Nous rendons vos envois anonymes avant de les publier.</p><p class="reponses">&nbsp;</p></p><p><center></center></p><p><center></center></p><p class="bloc">&nbsp;</p></td><td width="5" bgcolor="#F0FAFC"><img src="transparent.gif" alt="" width="5" height="22" /></td><td width="14" background="ombre_d.png">&nbsp;</td></tr><tr><td height="5" background="ombre.png"><img src="transparent.gif" alt="" width="5" height="5" /></td><td height="5" background="coin_bas_g.png" bgcolor="#F0FAFC"><img src="transparent.gif" alt="" width="5" height="5" /></td><td height="5" bgcolor="#F0FAFC"><img src="transparent.gif" alt="" width="5" height="5" /></td><td height="5" background="coin_bas_d.png" bgcolor="#F0FAFC"><img src="transparent.gif" alt="" width="5" height="5" /></td><td height="5" background="ombre_d.png"><img src="transparent.gif" alt="" width="5" height="5" /></td></tr><tr><td width="14" background="ombre_b_g.png"><img src="transparent.gif" alt="" width="14" height="20" /></td><td width="5" background="ombre_b.png"><img src="transparent.gif" alt="" width="5" height="20" /></td><td background="ombre_b.png">&nbsp;</td><td width="5" background="ombre_b.png"><img src="transparent.gif" alt="" width="5" height="20" /></td><td width="14" background="ombre_b_d.png">&nbsp;</td></tr></table>';

// codage pour envoyer un post :
var suffixe="bijoux-belle-etoile";
var extension=".com";
var aro="@"; suffixe=suffixe+extension; suffixe=aro+suffixe; 
var code="mai"; code=code+"lto"; 
var prefixe="cdl"; 
var envoyer_un_post='<table width="96%" border="0" cellspacing="0" cellpadding="0"><tr><td width="25">&nbsp;</td><td width="14" background="onglet_trait_g.png"><img src="transparent.gif" alt="" width="18" height="22" /></td><td width="150" align="center" background="onglet_trait_m.png" onclick="blocs(presentation)"><a href="javascript:blocs(presentation)">Pr&eacute;sentation</a></td><td width="14" align="center" background="onglet_trait_d.png"><img src="transparent.gif" alt="" width="18" height="22" /></td><td width="14" background="ombre_onglet_g.png"><img src="transparent.gif" alt="" width="18" height="22" /></td><td width="150" align="center" nowrap="nowrap" background="pixel_bleu.png" onclick="refermer()"><span class="Style7">Envoyer un post</span></td><td width="14" align="center" background="ombre_onglet_d.png"><img src="transparent.gif" alt="" width="18" height="17" /></td><td>&nbsp;</td></tr></table><table width="96%" border="0" cellpadding="0" cellspacing="0" bordercolor="#4A4A4A" id="envoi_courrier"><tr><td width="14" height="17" background="ombre_h_g_22.png"><img src="transparent.gif" alt="" width="14" height="22" /></td><td width="5" background="bande_bleue_g.png"><img src="transparent.gif" alt="" width="5" height="22" /></td><td height="22"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="86%" height="22" align="left" background="pixel_bleu_clair.png" class="bloc">&nbsp;</td><td width="9%" height="22" background="pixel_bleu_clair.png">&nbsp;</td><td width="5%" height="22" align="center" valign="middle" background="pixel_bleu_clair.png"><a href="javascript:refermer()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'fermeture\',\'\',\'fermer_blanc_bleu_active.png\',1)"><img src="fermer_blanc_bleu.png" name="fermeture" width="20" height="20" border="0" id="fermeture" /></a></td></tr></table></td><td width="5" background="bande_bleue_d.png"><img src="transparent.gif" alt="" width="5" height="22" /></td><td width="14" height="17" background="ombre_h_d_22.png"><img src="transparent.gif" alt="" width="14" height="22" /></td></tr><tr><td width="14" background="ombre.png">&nbsp;</td><td width="5" bgcolor="#F0FAFC"><img src="transparent.gif" alt="" width="5" height="22" /></td><td bgcolor="#F0FAFC"><p class="bloc">Pour poster une question ou un commentaire, vous pouvez nous <a href="'+code+':'+prefixe+suffixe+'" class="lien_souligne">envoyer un e-mail</a>, votre participation sera publi&eacute;e  sous quelques jours.</p><p class="bloc">Vous pouvez &eacute;galement utiliser le formulaire ci-dessous notamment si vous souhaitez rester anonyme.</p><div align="left"><fieldset style="border-color:#CBEBF7"><legend style="color:#54C1F6">Envoyer un commentaire : &nbsp;</legend><form id="form1" name="form1" method="post" action="confirmation.php"><br /><input name="e_mail" type="text" id="e_mail" size="30" maxlength="500" /><label for="e-mail">e-mail (facultatif)</label><label><br /><br /><input name="adresse" type="text" id="adresse" value="" size="30" />Adresse (facultatif)</label><label> <br /><br /><textarea name="commentaire" id="commentaire" cols="80" rows="5"></textarea>Commentaire</label><p align="center"><input type="submit" name="envoyer" id="envoyer" value="     Envoyer     " /></p></form></fieldset></div><p class="bloc">Nous nous r&eacute;servons le droit de s&eacute;lectionner les posts destin&eacute;s ou non &agrave; &ecirc;tre publi&eacute;s.</p></td><td width="5" bgcolor="#F0FAFC"><img src="transparent.gif" alt="" width="5" height="22" /></td><td width="14" background="ombre_d.png">&nbsp;</td></tr><tr><td height="5" background="ombre.png"><img src="transparent.gif" alt="" width="5" height="5" /></td><td height="5" background="coin_bas_g.png" bgcolor="#F0FAFC"><img src="transparent.gif" alt="" width="5" height="5" /></td><td height="5" bgcolor="#F0FAFC"><img src="transparent.gif" alt="" width="5" height="5" /></td><td height="5" background="coin_bas_d.png" bgcolor="#F0FAFC"><img src="transparent.gif" alt="" width="5" height="5" /></td><td height="5" background="ombre_d.png"><img src="transparent.gif" alt="" width="5" height="5" /></td></tr><tr><td width="14" background="ombre_b_g.png"><img src="transparent.gif" alt="" width="14" height="20" /></td><td width="5" background="ombre_b.png"><img src="transparent.gif" alt="" width="5" height="20" /></td><td background="ombre_b.png">&nbsp;</td><td width="5" background="ombre_b.png"><img src="transparent.gif" alt="" width="5" height="20" /></td><td width="14" background="ombre_b_d.png">&nbsp;</td></tr></table>';




function blocs(bloc)
{
//alert('ok');
document.getElementById('bloc_1').innerHTML='<div>'+bloc+'</div>';
}

function refermer(bloc)
{
//alert(bloc+' : fermer');
document.getElementById('bloc_1').innerHTML='<div style="height:10 px">'+titres_blocs+'</div>';
//document.getElementById('bloc_1').innerHTML='<div style="height:10 px">'+bloc+'</div>';
}