Problême de design css selon les resolution

Bonjour,

j'ai creer un site internet sur mon ordinateur ,jusque la tout allez bien .

hier, j'ai voulu le metre sur le net et tout c'est compliqué , je me suit rendu compte que avec les autre resolution d'ecrant tout mon design se met de traver .


le problême c'est que je ne sais pas comment faire pour que mon site reste niquel sur toute les resolution!

j'espere que vous pourrez m'aider?

voici l'adresse de mon site http://www.uncupidon.com comme ca vous verez par vous même!

voici mon design css:


h1
{

text-align: left;

color: black;
}

p /* chapitre du texte a modifier */

{ /* debut de la modification du chapitre */
color: black; /* couleur du texte */

font-size: 0.6em; /* taille du texte */

font-family: Tahoma, Arial, Verdana, serif; /* On essaie d'avoir Arial Black en priorité mes on rajoute d'autre police ou cas ou celle ci ne pas pas! */


}
h2
{

color : black;
text-align: left;
font-size: 0.8em;
}
body /* On travaille sur la balise body, donc sur TOUTE la page */
{
width: 100%;
background-image: url("images_site/bleumsn.jpg");
background-repeat: repeat;
-moz-border-radius:15px 15px 15px 15px;

}

#fieldset

{

-moz-border-radius:15px 15px 15px 15px;
background-color: white;
background-repeat: repeat;
}


titre

{
color: green
font_size : 1.5em;
}

.les_connectes
{
color: white;
font-family: Tahoma, Arial, Verdana,serif;
}


.inscrit
{
color: yellow;
}

#page_entiere
{
-moz-border-radius:15px 15px 15px 15px;
margin-left: 16%;
margin-top: 5%;
margin-right: 17%;
margin-bottom:5%;
}

.amoureux_cupidon

{
margin-top:10px;
float: right;
background-attachment: fixed; /* Le fond restera fixe */

}



#texte_premiere
{
color: black;
text-align:;
font-size:0.6em;
}


.ma_recherche_rapide
{
text-align: center;

}

#ma_recherche_rapide
{
color:black;
border: 4px groove teal;
margin-top: %;
margin-right: 60%;
margin-bottom: 10%;
padding: 2%;/* Marge interieur du cadre */
background-image: url("images_site/bleumsn.jpg");
-moz-border-radius:15px 15px 15px 15px;
}


#espace_membre
{
text-align:left;
-moz-border-radius:15px 15px 15px 15px;
}




.age_minimum
{
color: black;
font-family: Tahoma, Arial, Verdana,serif;

}
.age_maximum
{
color: black;
font-family: Tahoma, Arial, Verdana,serif;
font-size:0.6em;
}
.departement
{
color: black;
font-family: Tahoma, Arial, Verdana,serif;
font-size:0.6em;
}

#input_mot_de_passe

{
margin-left:800px;
margin-top: 10px;
}


#mon_espace
{
-moz-border-radius:15px 15px 15px 15px;
text-align: left;
font-family:Tahoma, Arial, Verdana, serif; /* On essaie d'avoir Arial Black en priorité mes on rajoute d'autre police ou cas ou celle ci ne pas pas! */
color:black;

}

#fieldset2

{
-moz-border-radius:15px 15px 15px 15px;
background-image: url("images_site/bleumsn.jpg");

font-size:0.6em;


}
#toutpage2
{
padding-top: ;
padding-left : 2%;/* Marge interieur du cadre */
padding-right : 2%;/* Marge interieur du cadre */
padding-bottom :2%;
color:black;
border: 24px groove teal;

background-repeat: repeat-x;
-moz-border-radius:20px 20px 20px 20px;
}

#pied_de_page
{
padding: 1px;
-moz-border-radius:20px 20px 20px 20px;
text-align: center;
color: black;
background-image: url("images_site/bleumsn.jpg");
background-repeat: repeat-x;
border: 4px groove teal;

}
#logo
{
width:
30%;
float:left;
margin-right:700%;

}
#connexion
{
border: 4px groove teal;
margin-left: 50%;
}