/*<script src="/devellopement.js" type="text/javascript"></script>
<!-- reduire un texte à partir d'un bouton -->
<a class="LienVert" onclick="dev_text_b('txtp0','imgp0')">
  <h3>
   <IMG src="ico_moins_80.gif" alt="Réduire" width="28" height="28" align="absmiddle" id="imgp0">		   
titre
  </h3>
</A>
<DIV id="txtp0">
le texte
</div>

<!--developper un texte à partir d'un bouton-->
<a class="LienVert" onclick="dev_text_b('txtd1','imgd1')">
 <h3><IMG src="ico_plus_80.gif" alt="Développer" width="28" height="28" align="absmiddle" id="imgd1">
titre ici
 </h3>
</A>
<DIV id="txtd1" class="develop">
 le texte				   
</div>
<!--fin developper un texte à partir d'un bouton-->
*/	   
function dev_text_b(div_id,img_id)
     {
		    if ((document.getElementById(div_id).style.visibility!='visible') 
			   || (document.getElementById(div_id).style.visibility=='hidden')) 
			
			  {  
				 document.getElementById(img_id).style.visibility='visible';
			     document.getElementById(img_id).src='/ico_moins_80.gif';
				 document.getElementById(img_id).alt='Réduire, marquer comme lu';
				 document.getElementById(div_id).style.visibility='visible';
			     document.getElementById(div_id).style.position='relative';
		      } else {
				 document.getElementById(img_id).style.visibility='visible';
                 document.getElementById(img_id).src='/ico_plus_80.gif';
				 document.getElementById(img_id).alt='Développer';
				 document.getElementById(div_id).style.visibility='hidden';
                 document.getElementById(div_id).style.position='absolute';
			  }
	 }
			   /* exemple 2 développer un texte à partir d'un lien
<!--======= developpement box ===================================== -->			   
 <h3>titre</h3>
<!-- small box === -->
  <div id="txtv333" style="visibility:visible;position:relative">
   <!--texte court --> 
   <p><a href="javascript:dev_text_lien('txtv333','txtp333','img333')">
    <img src="new.gif" alt="Lire, voir la suite" width="33" height="28" border="0" align="absmiddle" 
	     style="MARGIN: 5pt 3pt 5pt; FLOAT:left; "></a>
    <p> copier le début du texte court ici ... 
		<!--lien dans le texte court -->
         <a  href="javascript:dev_text_lien('txtv333','txtp333','lien333')">&nbsp;
           <img src="icoreadpost.png" alt="Lire, voir la suite" width="17" height="17">en savoir plus ...
		</a>
   </p>
  </div>
		<!--lien sous le texte court -->
         <a href="javascript:(void)" onClick="dev_text_lien('txtv333','txtp333','lien333')">
          <span id="lien333" >en savoir plus ...</span></a>
<!-- == Large box -->               
<div id="txtp333"
  style="visibility:hidden;position:absolute; margin-left:10pt; border-style:solid; border-width:2pt; border-color:#339900" >
  <!--texte long -->
    copier le texte long ici
<p><a href="javascript:dev_text_lien('txtv333','txtp333','img333')";>
<img id="img333" src="icoreadpost.png" alt="J'ai Lu" width="17" height="17" >&nbsp;Marquer comme lu.</a></p>
</div>	
<!--=== fin developpement box ===================================== -->
*/
function dev_text_lien(div_id_v,div_id,img_id)
     {
		if ((document.getElementById(div_id_v).style.visibility!='visible') 
			   || (document.getElementById(div_id_v).style.visibility=='hidden')) 
          {
          document.getElementById(div_id).style.visibility='hidden';
          document.getElementById(div_id).style.position='absolute';
		  document.getElementById(div_id_v).style.visibility='visible';
		  document.getElementById(div_id_v).style.position='relative';
          document.getElementById(img_id).style.visibility='hidden';
	     } else
		 {  
		  document.getElementById(div_id_v).style.visibility='hidden';
		  document.getElementById(div_id_v).style.position='absolute';
		  document.getElementById(div_id).style.visibility='visible';
		  document.getElementById(div_id).style.position='relative';
		  document.getElementById(img_id).style.visibility='visible'; 
		 }  
	  }

/* exemple 3 développer un texte à partir d'un lien

<!--======= developpement box rev vx4.12 ===================== -->			   
<h3>titre</h3>				   
  <div id="txtvx4">
   <!--texte court --> 
    <p> début du texte... 
		<!--lien dans le texte court -->
         <a href="javascript:void(0)" onClick="dev_text_lien_rev4('txtvx4','txtpvx4','lienvx4','imgvx4')">
          <span id="lienvx4" >
		    <img id="imgvx4" src="icoreadpost.png" alt="Lire, voir la suite" width="17" height="17">&nbsp;en savoir plus ...
		  </span></a>
   </p>
  </div>
               
<div style="visibility:hidden;position:absolute" id="txtpvx4">
  <!--texte long -->
    texte long ici
<p><a href="#comment" onClick="dev_text_lien_rev4('txtvx4','txtpvx4','lienvx4','imgvx4')">
<img id="imgvx4" src="icoreadpost.png" alt="J'ai Lu" width="17" height="17">&nbsp;Marquer comme lu.</a></p>
</div>	
<!--=== fin developpement box Rev vx4  ==================================== -->

*/
function dev_text_lien_rev4(div_id_v,div_id,lien_id,img_id)
     {
		if (document.getElementById(div_id_v).style.visibility!='hidden')
		 {  
		  document.getElementById(div_id).style.visibility='visible';
		  document.getElementById(div_id).style.position='relative';
		  document.getElementById(lien_id).style.visibility='hidden';
		  document.getElementById(lien_id).style.position='absolute';
		  document.getElementById(div_id_v).style.visibility='hidden';
		  document.getElementById(div_id_v).style.position='absolute';
		  document.getElementById(img_id).style.visibility='hidden';
		  document.getElementById(img_id).style.position='absolute';
		  document.getElementById(img_id).alt='Marquer comme lu';
		 } else {
          document.getElementById(div_id_v).style.visibility='visible';
		  document.getElementById(div_id_v).style.position='relative';
		  document.getElementById(div_id).style.visibility='hidden';
          document.getElementById(div_id).style.position='absolute';
		  document.getElementById(lien_id).style.visibility='visible';
		  document.getElementById(lien_id).style.position='relative';
		  document.getElementById(img_id).style.visibility='visible';
		  //document.getElementById(img_id).refresh;
		  document.getElementById(img_id).style.position='relative';
		  document.getElementById(img_id).alt='Lire la suite';
	     }
	  }