Adapter la résolution d'un site.

Bonjour,

Je suis en création d'un site Internet sous Serif Web Plus 5, car je m'y connais peu en programmation. La ou je sèche c'est que je voudrais que mon site internet s'affiche entièrement selon la résolution du visiteur.

J'ai trouvé pour ça plusieurs astuces dans des forums dont celle ci, avec l'intégration d'un code HTLM dans la CSS.

body{width:90%;margin:auto;min-width:768px;max-width:960px

La ou je sèche encore plus, c'est que je ne sais pas où l'inclure dans ma CSS :

a:link {color:#393939;}
a:visited {color:#393939;}
a:hover {color:#393939;}
a:active {color:#393939;}
.Wp-Citations-P
{
margin:12.0px 48.0px 12.0px 48.0px; text-align:left; font-weight:100%;
}
.Wp-Citations---Gras-P
{
margin:12.0px 48.0px 12.0px 48.0px; text-align:left; font-weight:100%;
}
.Wp-Corps-P
{
margin:0.0px 0.0px 12.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-Corps-artistique-P
{
margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-Corps-de-tableau-P
{
margin:0.0px 0.0px 12.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-En-tête-P
{
margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400;
}
.Wp-En-tête-1-P
{
margin:32.0px 0.0px 4.0px 0.0px; text-align:center; font-weight:400;
}
.Wp-En-tête-2-P
{
margin:20.0px 0.0px 4.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-En-tête-3-P
{
margin:12.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-En-tête-4-P
{
margin:20.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-En-tête-5-P
{
margin:16.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-En-tête-6-P
{
margin:12.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-En-tête-et-pied-de-page-P
{
margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400;
}
.Wp-Intitulés-P
{
margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-Liste-numérotée-P
{
margin:0.0px 0.0px 12.0px 48.0px; text-align:left; font-weight:400; text-indent:-12.0px;
}
.Wp-Liste-à-puces-P
{
margin:0.0px 0.0px 12.0px 48.0px; text-align:left; font-weight:400; text-indent:-15.0px;
}
.Wp-Listes-P
{
margin:0.0px 0.0px 12.0px 24.0px; text-align:left; font-weight:400;
}
.Wp-No-Spacing-P
{
margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-Normal-P
{
margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-Note-P
{
margin:0.0px 0.0px 12.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-Pied-de-page-P
{
margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400;
}
.Wp-Retrait-P
{
margin:0.0px 0.0px 12.0px 48.0px; text-align:left; font-weight:400;
}
.Wp-Sous-titre-P
{
margin:0.0px 0.0px 12.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-Titre-P
{
margin:0.0px 0.0px 20.0px 0.0px; text-align:left; font-weight:400;
}
.Wp-Code-C
{
font-family:"Courier New", monospace;
}
.Wp-Default-Paragraph-Font-C
{
font-family:"Verdana", sans-serif;
}
.Wp-Gras-C
{
font-family:"Verdana", sans-serif; font-weight:700;
}
.Wp-Gras-italique-C
{
font-family:"Verdana", sans-serif; font-style:italic; font-weight:700;
}
.Wp-Italique-C
{
font-family:"Verdana", sans-serif; font-style:italic;
}
.Wp-Mot-clé-C
{
font-family:"Courier New", monospace; font-weight:700;
}
.Wp-Paramètre-factice-C
{
font-family:"Verdana", sans-serif;
}
.Wp-Police-de-paragraphe-par-défaut-C
{
font-family:"Verdana", sans-serif;
}
.Wp-Référence-C
{
font-family:"Verdana", sans-serif; font-variant:small-caps;
}
.Wp-Référence---Gras-C
{
font-family:"Verdana", sans-serif; font-style:italic; font-weight:700; font-variant:small-caps;
}
.Wp-apple-converted-space-C
{
font-family:"Verdana", sans-serif;
}

Si vous avez une ou des solutions elles sont les bienvenues, merci de votre aide !