taille du site

Bonjour,

Je voudrais changer la taille de mon site qui est en 1024 par du 980 de large, mais lorsque je change l'attribu width de 1024 a 980 de ma page rien ne se passe, et si a la place de 980 je met 50 la taille du site reste la même mais toutes ma pages se retrouve décaler sur la droite, je ne comprend pas pourquoi ça fait ça, avez vous une idée ?


/* CSS Document */








/*******************************


*


* Dans ce fichier, les codes combinaison sont les codes associés


* les uns au autres :


* ex : un "padding" avec un "margin"


*


********************************/








/******


* Style général des pages


*******/





            body {


                /*font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;*/


                font-family:Verdana, Arial, Helvetica, sans-serif;


                font-size:12px;


                background-color:#FFFFFF;/*avant #127BC4*/


                /*background-image:url(../img/bg2.jpg);*/


                background-repeat:repeat-x;


                background-position:center;


                background-position:top;


            }

            iframe{overflow: hiden;
                    height: 600px;;
                    width: 900px;
           
                }

           


           


           


/****************************


* Construction de la page


*****************************/


#page {


            margin-top:30px;


            width:50px;/*avant : 1024 et encore avant: 900*/


            margin-left: auto;


            margin-right: auto;


            }


#corpsPage    {


            font-size:15px;


            color:#D10E0E;


            background-color:#FFFFFF;           
           
           
            padding-top:10px; /* Code combinaison : 001 */


            padding-right:40px;


            padding-left:40px;


            }
           
           
#corpsPageContact    {


            font-size:15px;


            color:#D10E0E;


            background-color:#FFFFFF;           
           
           
            padding-top:0px; /* Code combinaison : 001 */


            padding-right:40px;


            padding-left:40px;


            }
           
           
#corpsPagemenu    {


            font-size:15px;


            color:#D10E0E;


            background-color:#FFFFFF;           


            padding-right:40px;


            padding-left:40px;


            }


#contenu    {


            font-size:12px;


            color:#000000;


            background-color:#F8FAFD;


            margin-top:15px; /*Code combinaison : 001*/


            padding:10px;


                /* Permet de definir une taille minimum pour le module corps contenu*/


            min-height:400px;


            overflow:visible;


            }
           
#contenuaccueil    {


            width: 50px;/*avant: 1024*/
            font-size:12px;


            color:#000000;


            /*background-color:#F8FAFD;*/


            /*margin-top:15px; /*Code combinaison : 001*/


            padding:10px;


                /* Permet de definir une taille minimum pour le module corps contenu*/


            min-height:400px;


            overflow:visible;


            }


ul { list-style: none;}


#banAss        { height:143px; width:50px;/*avant: 1024*/}


#banniere    { background-image:url(../img/ban.png); height: 143px; width:50px;/*avant: 1024*/ float: left;position : absolute; }





/****************** Bannierre personnalisée de charque rubrique **************************/





#banArc        { background-image:url(../img/BAN_rubrique/banArc.png); height: 143px; width:299px; float: right; }


#ban3D        { background-image:url(../img/BAN_rubrique/ban3D.png); height: 143px; width:299px; float: right; }


#banMoy        { background-image:url(../img/BAN_rubrique/banMoy.png); height: 143px; width:299px; float: right; }


#banRes        { background-image:url(../img/BAN_rubrique/banRes.png); height: 143px; width:299px; float: right; }


#banCon        { background-image:url(../img/BAN_rubrique/banCon.png); height: 143px; width:299px; float: right; }


#banGal        { background-image:url(../img/BAN_rubrique/banGal.png); height: 143px; width:299px; float: right; }


#banTop        { background-image:url(../img/BAN_rubrique/banTop.png); height: 143px; width:299px; float: right; }


#banDL        { background-image:url(../img/BAN_rubrique/banDL.png); height: 143px; width:299px; float: right; }


#banFAQ        { background-image:url(../img/BAN_rubrique/banFAQ.png); height: 143px; width:299px; float: right; }


#banRec        { background-image:url(../img/BAN_rubrique/banRec.png); height: 143px; width:299px; float: right; }


#banRef        { background-image:url(../img/BAN_rubrique/banRef.png); height: 143px; width:299px; float: right; }


#banUrbi    { background-image:url(../img/BAN_rubrique/banUrbi.png); height: 143px; width:299px; float: right; }


#banProc    { background-image:url(../img/BAN_rubrique/banProc.png); height: 143px; width:299px; float: right; }





/*****************************************************************************************/











.logo        {
            position: absolute;
           
            z-index: 2000;

            /*height:118px;*/


            /*width:107px;*/


            margin-left:0px;

            margin-top: -20px;
           
           
            /*padding-top: -30px; avant 40*/
           
       


            }





.menu {    height:34px; }


.navig{
        padding-top:227px;/*avant 243*/
        }
       
.navigmenu{
        padding-top:4px;
        }
       
.navigbandeau{
        padding-top:230px;
        }



           
.navigmenu{
            position: relative;
            }


.footer {


            background-image:url(../img/footer.png);
           
           

            background-repeat:no-repeat;


            padding-top:50px;


            padding-right:100px;


            text-align:right;


            height:28px;


        }
       
       
       
       
.footerAcc {

            padding-top:50px;


            padding-right:100px;


            text-align:right;


            height:28px;


        }
       
       
       
.footerImg{
    position: absolute;
    margin-left: -40px;
    z-index: 2;
    }       
       
       
       
.laser{
    position:absolute;
    margin-top: 50px;
    margin-left: 350px;
    }


.milieu{
    position: absolute;
    margin-top: 20px;
    margin-left: 80px;
    background-image: url(../img/fond_accueil/milieuCorps.jpg);
    background-repeat:repeat-y;
    /*background-color: purple;*/
    width: 768px;
    height: 429px;
    z-index: 100;
    /margin-left: -180px;
    }
   
.contenuMilieu{
    width: 412px;
    margin-left: 50px;
    margin-top: -20px;
    }
       
.droite{
    position: absolute;
    margin-top: 20px;
    margin-left: 850px;
    width: 128px;
    /margin-left: 590px;
    }
.gauche{
    position: absolute;
    margin-top: 21px;
    width: 128px;
    margin-left: -50px;
    z-index: 200;
    /margin-left: -311px;
    /margin-top: 17px;

    }
   
   
   
.offre{
    position: absolute;
    }
   
.offre2{
    color: white;
    }


/***********************************


* Fin de construction de page


************************************/


/***********************************


*


* Construction des rubriques


*       *       *      *     *     *


*


* Les rubriques et sous rubriques sont créées sous la formes :


*


* conteneur (titre, contenue)


************************************/





.rub         {


            padding-bottom:30px;


            }


           


.titreRub     {


            background-image:url(../img/laser.png);


            background-repeat:no-repeat;


            background-position:bottom;


            height:30px;


            width:584px;


            font-size:15px;


            font-weight:bold;


            }
           
.titreSousRub{
    font-size: 12px;
    text-decoration:underline;
    }


.contRub    {


            margin-top:10px;


            margin-left:40px;


            }


   


#SSRub         {


            border-bottom-style:double;


            border-bottom-width:medium;


            width:500px;


            }


#SSRubTitre    {


            font-size:15px;


            color:#127BC4;


            text-decoration:;


            margin-bottom:10px;


            margin-left:30px;


            margin-top:20px;


            width:250px;

            font-weight:bold;


            }


#SSRubCont    {


            border-bottom:10px;


            margin-bottom:10px;


            width:550px;


            }


/**************** Fin des stiles de mise en forme ********************/           


           


           


#HistoLogo     {


            height:86px;


            width:70px;


            float:right;


            margin-top:50px;


            margin-right:30px;


            }


#text        {


            width:550px;


            float:right;


            margin-top:-100px;


            padding-right:50px;


            }


#HistoLogoElement    { margin-top:150px;}


           


.tabRef        { padding-left:30px; padding-bottom:50px; }





.logoWiever    {


            background-color:#EDF2F9;


            overflow:visible;


            height:350px;


            width:250px;


            margin-top:-470px;


            margin-left:490px;       


            text-align:center;


            }


#btnOffres    {


            height:122px;


            width:27px;


            }


           


.margePresentation { padding-top:20px; padding-left:10px; padding-right:10px; }


           


/**************


*   Mise en forme pour la construction des rubriques pour le plan du site


*************/





.planSiteFond        {


            background-image:url(../img/planSite_fond.jpg);


            height:287px;


            width:202px;


            float:left;


            margin-right:50px;


            margin-bottom:30px;


            }





/* Titraille des rubriques pour le plan du site */


.planSiteTITRE    {


                margin-top:2px;


                margin-left:10px;


                font-size:15px;


                font:Verdana, Arial, Helvetica, sans-serif;


                text-align:center;


                color:#FFFFFF;


                }


#conteneur li    {


            list-style-image: url(../img/puce.gif);


            background-repeat:no-repeat;


            margin-top:10px;


            }





/********************* Contacts **************************/


#locauxUrbi    {


                width:200px;


                float: right;


                margin-top:50px;


            }





/****************************


* Les plus souvent utilisés


*****************************/





.noBorder { border:0; }


.txtCentrer {


            text-align:center;


            margin-left: auto;


            margin-right: auto;


            margin-top: 50px;


            }


.centrer {


            width:300px;


            text-align:center;


            margin-left: auto;


            margin-right: auto;


            }


           


#Souligner    {text-decoration:underline;    }


#largeur    { width:200px;}


#float        { float:right; margin-right:150px; margin-top:-15px;}


.floatleft{


            float: left;


            padding: 1%;


            margin-right: 2px;


            /*margin-top: 2px;*/


            width: 110px;


            height: 90px;


}


.floatleftDL{


            float: left;


            padding: 1%;


            margin-right: 2px;


            width: 360px;


            height: 200px;


            margin-top:30px;


}




/*****************************


* Les liens


******************************/





            a:link { color:#208AFF; }


            a:visited { color:#208AFF; }


            a:hover { color:#208AFF; text-decoration:overline underline; }





/******* Liens footer *******/


            a.lienFooter:link { color:#B3ECFF; text-decoration:none; }


            a.lienFooter:visited { color:#B3ECFF; text-decoration:none; }


            a.lienFooter:hover { color:#1b50a1; text-decoration:overline underline; }

et voila ma page php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">



<html>

<head>



<title>URBICA ingénierie : numérisation, digitalisation 3D et lasergrammétrie</title>

<!-- Metatag permetant le referencement sur les moteurs de recherches -->

    <meta name="description" content="Accueil. Urbica ingénierie spécialiste en numérisation, digitalisation 3D et relevé laser. Urbica intervient en secteur industriel, cartographie et SIG, architecture et topographie pour tous relevés et modelisation en plan ou 3D. "/>

    <meta name="keywords" content="urbica, urbica ingénierie, urbi-digit, modelisation architecture, données SIG, numérisation cadastre, digitalisation 3D, lasergrammetrie, plan tqc, numerisation, vectorisation"/>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <meta http-equiv="content-language" content="fr"/>

    <meta name="reply-to" content="carto@urbica.net">

    <meta name="copyright" content="Urbica 2008">

    <meta name="author" content="Urbica Ingenierie"/>

    <meta name="category" content="engineering"/>

   

    <link rel="SHORTCUT ICON" href="img/favicon.ico">

    <script language="javascript" type="text/javascript"  src="../swfobject.js"></script>
   
   

<!-- Feuilles de style CSS -->

    <link rel="stylesheet" type="text/css" href="css/stylenew.css" media="screen"/>

 




</head>


<body onselectstart="return false" oncontextmenu="return false" ondragstart="return false" onMouseOver="window.status='..message perso .. '; return true;">








<div id="page">

<img class="laser" src="img/laser.jpg" />

<img class="logo" src="img/logo.png" />


<img src="banniere/accueil.jpg" style="margin-top: 80px;" />


<!---------------- BANNIERE + LOGO ---------------->


       


       

       


   
    <!-- MENU -->
    <div class="navigmenu">
    <?php

   

    // Inclusion du menu en php pour une modification future dynamique

            include("PAGE_inc/menu.inc.php");

           

    ?>
    </div>



   

   

<!-- CORPS DE PAGE -->




    <div id="corpsPagemenu">
   


   

        <div id="contenuaccueil">
       
<!------panneau gauche------>
   
    <div class="gauche">
   

    <img src="img/fond_accueil/img1.jpg" />
    <img src="img/fond_accueil/img2.jpg" />
    <img src="img/fond_accueil/img3.jpg" />
   
    </div>
   
<!------panneau milieu----------->
   
    <div class="milieu">
    <img src="img/fond_accueil/milieuHaut.jpg" />
       
        <div class="contenuMilieu">
       
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="700" height="420">
  <param name="movie" value="flash/acc.swf">
  <param name=quality value=high>
  <embed src="flash/acc.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="700" height="420"></embed>
</object>
   
        </div>
   
    </div>
   
<!-----panneau droite----->

    <div class="droite">
   
   
    <p>Mots du président</p>
   
    <p>IDEM PULUM EX ACCEPTISSIMIS LIBERTIS MORI COEGIT COMPERTUM ADULTERARE MATRONAS; THALLO A MANU, QUOD PRO EPISTULA PRODITA DENARIOS QUINGENTOS ACCEPISSET, CRURA EI FREGIT; PRAEDAGOGUM MINISTROS QUE FILI, PER OCCASIONEM VALETUDINIS MORTISQUE EJUS SUPERBE AVAREQUE IN PROVINCIA GRASSATOS, ONERATOS GRAVI PONDERE CERVICIBUS
</p>
   
   
   
   
    </div>

            <div style="height:20px; width:500px; margin-top: 0px;" class="centrer">



                              <MARQUEE

                       

                                style="FONT-WEIGHT: bold;

                       

                                     FONT-SIZE: large;

                       

                                     COLOR: #0057a7;

                       

                                     LINE-HEIGHT: normal;

                       

                                     FONT-STYLE: normal;

                       

                                     FONT-VARIANT: normal"

                       

                                     scrollAmount=5 loop=infinite unselectable="on">

                              <font  size="3" face="Verdana, Arial, Helvetica, sans-serif">

                                    Urbica: Services de relevés de mesures par scanner 3D

                              </font>

                              </MARQUEE>



            </div>



    </div>

   

   



<img class="footerImg" src="img/footer.png" />   

    <!-- Edited by Ghostweapon -->

    <!-- ghostweapon.free.fr -->





</div>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">

</script>

<script type="text/javascript">

_uacct = "UA-4865025-1";

urchinTracker();

</script>

</body>

</html>






Merci