
<!--
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];}
}

var largeur = 179;//Largeur du menu
var gauche = 216;//nombre de pixe de la gauche de l'écran du premier menu
var gauche2 = 216;//nombre de pixe de la gauche de l'écran du deuxieme menu
var top = 147;//Nombre de pixels du haut de la page du premier menu
var top2 = 232;//Nombre de pixels du haut de la page du deuxieme menu
var couleur_police_scat="#4F7FBC";//Couleur du texte des sous-categories
var couleur_scat="#F0F2F2";//Couleur de fond des sous-categories

var taille = 11;
var police = "Verdana";
/*
function Init(){
	var hauteur = top;
	document.getElementById("sousmenu1").style.left = document.getElementById("menu1").style.left;
	document.getElementById("sousmenu1").style.top = document.getElementById("menu1").style.top;
	hauteur = hauteur + 17;
}*/

function Init(){
	/*nb_elem = 1;
    var hauteur = top;
    for(i=1;i<=nb_elem;i++){
        document.getElementById("menu"+i+"").style.top = hauteur;
		document.getElementById("sousmenu"+i+"").style.top = document.getElementById("menu"+i+"").style.top;
        hauteur = hauteur + 17;
    }*/
}

function affiche(){
    document.write('<style>');
    document.write('div.menu{position:absolute; visibility:visible;}');
	document.write('div.conteneurSousMenu1{position:absolute; text-align:left; top:'+top+'px; visibility:hidden; left:0px; width:100%;}');
    document.write('div.conteneurSousMenu2{position:absolute; text-align:left; top:'+top2+'px; visibility:hidden; left:0px; width:100%; background-color: #FFFFFF;}');
    document.write('div.conteneurSousMenu1_2{position:relative; text-align:left; top:0px; left:0px; visibility:hidden; width:753px; background-color: #777777}');
   	document.write('div.sousmenu{position:relative; top:0px; left:'+gauche+'px; visibility:hidden; text-align:left; width:'+largeur+'px;}');
	document.write('div.sousmenu2{position:relative; top:0px; left:'+gauche+'px; visibility:hidden; text-align:left; width:'+largeur+'px;}');
	document.write('div.itemSSmenu{width:'+largeur+'px padding: 0 0 0 0; margin: 0 0 0 0;;}');
  	document.write('div.floatLeft{padding: 0 0 0 0; margin: 0 0 0 0; float:left; width:4px;}');
  	document.write('a.smenu{font-family: '+ police +'; color: '+couleur_police_scat+'; font-size: '+taille+'px; text-decoration: none;}');
	document.write('a.smenu:hover{font-family: '+ police +'; color:#CE0E41; font-size: '+taille+'px; text-decoration: none;}');
    document.write('</style>'); 
	// Premier <DIV>: 	Bande de largeur 100%, à la même hauteur que le bouton "acccessoires"
	// Deuxième <DIV>:	Bande de largeur 100%, pour centrer le troisième DIV (nécessaire pour Netscape)
	// Troisième <DIV>:	Bande de même largeur que le body (760), qui est centrée, donc qui suivra toujours 
	//					le BODY même si on redimensionne, et qui contiendra le dernier DIV.
	// Quatrième <DIV>:	Sous-menu, aligné à gauche et avec une marge de la même largeur que
	//					le bouton "réalisations" pour que le menu s'affiche toujours à la même place.
	document.write('<div id="conteneurSousMenu1" class="conteneurSousMenu1"> ');
	  document.write('<div width="100%" align="center"> ');
	   document.write('<div id="conteneurSousMenu2" class="conteneurSousMenu1_2"> ');
	    document.write('<div id="sousmenu1" class="sousmenu"> ');
	   	document.write('<table cellpadding=0 cellspacing=0 border=0> ');	  
	   	  document.write('<tr valign="top"> ');	   
	   	   document.write('<td> ');	   
				document.write('<div><img src="images/ongletGauche/ssmenu/i_haut_ssmenu.gif" border="0"></div>');
				document.write('<div class="itemSSmenu" onmouseover="MM_swapImage(\'ss_message\',\'\',\'images/ongletGauche/ssmenu/en_btn_ss_message_rl.gif\',1)&arreterAttente()" onmouseout="MM_swapImgRestore()&gererAttente(1)"><a href="messagePresident_en.php"><img src="images/ongletGauche/ssmenu/en_btn_ss_message_up.gif" alt="Message from the president" title="Message from the president" name="ss_message" border="0"></a></div>');
				document.write('<div class="itemSSmenu" onmouseover="MM_swapImage(\'ss_mission\',\'\',\'images/ongletGauche/ssmenu/en_btn_ss_mission_rl.gif\',1)&arreterAttente()" onmouseout="MM_swapImgRestore()&gererAttente(1)"><a href="mission_en.php"><img src="images/ongletGauche/ssmenu/en_btn_ss_mission_up.gif" alt="Mission" title="Mission" name="ss_mission" border="0"></a></div>');
				document.write('<div class="itemSSmenu" onmouseover="MM_swapImage(\'ss_qui\',\'\',\'images/ongletGauche/ssmenu/en_btn_ss_qui_rl.gif\',1)&arreterAttente()" onmouseout="MM_swapImgRestore()&gererAttente(1)"><a href="qui_en.php"><img src="images/ongletGauche/ssmenu/en_btn_ss_qui_up.gif" alt="Corporate profile" title="Corporate profile" name="ss_qui" border="0"></a></div>');
				document.write('<div class="itemSSmenu" onmouseover="MM_swapImage(\'ss_direction\',\'\',\'images/ongletGauche/ssmenu/en_btn_ss_direction_rl.gif\',1)&arreterAttente()" onmouseout="MM_swapImgRestore()&gererAttente(1)"><a href="direction_en.php"><img src="images/ongletGauche/ssmenu/en_btn_ss_direction_up.gif" alt="Executive board" title="Executive board" name="ss_direction" border="0"></a></div>');
				document.write('<div class="itemSSmenu" onmouseover="MM_swapImage(\'ss_politique\',\'\',\'images/ongletGauche/ssmenu/en_btn_ss_politique_rl.gif\',1)&arreterAttente()" onmouseout="MM_swapImgRestore()&gererAttente(1)"><a href="politiqueQualite_en.php"><img src="images/ongletGauche/ssmenu/en_btn_ss_politique_up.gif" alt="Quality policies" title="Quality policies" name="ss_politique" border="0"></a></div>');
				document.write('<div class="itemSSmenu" onmouseover="MM_swapImage(\'ss_santeSecurite\',\'\',\'images/ongletGauche/ssmenu/en_btn_ss_santeSecurite_rl.gif\',1)&arreterAttente()" onmouseout="MM_swapImgRestore()&gererAttente(1)"><a href="santeSecurite_en.php"><img src="images/ongletGauche/ssmenu/en_btn_ss_santeSecurite_up.gif" alt="Health & Safety" title="Health & Safety" name="ss_santeSecurite" border="0"></a></div>');
				document.write('<div class="itemSSmenu" onmouseover="MM_swapImage(\'ss_accreditations\',\'\',\'images/ongletGauche/ssmenu/en_btn_ss_accreditations_rl.gif\',1)&arreterAttente()" onmouseout="MM_swapImgRestore()&gererAttente(1)"><a href="accreditations_en.php"><img src="images/ongletGauche/ssmenu/en_btn_ss_accreditations_up.gif" alt="Accreditations" title="Accreditations" name="ss_accreditations" border="0"></a></div>');
				document.write('<div class="itemSSmenu" onmouseover="MM_swapImage(\'ss_reconnaissance\',\'\',\'images/ongletGauche/ssmenu/en_btn_ss_reconnaissance_rl.gif\',1)&arreterAttente()" onmouseout="MM_swapImgRestore()&gererAttente(1)"><a href="reconnaissance_en.php"><img src="images/ongletGauche/ssmenu/en_btn_ss_reconnaissance_up.gif" alt="Recognition" title="Recognition" name="ss_reconnaissance" border="0"></a></div>');
				document.write('<div class="itemSSmenu" onmouseover="MM_swapImage(\'ss_pk\',\'\',\'images/ongletGauche/ssmenu/en_btn_ss_pk_rl.gif\',1)&arreterAttente()" onmouseout="MM_swapImgRestore()&gererAttente(1)"><a href="pourquoi_en.php"><img src="images/ongletGauche/ssmenu/en_btn_ss_pk_up.gif" alt="Why Groupe SCV" title="Why Groupe SCV" name="ss_pk" border="0"></a></div>');
				document.write('<div><img src="images/ongletGauche/ssmenu/i_bas_ssmenu.gif" border="0"></div>');
	   		document.write('</td>');	   
	   	  document.write('</tr>');	   
	   	document.write('</table>');	   
	    document.write('</div>');   
	   document.write('</div>');	   
	  document.write('</div>');	  
	document.write('</div>');
	
	document.write('<div id="conteneurSousMenu2" class="conteneurSousMenu2"> ');
	  document.write('<div width="100%" align="center"> ');
	   document.write('<div id="conteneurSousMenu2" class="conteneurSousMenu1_2"> ');
		  document.write('<div id="sousmenu2" class="sousmenu"> ');		  
			document.write('<div><img src="images/ongletGauche/ssmenu/i_haut_ssmenu.gif" border="0"></div>');
			document.write('<div class="itemSSmenu" onmouseover="MM_swapImage(\'ss_services\',\'\',\'images/ongletGauche/ssmenu/en_btn_ssmenu2_services_rl.gif\',1)&arreterAttente()" onmouseout="MM_swapImgRestore()&gererAttente(2)"><a href="realisations_services_en.php"><img src="images/ongletGauche/ssmenu/en_btn_ssmenu2_services_up.gif" alt="Achievements" title="Achievements" name="ss_services" border="0"></a></div>');
			document.write('<div class="itemSSmenu" onmouseover="MM_swapImage(\'ss_secteurs\',\'\',\'images/ongletGauche/ssmenu/en_btn_ssmenu2_secteurs_rl.gif\',1)&arreterAttente()" onmouseout="MM_swapImgRestore()&gererAttente(2)"><a href="realisations_secteurs_en.php"><img src="images/ongletGauche/ssmenu/en_btn_ssmenu2_secteurs_up.gif" alt="Sectors" title="Sectors" name="ss_secteurs" border="0"></a></div>');
			document.write('<div><img src="images/ongletGauche/ssmenu/i_bas_ssmenu.gif" border="0"></div>');
	   		
		//document.write('<div class="itemSSmenu" onmouseover="arreterAttente()" onmouseout="gererAttente(2)"><a href="listeRealisations.php" class="smenu">- Par services </a></div>');
		//document.write('<div class="itemSSmenu" onmouseover="arreterAttente()" onmouseout="gererAttente(2)"><a href="listeRealisations.php" class="smenu">- Par secteurs </a></div>');
	  	  document.write('</div>');
		document.write('</div>');
	  document.write('</div>');
	document.write('</div>');
	
    document.onLoad=Init();
}


var gMenuCourantVisible=0;
var gDureeDelais=100;
var gIdMinuterie=null;


function cacherSsMenu(id) //fonction qui cache un sous-menu
{
document.getElementById("sousmenu"+id).style.visibility = 'hidden';
};

function afficherSsMenu(id) //fonction qui affiche un sous-menu
{
document.getElementById("sousmenu"+id).style.visibility = 'visible';
};

function arreterAttente()  //fonction qui arrête le timer
{
clearTimeout(gIdMinuterie);
gIdMinuterie=null;
};

function gererAttente(id) //fonction qui gère le nombre de temps à attendre avant de cacher un sous-menu
{
if(gIdMinuterie!=null)
	{
	cacherSsMenu(id);
	gMenuCourantVisible=0;
	gIdMinuterie=null;
	}
	else
	{
	gIdMinuterie=setTimeout("gererAttente("+id+")",gDureeDelais);
	};
};

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

function afficherImage(nomImageAmodifier,chemin)
{
document.images[nomImageAmodifier].src=chemin;
}

// Changer la source de la photo principale (medium) au rollover
function changerPhoto(id,compteur,descriptionImage) {
	document.image.action = "javascript:popUpWindow('images_en.php?idProjet="+id+"&idImage="+compteur+"', 0, 0, 600, 600)";
	document.photoPrincipale.src="images/realisations/projet/med/i_projet_"+id+"_"+compteur+".jpg";
	if (document.getElementById)
		{
		document.getElementById("descriptionImage").innerHTML = descriptionImage;
		}
	else if (document.all)
		{
		document.all["descriptionImage"].innerHTML = descriptionImage;
		}
}

// Ouvrir un popup avec la grande photo
var popUpWin=0;
function popUpWindow(URLStr, left, top, width, height)
{
  if(popUpWin)
  {
    if(!popUpWin.closed) popUpWin.close();
  }
  popUpWin = open(URLStr, 'popUpWin', 'toolbar=no,location=no,directories=no,status=no,menub ar=no,scrollbar=no,resizable=no,copyhistory=yes,width='+width+',height='+height+',left='+left+', top='+top+',screenX='+left+',screenY='+top+'');
}

// Ouvrir un popup en cliquant sur l'image moyenne
/* 
Pour ouvrir la grande image dans un pop-up, je me dois d'envoyer
à l'aide d'un formulaire les arguments qui serviront à afficher 
l'image. Je change le "action" du formulaire à chaque fois que
je passe sur une petite image. ( changerPhoto() )
*/
function cliqueMediumImage(){
	document.image.submit();
}
affiche()
//-->

 function popup(url) 
  {
   popupWin = window.open(url, "windows",  "width=580,height=550,dependent,resizable");
  } 
