Probleme inclusion pages php a un site

bonjour à tous j'ai réaliser un script php avec des fonctions javascript, cela fonctionne parfaitement mais pas lorsque je l'integre a mon site, je pense que cela est lié aux dossiers de mon site en effet :
dans mon dossier contenant mes différents fichiers du site, jai :
-css (defaut.css, form.css)
-images (btmbar-bg.gif,topbar-bg.gif)
-include (connexion.php)
-pages(accueil.php,entreprise(consultentreprises.php,consultlocalisation.php,entreprises.php,localisation.php),
 offres(Connexionbd.php,offres.php,ValideLd1.php,ValideLd2.php,ValideLd3.php),
 stages(Connexionbd.php,stages.php,ValideLd1.php,ValideLd2.php,ValideLd3.php,ValideLd4.php,ValideLd5.php))
- index.php


Dans la page d'index pour afficher les offres, voici mon code :
<div id="menu_3" class="off content">
        <div class="smcontent">
            <?php  include("pages/offres/offres.php");?>
        </div>     
</div>
Cela fonctionne, c'est la suite qui bugue.



Voici pages/stages/offres.php

<link type="text/css" rel="stylesheet" href="css/defaut.css" />
<link type="text/css" rel="stylesheet" href="css/form.css" />
<script type="text/javascript">
var Ld1Id='';
var Ld2Id='';
var Ld3Id='';
var Ld4Id='';
var id_liste='';

function ValideLd2(val) {
    Ld1Id=val; //id_département
    id_liste='2';//Utilisé dans la fonction ChargeLd() pour identifier la liste déroulante
    var LD_URL ='ValideLd2.php?Ld1='+Ld1Id;
    ObjetXHR(LD_URL)
    // Réinitialisation de Ld3 si modification de LD1 après passage en Ld2
    if (Ld2Id!='') {ValideLd3('')    }
}

function ValideLd3(val) {
    Ld2Id=val; //id_commune
    id_liste='3'; //Utilisé dans la fonction ChargeLd() pour identifier la liste déroulante
    var LD_URL='ValideLd3.php?Ld1='+Ld1Id+'&Ld2='+Ld2Id;
    if (Ld3Id!='') {ValideLd4('')               }
    if (Ld2Id=='') {var LD_URL = 'ValideLd3.php';}   
    ObjetXHR(LD_URL)
}
function ValideLd4(val) {
    Ld3Id=val; //id_commune
    id_liste='4'; //Utilisé dans la fonction ChargeLd() pour identifier la liste déroulante
    var LD_URL ='ValideLd4.php?Ld1='+Ld1Id+'&Ld2='+Ld2Id+'&Ld3='+Ld3Id;
    if (Ld4Id!='') {ValideLd5('');               }
    if (Ld3Id=='') {var LD_URL = 'ValideLd4.php';}   
    ObjetXHR(LD_URL)
}
function ValideLd5(val) {
    Ld4Id=val; //id_commune
    id_liste='5'; //Utilisé dans la fonction ChargeLd() pour identifier la liste déroulante
    var LD_URL ='ValideLd5.php?Ld1='+Ld1Id+'&Ld2='+Ld2Id+'&Ld3='+Ld3Id+'&Ld4='+Ld4Id;
    if (Ld4Id=='') {var LD_URL = 'ValideLd5.php';}   
    ObjetXHR(LD_URL)
}

function ObjetXHR(LD_URL) {
    //creation de l'objet XMLHttpRequest
    if (window.XMLHttpRequest) { // Mozilla,...
        xmlhttp=new XMLHttpRequest();
        if (xmlhttp.overrideMimeType) {
            xmlhttp.overrideMimeType('text/xml');
        }   
        xmlhttp.onreadystatechange=ChargeLd;
        xmlhttp.open("GET", LD_URL, true);
        xmlhttp.send(null);
    } else if (window.ActiveXObject) { //IE
        xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
        if (xmlhttp) {
            xmlhttp.onreadystatechange=ChargeLd;
            xmlhttp.open('GET', LD_URL, false);
            xmlhttp.send();
        }
    }
    // Bouton non apparent car modification de LD1,Ld2 ou Ld3
    document.getElementById('buttons').style.display='none';
}

// fonction pour manipuler l'appel asynchrone
function ChargeLd() {
    if (xmlhttp.readyState==4) {
        if (xmlhttp.status==200) {
            //span id="niv2" ou "niv3" ou "niv4"
            document.getElementById('niv'+id_liste).innerHTML=xmlhttp.responseText;
            if (xmlhttp.responseText.indexOf('disabled')<=0) {
                //focus sur liste déroulante 2 ou 3
                document.getElementById('Liste'+id_liste).focus();
            }   
        }
    }
}

function Affiche_Btn() {
    document.getElementById('buttons').style.display='inline';
}
</script>

<style>
#buttons {
    display: none;
}
</style>
<noscript>
<p>Cette page n&eacute;cessite que JavaScript soit activ&eacute; dans votre navigateur
</noscript>
  <p>S&eacute;lectionnez les informations concernant les stages dans les listes d&eacute;roulantes. Pour une nouvelle recherche, veuillez r&eacute;initialiser tout les champs.</p>
  <form id="monForm" method="get" action="offres.php">
  <fieldset>
        <legend align="top">Offre de Stage</legend>
        <p>
            <label for="form_classe">Fili&egrave;re : </label>
    <?php include ("ValideLd1.php"); ?><!--Pour remplir la liste déroulante 1-->
        </p>
        <p>
            <label for="form_option">R&eacute;f&eacute;rence : </label>
    <span id="niv2">
    <?php include ("ValideLd2.php"); ?></span><!--Pour remplir la liste déroulante 2-->
        </p>
        <p>
    </fieldset>
    <span id="niv3">
    <?php include ("ValideLd3.php"); ?></span><!--Pour remplir la liste déroulante 3-->
        </p>
        <p>
    <span id="buttons">
    <input type="submit" value="Valider">
    </span>
  </form>


Est ce que quelqu'un aurait la solution?