Si tu l'acceptes je prends en charge ta demande

Edit:: Néanmoins, tu es sure de tes dimensions ? Parce que les cadres où tu indiques 700px*400px vont être 1,5 fois plus grands que le corps de N-U. Et si je mets 700px, la largeur de ta fiche fera presque 1000px. Ce qui est énorme .-.

Merci beaucoup d'avoir accepté ma requête!   
Pour les longueurs, non je ne suis absolument pas sûre. Ne te fie pas à mon idée... Fais comme tu le sens, ça rendra surement mieux!
Et encore MERCI!   

Voici un aperçu ! Néanmoins, je n'ai pas pu mettre les polices que tu m'as dit car elles ne sont pas sur ce site : https://www.google.com/fonts Si tu veux une police différente de celle de ton forum, je te conseille de chercher sur ce site et de m'en donner le nom (: Sinon, si tout te convient je te donne les codes !

C'est GÉNIALE! Pour la police, ce n'est pas grave du moment qu'elle va bien avec le reste et que tout le monde peut la voir. Merci, tu as fais un travail magnifique! Je suis heureuse! *saute partout*

Dans ce cas voici le code :


Si tout est ok pour toi n'oublies pas de mettre l'icone pour indiquer que le sujet est terminé !

En fait, excuses-moi d'être embêtante mais j'ai un petit problème. ;_;
Quand je poste le codage de la fiche, ça donne ça: Aperçu (Je suis sur Firefox)
Le carré Physique se ballade. o_o
Voici ce que j'ai posté:

Code:

<br/><div id="fond1"><div id="fond2"><span class="titre1">Nom Prénom</span>
<div class="bloc1"><div class="bloc1bis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a dui nibh. Sed ut vehicula elit. Pellentesque a congue massa. Integer egestas vel ante vitae congue. Cras ac nulla erat. Curabitur quis justo ut sapien auctor venenatis vel vel nunc. Aenean eget mauris a lorem euismod aliquet ac nec lorem. Vestibulum gravida aliquam mauris et euismod. Integer molestie sem eget posuere congue. Integer ipsum magna, dictum vitae nunc quis, porta faucibus massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper, magna sed consectetur volutpat, nisl urna scelerisque massa, quis porta diam tellus ac tellus. Duis cursus mi mollis viverra rutrum. Donec nec semper elit.

Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim. Donec ultricies accumsan lacus id ultrices. Aliquam consequat faucibus volutpat. Duis sed molestie magna. Sed magna ante, venenatis eget justo id, molestie faucibus lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div></div> <div class="bloc2"><img src="http://img15.hostingpics.net/pics/491685AvatarKProject.png" /></div>

<span class="titre2">Psyche</span><div class="bloc3"><div class="bloc3bis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a dui nibh. Sed ut vehicula elit. Pellentesque a congue massa. Integer egestas vel ante vitae congue. Cras ac nulla erat. Curabitur quis justo ut sapien auctor venenatis vel vel nunc. Aenean eget mauris a lorem euismod aliquet ac nec lorem. Vestibulum gravida aliquam mauris et euismod. Integer molestie sem eget posuere congue. Integer ipsum magna, dictum vitae nunc quis, porta faucibus massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper, magna sed consectetur volutpat, nisl urna scelerisque massa, quis porta diam tellus ac tellus. Duis cursus mi mollis viverra rutrum. Donec nec semper elit.

Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim. Donec ultricies accumsan lacus id ultrices. Aliquam consequat faucibus volutpat. Duis sed molestie magna. Sed magna ante, venenatis eget justo id, molestie faucibus lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div></div> <span class="titre3">Physique</span><div class="bloc1" style="margin-top:20px;"><div class="bloc1bis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a dui nibh. Sed ut vehicula elit. Pellentesque a congue massa. Integer egestas vel ante vitae congue. Cras ac nulla erat. Curabitur quis justo ut sapien auctor venenatis vel vel nunc. Aenean eget mauris a lorem euismod aliquet ac nec lorem. Vestibulum gravida aliquam mauris et euismod. Integer molestie sem eget posuere congue. Integer ipsum magna, dictum vitae nunc quis, porta faucibus massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper, magna sed consectetur volutpat, nisl urna scelerisque massa, quis porta diam tellus ac tellus. Duis cursus mi mollis viverra rutrum. Donec nec semper elit.

Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim. Donec ultricies accumsan lacus id ultrices. Aliquam consequat faucibus volutpat. Duis sed molestie magna. Sed magna ante, venenatis eget justo id, molestie faucibus lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div></div>
<span class="titre4">Histoire</span><div class="bloc4"><div class="bloc4bis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a dui nibh. Sed ut vehicula elit. Pellentesque a congue massa. Integer egestas vel ante vitae congue. Cras ac nulla erat. Curabitur quis justo ut sapien auctor venenatis vel vel nunc. Aenean eget mauris a lorem euismod aliquet ac nec lorem. Vestibulum gravida aliquam mauris et euismod. Integer molestie sem eget posuere congue. Integer ipsum magna, dictum vitae nunc quis, porta faucibus massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper, magna sed consectetur volutpat, nisl urna scelerisque massa, quis porta diam tellus ac tellus. Duis cursus mi mollis viverra rutrum. Donec nec semper elit.

Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim. Donec ultricies accumsan lacus id ultrices. Aliquam consequat faucibus volutpat. Duis sed molestie magna. Sed magna ante, venenatis eget justo id, molestie faucibus lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div></div>
<div class="bloc5"><div class="bloc5bis">Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim.
</div></div></div><a href="http://www.never-utopia.com/" style="text-decoration:none; display:block; text-align:center;">© A-Lice | Never-Utopia</a></div>
<style>#fond1 {background:white; width:600px; padding:5px; border:2px solid silver; border-radius:10px; margin:auto;} #fond2 {background:url(http://i39.servimg.com/u/f39/16/96/19/64/tissu_10.jpg); padding:10px; border:2px solid silver; border-radius:10px; height:1000px;} .titre1 {position:relative; top:-23px; text-transform:uppercase; color:black; font-size:24px; font-weight:bold; letter-spacing:-1px;} .bloc1 {width:320px; height:250px; border-radius:15px; border:2px solid gray; background:white; text-align:justify; padding-right:5px; padding-top:5px; float:left;} .bloc1bis {height:220px; overflow:auto; padding:10px; color:black; font-size:13px;} .bloc2 {float:right; width:200px; height:320px; overflow:hidden; border:2px black solid;} .titre2 {position:relative; top:15px; left:-180px; text-transform:uppercase; color:gray; font-size:20px; font-weight:bold; letter-spacing:-1px;} .bloc3 {float:left; width:200px; height:500px; border:2px black solid; margin-top:20px; background:white; text-align:justify; padding-right:5px; padding-top:5px;} .bloc3bis {height:470px; overflow:auto; padding:10px; color:black; font-size:13px;} .titre3 {position:relative; top:60px; left:65px; text-transform:uppercase; color:silver; font-size:20px; font-weight:bold; letter-spacing:-1px;} .titre4 {position:relative; top:320px; left:65px; text-transform:uppercase; color:gray; font-size:20px; font-weight:bold; letter-spacing:-1px;} .bloc4 {width:320px; height:340px; border:2px solid silver; background:white; text-align:justify; padding-right:5px; padding-top:5px; float:right; margin-top:20px;} .bloc4bis {height:310px; overflow:auto; padding:10px; color:black; font-size:13px;} .bloc5 {width:200px; height:150px; border-radius:15px; background:black; text-align:justify; padding:5px; float:left; margin-top:20px;} .bloc5bis {border:2px solid white; border-radius:15px; height:126px; overflow:auto; padding:10px; color:white; font-size:12px;}</style>

Je dois vraiment pas être douée. :_:'

Ah non c'est ma faute >< pardon u_u je te redonne les codes complet corrigé x)



Pour la petite explication, j'ai donné la même classe à ton premier bloc nom prénom et à physique et pour le premier j'avais mis le float:left avec, donc un alignement à gauche Mais cette fois c'est corrigé :)

C'est très gentil. D'ailleurs, je ne veux pas paraître envahissante mais j'ai testé à nouveau
et ça me donne ça --> Aperçu Désolée...>.<

Code:

<style>#fond1 {background:white; width:600px; padding:5px; border:2px solid silver; border-radius:10px; margin:auto;} #fond2 {background:url(http://i39.servimg.com/u/f39/16/96/19/64/tissu_10.jpg); padding:10px; border:2px solid silver; border-radius:10px; height:1000px;} .titre1 {position:relative; top:-23px; text-transform:uppercase; color:black; font-size:24px; font-weight:bold; letter-spacing:-1px;} .bloc1 {width:320px; height:250px; border-radius:15px; border:2px solid gray; background:white; text-align:justify; padding-right:5px; padding-top:5px;} .bloc1bis {height:220px; overflow:auto; padding:10px; color:black; font-size:13px;} .bloc2 {float:right; width:200px; height:320px; overflow:hidden; border:2px black solid;} .titre2 {position:relative; top:15px; left:-180px; text-transform:uppercase; color:gray; font-size:20px; font-weight:bold; letter-spacing:-1px;} .bloc3 {float:left; width:200px; height:500px; border:2px black solid; margin-top:20px; background:white; text-align:justify; padding-right:5px; padding-top:5px;} .bloc3bis {height:470px; overflow:auto; padding:10px; color:black; font-size:13px;} .titre3 {position:relative; top:60px; left:65px; text-transform:uppercase; color:silver; font-size:20px; font-weight:bold; letter-spacing:-1px;} .titre4 {position:relative; top:320px; left:65px; text-transform:uppercase; color:gray; font-size:20px; font-weight:bold; letter-spacing:-1px;} .bloc4 {width:320px; height:340px; border:2px solid silver; background:white; text-align:justify; padding-right:5px; padding-top:5px; float:right; margin-top:20px;} .bloc4bis {height:310px; overflow:auto; padding:10px; color:black; font-size:13px;} .bloc5 {width:200px; height:150px; border-radius:15px; background:black; text-align:justify; padding:5px; float:left; margin-top:20px;} .bloc5bis {border:2px solid white; border-radius:15px; height:126px; overflow:auto; padding:10px; color:white; font-size:12px;}</style>
<br/><div id="fond1"><div id="fond2"><span class="titre1">Nom Prénom</span>
<div class="bloc1" style="float:left;"><div class="bloc1bis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a dui nibh. Sed ut vehicula elit. Pellentesque a congue massa. Integer egestas vel ante vitae congue. Cras ac nulla erat. Curabitur quis justo ut sapien auctor venenatis vel vel nunc. Aenean eget mauris a lorem euismod aliquet ac nec lorem. Vestibulum gravida aliquam mauris et euismod. Integer molestie sem eget posuere congue. Integer ipsum magna, dictum vitae nunc quis, porta faucibus massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper, magna sed consectetur volutpat, nisl urna scelerisque massa, quis porta diam tellus ac tellus. Duis cursus mi mollis viverra rutrum. Donec nec semper elit.

Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim. Donec ultricies accumsan lacus id ultrices. Aliquam consequat faucibus volutpat. Duis sed molestie magna. Sed magna ante, venenatis eget justo id, molestie faucibus lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div></div> <div class="bloc2"><img src="http://img15.hostingpics.net/pics/491685AvatarKProject.png" /></div>

<span class="titre2">Psyche</span><div class="bloc3"><div class="bloc3bis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a dui nibh. Sed ut vehicula elit. Pellentesque a congue massa. Integer egestas vel ante vitae congue. Cras ac nulla erat. Curabitur quis justo ut sapien auctor venenatis vel vel nunc. Aenean eget mauris a lorem euismod aliquet ac nec lorem. Vestibulum gravida aliquam mauris et euismod. Integer molestie sem eget posuere congue. Integer ipsum magna, dictum vitae nunc quis, porta faucibus massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper, magna sed consectetur volutpat, nisl urna scelerisque massa, quis porta diam tellus ac tellus. Duis cursus mi mollis viverra rutrum. Donec nec semper elit.

Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim. Donec ultricies accumsan lacus id ultrices. Aliquam consequat faucibus volutpat. Duis sed molestie magna. Sed magna ante, venenatis eget justo id, molestie faucibus lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div></div> <span class="titre3">Physique</span><div class="bloc1" style="margin-top:20px;"><div class="bloc1bis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a dui nibh. Sed ut vehicula elit. Pellentesque a congue massa. Integer egestas vel ante vitae congue. Cras ac nulla erat. Curabitur quis justo ut sapien auctor venenatis vel vel nunc. Aenean eget mauris a lorem euismod aliquet ac nec lorem. Vestibulum gravida aliquam mauris et euismod. Integer molestie sem eget posuere congue. Integer ipsum magna, dictum vitae nunc quis, porta faucibus massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper, magna sed consectetur volutpat, nisl urna scelerisque massa, quis porta diam tellus ac tellus. Duis cursus mi mollis viverra rutrum. Donec nec semper elit.

Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim. Donec ultricies accumsan lacus id ultrices. Aliquam consequat faucibus volutpat. Duis sed molestie magna. Sed magna ante, venenatis eget justo id, molestie faucibus lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div></div>
<span class="titre4">Histoire</span><div class="bloc4" style="float:right;"><div class="bloc4bis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a dui nibh. Sed ut vehicula elit. Pellentesque a congue massa. Integer egestas vel ante vitae congue. Cras ac nulla erat. Curabitur quis justo ut sapien auctor venenatis vel vel nunc. Aenean eget mauris a lorem euismod aliquet ac nec lorem. Vestibulum gravida aliquam mauris et euismod. Integer molestie sem eget posuere congue. Integer ipsum magna, dictum vitae nunc quis, porta faucibus massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper, magna sed consectetur volutpat, nisl urna scelerisque massa, quis porta diam tellus ac tellus. Duis cursus mi mollis viverra rutrum. Donec nec semper elit.

Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim. Donec ultricies accumsan lacus id ultrices. Aliquam consequat faucibus volutpat. Duis sed molestie magna. Sed magna ante, venenatis eget justo id, molestie faucibus lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div></div>
<div class="bloc5"><div class="bloc5bis">Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim.
</div></div></div><a href="http://www.never-utopia.com/" style="text-decoration:none; display:block; text-align:center;">© A-Lice | Never-Utopia</a></div>

En fait, je crois que le carré Physique s'est placé à la même largeur que le premier. Mais j'ai peur d'y toucher et de faire des bêtises. ;_;

Pas de soucis je vais reprendre ça (:
Mais j'ai une question, tu n'as pas accès au panneau d'administration ?

Si, j'y ai accès. Seulement je ne suis pas très douée avec. ^-^'''
Merci pour ton aide.

Parce que là tu mets le CSS dans la fiche et je te le déconseille très franchement si tous les membres du forum vont utiliser cette fiche :/
Et pour mettre le CSS dans la feuille de style du forum tu vas dans : Panneau d'administration -> Affichage -> Images & couleurs -> Couleurs -> Feuille de style CSS. Et tu colles le CSS dans cette partie (:

Donc je retente x) :
HTML :

Code:

<br/><div id="fond1"><div id="fond2"><span class="titre1">Nom Prénom</span>
<div class="bloc1" style="float:left;"><div class="bloc1bis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a dui nibh. Sed ut vehicula elit. Pellentesque a congue massa. Integer egestas vel ante vitae congue. Cras ac nulla erat. Curabitur quis justo ut sapien auctor venenatis vel vel nunc. Aenean eget mauris a lorem euismod aliquet ac nec lorem. Vestibulum gravida aliquam mauris et euismod. Integer molestie sem eget posuere congue. Integer ipsum magna, dictum vitae nunc quis, porta faucibus massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper, magna sed consectetur volutpat, nisl urna scelerisque massa, quis porta diam tellus ac tellus. Duis cursus mi mollis viverra rutrum. Donec nec semper elit.

Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim. Donec ultricies accumsan lacus id ultrices. Aliquam consequat faucibus volutpat. Duis sed molestie magna. Sed magna ante, venenatis eget justo id, molestie faucibus lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div></div> <div class="bloc2"><img src="http://img15.hostingpics.net/pics/491685AvatarKProject.png" /></div>

<span class="titre2">Psyche</span><div class="bloc3"><div class="bloc3bis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a dui nibh. Sed ut vehicula elit. Pellentesque a congue massa. Integer egestas vel ante vitae congue. Cras ac nulla erat. Curabitur quis justo ut sapien auctor venenatis vel vel nunc. Aenean eget mauris a lorem euismod aliquet ac nec lorem. Vestibulum gravida aliquam mauris et euismod. Integer molestie sem eget posuere congue. Integer ipsum magna, dictum vitae nunc quis, porta faucibus massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper, magna sed consectetur volutpat, nisl urna scelerisque massa, quis porta diam tellus ac tellus. Duis cursus mi mollis viverra rutrum. Donec nec semper elit.

Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim. Donec ultricies accumsan lacus id ultrices. Aliquam consequat faucibus volutpat. Duis sed molestie magna. Sed magna ante, venenatis eget justo id, molestie faucibus lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div></div> <span class="titre3">Physique</span><div class="bloc1" style="margin-top:20px; float:right;"><div class="bloc1bis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a dui nibh. Sed ut vehicula elit. Pellentesque a congue massa. Integer egestas vel ante vitae congue. Cras ac nulla erat. Curabitur quis justo ut sapien auctor venenatis vel vel nunc. Aenean eget mauris a lorem euismod aliquet ac nec lorem. Vestibulum gravida aliquam mauris et euismod. Integer molestie sem eget posuere congue. Integer ipsum magna, dictum vitae nunc quis, porta faucibus massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper, magna sed consectetur volutpat, nisl urna scelerisque massa, quis porta diam tellus ac tellus. Duis cursus mi mollis viverra rutrum. Donec nec semper elit.

Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim. Donec ultricies accumsan lacus id ultrices. Aliquam consequat faucibus volutpat. Duis sed molestie magna. Sed magna ante, venenatis eget justo id, molestie faucibus lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div></div>
<span class="titre4">Histoire</span><div class="bloc4"><div class="bloc4bis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a dui nibh. Sed ut vehicula elit. Pellentesque a congue massa. Integer egestas vel ante vitae congue. Cras ac nulla erat. Curabitur quis justo ut sapien auctor venenatis vel vel nunc. Aenean eget mauris a lorem euismod aliquet ac nec lorem. Vestibulum gravida aliquam mauris et euismod. Integer molestie sem eget posuere congue. Integer ipsum magna, dictum vitae nunc quis, porta faucibus massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper, magna sed consectetur volutpat, nisl urna scelerisque massa, quis porta diam tellus ac tellus. Duis cursus mi mollis viverra rutrum. Donec nec semper elit.

Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim. Donec ultricies accumsan lacus id ultrices. Aliquam consequat faucibus volutpat. Duis sed molestie magna. Sed magna ante, venenatis eget justo id, molestie faucibus lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div></div>
<div class="bloc5"><div class="bloc5bis">Aenean mattis imperdiet nibh et semper. Sed fringilla leo ut felis iaculis fermentum. Cras dolor magna, vestibulum eget rutrum sed, elementum at enim.
</div></div></div><a href="http://www.never-utopia.com/" style="text-decoration:none; display:block; text-align:center;">© A-Lice | Never-Utopia</a></div>

Et CSS :

Code:

#fond1 {
background:white;
width:600px;
padding:5px;
border:2px solid silver;
border-radius:10px;
margin:auto;
}

#fond2 {
background:url(http://i39.servimg.com/u/f39/16/96/19/64/tissu_10.jpg);
padding:10px;
border:2px solid silver;
border-radius:10px;
height:1000px;
}

.titre1 {
position:relative;
top:-23px;
text-transform:uppercase;
color:black;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
}

.bloc1 {
width:320px;
height:250px;
border-radius:15px;
border:2px solid gray;
background:white;
text-align:justify;
padding-right:5px;
padding-top:5px;
}

.bloc1bis {
height:220px;
overflow:auto;
padding:10px;
color:black;
font-size:13px;
}

.bloc2 {
float:right;
width:200px;
height:320px;
overflow:hidden;
border:2px black solid;
}

.titre2 {
position:relative;
top:15px;
left:-180px;
text-transform:uppercase;
color:gray;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
}

.bloc3 {
float:left;
width:200px;
height:500px;
border:2px black solid;
margin-top:20px;
background:white;
text-align:justify;
padding-right:5px;
padding-top:5px;
}

.bloc3bis {
height:470px;
overflow:auto;
padding:10px;
color:black;
font-size:13px;
}

.titre3 {
position:relative;
top:60px;
left:65px;
text-transform:uppercase;
color:silver;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
}

.titre4 {
position:relative;
top:320px;
left:65px;
text-transform:uppercase;
color:gray;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
}

.bloc4 {
width:320px;
height:340px;
border:2px solid silver;
background:white;
text-align:justify;
padding-right:5px;
padding-top:5px;
float:right;
margin-top:20px;
}

.bloc4bis {
height:310px;
overflow:auto;
padding:10px;
color:black;
font-size:13px;
}

.bloc5 {
width:200px;
height:150px;
border-radius:15px;
background:black;
text-align:justify;
padding:5px;
float:left;
margin-top:20px;
}

.bloc5bis {
border:2px solid white;
border-radius:15px;
height:126px;
overflow:auto;
padding:10px;
color:white;
font-size:12px;
}

Mon cerveau, qui était un emmental, est devenu un gruyère. (Quelle différence? Le gruyère a des trous plus petits que l'emmental.) Je deviens plus cultivée grâce à toi merci! :)
Pour le CSS, je vais encore être lourde mais je le colle à la toute fin de la fiche?
Sinon, le code marche. C'est PARFAIT! *-*

Oui tu peux le mettre à la fin, comme au début ça importe peu. Du moment qu'il est dans la feuille de style et seulement là
Et j'ai conscience que ce n'est pas toujours facile... Mais j'en prends note pour les prochaines demandes que je prendrai (:

Justement, c'est très généreux d'y répondre.
Je suis comblée. *-*
Le sujet est clos.