Arrondir cadre de fond du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Arrondir cadre de fond du forum

Message par La Forêt des Mages le Mar 16 Aoû 2011 - 3:55

Bonsoir à tous et à toutes.

J'ai fais une longue recherche mais je n'ai pas trouvé ce qui correspond à ce que je voudrais.
J'aimerais savoir si il serait possible d'arrondir le cadre général (fond) du forum, sans installer de cadre graphique ?
Sans en installé, car quand j'essaie, l'ensemble de mon forum bug, certainement dû aux nombreuses fautes que contient mon css Razz

Forum > http://laforetdesmages.forumpro.fr/

Screen de ce que j'appelle cadre de fond



L’ensemble des coins de mon forum sont arrondis, il ne me manque plus que ceux là (en haut et en bas bien entendu).
Ce fond est paramétrable dans les couleurs.

D'avance merci.


Dernière édition par La Forêt des Mages le Mar 16 Aoû 2011 - 5:37, édité 1 fois

La Forêt des Mages
**

Masculin
Messages : 75
Inscrit(e) le : 21/07/2011

http://laforetdesmages.forumpro.fr/
La Forêt des Mages a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Arrondir cadre de fond du forum

Message par SoraNoHime le Mar 16 Aoû 2011 - 4:01

Bonsoir

Mettez ceci dans votre css :

Code:
.bodyline {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir cadre de fond du forum

Message par La Forêt des Mages le Mar 16 Aoû 2011 - 4:04

Bonsoir, c'est très bien merci Smile
Par contre je parlais du bas, mais je n'avais pas pensé au pied de page Razz

Spoiler:

Est-il possible donc de séparer le bas du forum, du pied de page ?
Et de retrouver ces mêmes arrondis en bas ?

D'avance merci.

Smile

La Forêt des Mages
**

Masculin
Messages : 75
Inscrit(e) le : 21/07/2011

http://laforetdesmages.forumpro.fr/
La Forêt des Mages a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Arrondir cadre de fond du forum

Message par SoraNoHime le Mar 16 Aoû 2011 - 4:09

Le bas est en fait caché par votre tableau fixe en bas de page.

Essayez ceci à la place du code précédent :

Code:
.bodyline {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
margin-bottom : 225px;
}

Si cela ne fonctionne pas, où avez-vous installé ce tableau dans votre panneau d'administration ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir cadre de fond du forum

Message par La Forêt des Mages le Mar 16 Aoû 2011 - 4:14

Non ça ne fonctionne pas Smile

Le Pied de page a été ajouté dans le template overall_footer

Spoiler:
Code:
<div id="pied_de_page">

<table width="100%" class="contenu" align="center" border="0" cellspacing="0" cellpadding="0">
  <tr>
        <td    align="center" valign="top" width="25%">

<div class="navigation" style="text-align: center;">
<h1><i style="color: #C2C1BE; border-bottom: 1px dotted #C2C1BE; font-size: 12px">NAVIGATION</i>
 </h1>

<div class="les_liens">
<a href="http://laforetdesmages.forumpro.fr/f5-l-accord">♠ L’Accord de la Forêt</a>
 <br />
<a href="http://laforetdesmages.forumpro.fr/f3-registre-des-mages">♠ Registre</a>
 <br />
<a href="http://laforetdesmages.forumpro.fr/c7-communaute-des-mages-de-la-foret">♠ Espace détente</a>
 <br />
<a href="http://laforetdesmages.forumpro.fr/c6-joutes-verbales">♠ Joutes Verbales</a>
</div>
</div>

</td>

<td  align="center" valign="top">

<table  valign="top" align="center" width="800px" border="0" cellspacing="8" cellpadding="0">
<tr>

<td width="33%" valign="top" style="background-image: url(http://i45.servimg.com/u/f45/16/75/07/71/separa11.png); background-repeat: no-repeat; background-position: top right; margin-left: 10px;  height: 150px; text-align: top;">
<i style="color: #C2C1BE; border-bottom: 1px dotted #C2C1BE;">SALON ÉSOTÉRIQUE</i>


<div style="font-size: 10px; text-align: left;"><img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" />  <a href="http://laforetdesmages.forumpro.fr/f11-periodes-lieux-principes-materiels"> Bases en ésotérisme </a><br />
<img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /> <a href="http://laforetdesmages.forumpro.fr/f12-magies"> Différentes Magies </a><br />
 <img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /> <a href="http://laforetdesmages.forumpro.fr/f10-analyse-videos-images"> Analyse vidéos & images </a> <br />
<img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /><a href="http://laforetdesmages.forumpro.fr/f13-vos-experiences-vecues-et-temoignages"> Vos expériences vécues & témoiganges </a></div>
</td>

<td width="33%" valign="top" style="background-image: url(http://i45.servimg.com/u/f45/16/75/07/71/separa11.png); background-repeat: no-repeat; background-position: top right;  height: 150px; text-align: top;">
<i style="color: #C2C1BE; border-bottom: 1px dotted #C2C1BE; ">LES CONNAISSANCES</i>

 
<div style="font-size: 10px; text-align: left;"><img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" />  <a href="http://laforetdesmages.forumpro.fr/f17-croyances"> Croyances </a><br />
<img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /> <a href="http://laforetdesmages.forumpro.fr/f18-mythes-legendes"> Mythes & Légendes </a><br />
 <img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /> <a href="http://laforetdesmages.forumpro.fr/f19-la-vie-d-ailleurs"> La Vie d'ailleurs </a> <br />
<img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /><a href="http://laforetdesmages.forumpro.fr/f20-les-mysteres-de-la-nature"> Les Mystères de la nature </a> <br />
<img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /><a href="http://laforetdesmages.forumpro.fr/f21-mythologies"> Mythologies </a> </div>
</td>

<td  width="33%" valign="top" style="text-align: top";>
<i style="color: #C2C1BE; border-bottom: 1px dotted #C2C1BE;">NOUS JOINDRE</i>
 
 
<div style="font-size: 10px; text-align: left;"><img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" />  <a href="laforetdesmages@hotmail.fr"> Nous contacter (mail) </a><br />
<img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /> <a href="http://laforetdesmages.forumpro.fr/f9-partenaires-pubs-liens"> Nos Partenaires </a><br />
 <img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /> <a href="http://laforetdesmages.forumpro.fr/register"> Nous Rejoindre </a> </div>
</td>
</tr>
</table>
</td>
        <td  valign="top" width="25%">
<div style="margin-top: 10px;"><i style="color: #C2C1BE; border-bottom: 1px dotted #cc7f46;">Nous rejoindre sur :</i>
 <span class="rotation-t"><a href="https://www.facebook.com/pages/La-For%C3%AAt-des-Mages/140549269360726"><img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/515.png" alt="" /></a> </span><br />
<i style="color: #C2C1BE; border-bottom: 1px dotted #C2C1BE;"><a href="http://laforetdesmages.forumpro.fr/">Forum</a></i>
</div>
        </td>
  </tr>
  <tr>
        <td id="texte_bas_page" width="100%" COLSPAN=3>

Copyright 2011 - © La Forêt des Mages - Tous droits réservés. Toute copie totale ou partielle du forum est strictement interdite.<br/>
Codage Quierra de <a href="http://www.themes-fa.com/">Thèmes FA</a>. Forum optimisé pour Mozilla Firefox

        </td>
  </tr>
</table>
</div>

Son CSS

Spoiler:
Code:
/* -- Pied de page -- */


body {
height: 100%;
margin: 0px;
}

html{
height: 100%;
}

.bodylinewidth {
position: relative;
min-height: 100%;
height:100%;
margin:0 auto;
}
.bodyline{
padding-bottom: 250px; /* Même valeur que la hauteur de .contenue + 10px */
vertical-align: top;
}

#pied_de_page{
position: relative;
width: 100%;
margin-bottom: 0px;
}

.contenu{
background: url(http://i49.servimg.com/u/f49/16/69/23/93/sssssa12.png) repeat-x scroll 50% 0% transparent;
position: absolute;
bottom: 0px;
height: 100px; /* hauteur du pied de page */
width: 100%;
padding: 2px;
padding-top: 15px; /* espace intérieur entre le contenue et le bord */
}
.navigation{
width: 120px;
background-color:#2d2f2b;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
margin-top : 10px;
padding: 6px;
border:2px solid #C2C1BE;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}
.les_liens a{
text-decoration: none;
color: #C2C1BE;
font-size: 10px;
}
.rotation-t{
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
}
.rotation-t:hover{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}

#texte_bas_page{
font: 10px Arial;
text-align: center;
color: #fff;
}

#texte_bas_page a{
font: bold 10px Arial;
color: #CC0000;
text-decoration: none;
}

Cordialement,

Smile

La Forêt des Mages
**

Masculin
Messages : 75
Inscrit(e) le : 21/07/2011

http://laforetdesmages.forumpro.fr/
La Forêt des Mages a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Arrondir cadre de fond du forum

Message par SoraNoHime le Mar 16 Aoû 2011 - 4:16

Voila pourquoi il ne fonctionne pas ^^, le footer le prend en compte dans le code .

Il me faudrait plutot le template complet par contre.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir cadre de fond du forum

Message par La Forêt des Mages le Mar 16 Aoû 2011 - 4:17

D'accord, le voici Smile

Spoiler:
Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
    <tr>
        <td>
            <div>
                <div>
                    <table>
                        <tbody>
                            <tr>
                                <td>
<!-- END html_validation -->
                                </td>
                                <td valign="top" width="{C3SIZE}">
                                <div id="{ID_RIGHT}">
                                    <!-- BEGIN giefmod_index2 -->
                                    {giefmod_index2.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height: {SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index2 -->
                                </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- close div id="page-body" -->
            <div id="page-footer">
                                <!-- BEGIN switch_footer_fa_copyrights -->
                                <div align="center">
                                        <div class="gen">
                                                <!-- BEGIN footer_fa_copyright_link -->
                                                        <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                                        {switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
                                                <!-- END footer_fa_copyright_link -->
                                        </div>
                                </div>
                                <!-- END switch_footer_fa_copyrights -->
                                <!-- BEGIN switch_footer_links -->
                                <div align="center">
                                        <div class="gen">
                                                <!-- BEGIN footer_link -->
                                                        <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                                        <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                                                <!-- END footer_link -->
                                        </div>
                                </div>
                                <!-- END switch_footer_links -->
            </div>
            {PROTECT_FOOTER}
        </td>
    </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
    if ($('a#logout'))
    {
        var lien_redir = $('a#logout').attr('href');

        if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
        {
            document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
        }
    }
});

$(document).ready( function() {
    $('a#logout').click( function() {
        FB.logout();
    } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
    fa_endpage();
//]]>
</script>
<div id="pied_de_page">

<table width="100%" class="contenu" align="center" border="0" cellspacing="0" cellpadding="0">
  <tr>
        <td    align="center" valign="top" width="25%">

<div class="navigation" style="text-align: center;">
<h1><i style="color: #C2C1BE; border-bottom: 1px dotted #C2C1BE; font-size: 12px">NAVIGATION</i>
 </h1>

<div class="les_liens">
<a href="http://laforetdesmages.forumpro.fr/f5-l-accord">♠ L’Accord de la Forêt</a>
 <br />
<a href="http://laforetdesmages.forumpro.fr/f3-registre-des-mages">♠ Registre</a>
 <br />
<a href="http://laforetdesmages.forumpro.fr/c7-communaute-des-mages-de-la-foret">♠ Espace détente</a>
 <br />
<a href="http://laforetdesmages.forumpro.fr/c6-joutes-verbales">♠ Joutes Verbales</a>
</div>
</div>

</td>

<td  align="center" valign="top">

<table  valign="top" align="center" width="800px" border="0" cellspacing="8" cellpadding="0">
<tr>

<td width="33%" valign="top" style="background-image: url(http://i45.servimg.com/u/f45/16/75/07/71/separa11.png); background-repeat: no-repeat; background-position: top right; margin-left: 10px;  height: 150px; text-align: top;">
<i style="color: #C2C1BE; border-bottom: 1px dotted #C2C1BE;">SALON ÉSOTÉRIQUE</i>


<div style="font-size: 10px; text-align: left;"><img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" />  <a href="http://laforetdesmages.forumpro.fr/f11-periodes-lieux-principes-materiels"> Bases en ésotérisme </a><br />
<img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /> <a href="http://laforetdesmages.forumpro.fr/f12-magies"> Différentes Magies </a><br />
 <img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /> <a href="http://laforetdesmages.forumpro.fr/f10-analyse-videos-images"> Analyse vidéos & images </a> <br />
<img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /><a href="http://laforetdesmages.forumpro.fr/f13-vos-experiences-vecues-et-temoignages"> Vos expériences vécues & témoiganges </a></div>
</td>

<td width="33%" valign="top" style="background-image: url(http://i45.servimg.com/u/f45/16/75/07/71/separa11.png); background-repeat: no-repeat; background-position: top right;  height: 150px; text-align: top;">
<i style="color: #C2C1BE; border-bottom: 1px dotted #C2C1BE; ">LES CONNAISSANCES</i>

 
<div style="font-size: 10px; text-align: left;"><img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" />  <a href="http://laforetdesmages.forumpro.fr/f17-croyances"> Croyances </a><br />
<img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /> <a href="http://laforetdesmages.forumpro.fr/f18-mythes-legendes"> Mythes & Légendes </a><br />
 <img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /> <a href="http://laforetdesmages.forumpro.fr/f19-la-vie-d-ailleurs"> La Vie d'ailleurs </a> <br />
<img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /><a href="http://laforetdesmages.forumpro.fr/f20-les-mysteres-de-la-nature"> Les Mystères de la nature </a> <br />
<img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /><a href="http://laforetdesmages.forumpro.fr/f21-mythologies"> Mythologies </a> </div>
</td>

<td  width="33%" valign="top" style="text-align: top";>
<i style="color: #C2C1BE; border-bottom: 1px dotted #C2C1BE;">NOUS JOINDRE</i>
 
 
<div style="font-size: 10px; text-align: left;"><img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" />  <a href="laforetdesmages@hotmail.fr"> Nous contacter (mail) </a><br />
<img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /> <a href="http://laforetdesmages.forumpro.fr/f9-partenaires-pubs-liens"> Nos Partenaires </a><br />
 <img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/711.png" alt="" /> <a href="http://laforetdesmages.forumpro.fr/register"> Nous Rejoindre </a> </div>
</td>
</tr>
</table>
</td>
        <td  valign="top" width="25%">
<div style="margin-top: 10px;"><i style="color: #C2C1BE; border-bottom: 1px dotted #cc7f46;">Nous rejoindre sur :</i>
 <span class="rotation-t"><a href="https://www.facebook.com/pages/La-For%C3%AAt-des-Mages/140549269360726"><img title="" src="http://i35.servimg.com/u/f35/11/95/30/70/515.png" alt="" /></a> </span><br />
<i style="color: #C2C1BE; border-bottom: 1px dotted #C2C1BE;"><a href="http://laforetdesmages.forumpro.fr/">Forum</a></i>
</div>
        </td>
  </tr>
  <tr>
        <td id="texte_bas_page" width="100%" COLSPAN=3>

Copyright 2011 - © La Forêt des Mages - Tous droits réservés. Toute copie totale ou partielle du forum est strictement interdite.<br/>
Codage Quierra de <a href="http://www.themes-fa.com/">Thèmes FA</a>. Forum optimisé pour Mozilla Firefox

        </td>
  </tr>
</table>
</div>
<!-- Slide New sujet QUIERRA themes-fa.com 18/01/2011 -->

<div id="New_sujet">         
        <ul>
              <li>
                    <table border="0" width="200" height="270" cellpadding="0" cellspacing="0">
                          <tbody>
                                <tr>
                                    <td width="158" class="td_0">Derniers Sujets</td>
                                    </tr>
                                    <tr>
<td width="158" align="center" id="comments_scroll_div" valign="middle">
<iframe name="tfa" style="visibility: hidden; width:0; height:0;" src="http://laforetdesmages.forumpro.fr/portal" onLoad="var tfa=window.tfa.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=tfa.innerHTML;"></iframe></td><td class="td_2" width="42px" border="0" valign="top" ROWSPAN="2" height="270"><img src="http://i35.servimg.com/u/f35/11/95/30/70/2411.png" border="0" alt="" title="" /></td>
                              </tr>
                        </tbody>
                </table>
            </li>   
      </ul> 
</div>
<script type="text/javascript">
            $(function() {
                $('#New_sujet li').stop().animate({'marginLeft':'-158px'},1000);
                $('#New_sujet> ul').hover(
                    function () {
                        $('li',$(this)).stop().animate({'marginLeft':'-2px'},500);
                    },
                    function () {
                      $('li',$(this)).stop().animate({'marginLeft':'-158px'},500);
                    }
                );
            });
        </script>
</body>
</html>

Smile

La Forêt des Mages
**

Masculin
Messages : 75
Inscrit(e) le : 21/07/2011

http://laforetdesmages.forumpro.fr/
La Forêt des Mages a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir cadre de fond du forum

Message par SoraNoHime le Mar 16 Aoû 2011 - 4:40

#pied_de_page{
position: relative;
width: 100%;
margin-bottom: 0px;
margin-top :225px;
}

Ajoutez la ligne en rouge, ajustez la à votre gout ^^

Cordialement.

Edit : pensez à enlever le margin-bottom : 225px; du bodyline également.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir cadre de fond du forum

Message par La Forêt des Mages le Mar 16 Aoû 2011 - 4:46

Merci c'est très bien Smile
Mais est-ce possible de supprimer cet espace qui ne sert à rien ?



Smile

La Forêt des Mages
**

Masculin
Messages : 75
Inscrit(e) le : 21/07/2011

http://laforetdesmages.forumpro.fr/
La Forêt des Mages a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir cadre de fond du forum

Message par SoraNoHime le Mar 16 Aoû 2011 - 4:47

J'ai édité mon message précédent pour ce problème ^^

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir cadre de fond du forum

Message par La Forêt des Mages le Mar 16 Aoû 2011 - 4:51

J'ai vu après^^
Par contre ça n'a pas l'air de fonctionner.
Je l'ai mis pour le bodyline du pied de page et pour le bodyline seul.
Je suis un peu perdu dans mon CSS, je préfère vous le donner, si vous pouvez regarder directement dessus Smile

Spoiler:
Code:
body{
background-position:top center;font-weight:normal;}
body{margin-top:0px;}
#page-body{
margin:10px 22px 10px 22px;}
button.button2:hover,input.button2:hover{http://i35.servimg.com/u/f35/11/95/30/70/217.png
color:#000;font-weight:bold;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;background-position:top;}
input.liteoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
input.liteoption:hover{
font-weight:bold;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000;background-position:top;}
input.mainoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
input.mainoption:hover{
font-weight:bold;
background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');
background-position:top;color:#000;background-position:top;}
.catBottom{
border:none !important;} .catHead{border:none !important;}
.thLeft{border:none !important;}
.thRight{border:none !important;
}
td.catHead{background-repeat:repeat;}
td.catSides{^
background-repeat:repeat;}
td.catLeft{background-repeat:repeat;border-left:none !important;} td.catRight{background-repeat:repeat;}
td.catBottom{background-repeat:repeat;} #plus_menu{background-color:#23201b;border:1px solid #2e2b26 !important;}
.wysiwyg{background-color:#2e2b26 !important;}  .bodyline{background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/217.png');background-position:bottom right;background-repeat:no-repeat;}
#text_editor_textarea{background-color:#2e2b26 !important;color:#a79f91;}
.attachbox{
background-color:#2e2b26;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');border:1px solid #6c6657;padding:5px;-moz-border-radius-topleft:15px;-webkit-border-radius-topleft:15px;-moz-border-radius-topright:15px;-webkit-border-radius-topright:15px;border-radius-topleft:15px;border-radius-topright:15px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;
}
.attachbox dl.file{
background-color:#212121;
margin-top:8px;padding:5px;
border:1px solid #6c6657;-moz-border-radius:15px;
-webkit-border-radius:15px;border-radius:15px;
-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}
.row1,.row2,.row3,.row3Right{background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_c10.jpg');background-repeat:repeat;border:1px solid  #37342d;}  .container_IE{background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/copy11.png');background-position:bottom right;background-repeat:no-repeat;}
div.errorwrap,div.infowrap{background-color:#776952;border:1px solid #ac9a7b;color:#443b2b !important;font-weight:bold;}
div.errorwrap h4,div.infowrap h4{background-color:#443b2b;border:1px solid #ac9a7b;color:#ac9a7b;} div.errorwrap p,div.infowrap p{color:#443b2b;font-weight:bold;}

.code{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.quote{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.spoiler{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/35px10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px; -moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.spoiler_closed{background-color:#2c2a25;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
.spoiler_content{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
#i_logo{
margin-top:-7px !important;
/position:relative;} .catSides{border:none !important;}
button.button2,input.button2{
color:#000000;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;}
button.button2:hover,input.button2:hover{border:1px solid #000000;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000000;}
button.button2,input.button2{
color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}

/* liens en petites majuscules */

a {
  font-variant: small-caps;
}


/* --- Cette partie correspond à l'onglet "X messages dans X sujets" --- */
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 1px solid #A8A59E;
      border-right: 1px solid #A8A59E;
      border-top: 1px solid #A8A59E;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/* --- Cette partie correspond a l'affichage des sous-forums --- */
.forum-sousforum {
      color: #A8A59E;
      border: 1px solid #A8A59E;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #A8A59E;
      width: 50%;
      text-align: center;
      font-size: 11px;
}

.forumline {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.postdetails.poster-profile a img { width: 150px;
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
border: 3px solid #A8A59E;
}


    /* FOND SPOILER CITATIONS CODES */
    .spoiler
    {
    background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');
    }
    .spoiler_closed hidden
    {
    background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');
    }
    .spoiler_content
    {
    background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');
    }
    .spoiler_closed
    {
    background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');
    }

    .quote
    {
    background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');
    }

    .code
    {
    background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');
    }

    /* --- Cette partie correspond a la description du forum --- */
    .forum-description {
          margin: auto;
          padding: 0px;
          color: #A8A59E;
          width: 80%;
          height: 100px;
          border: 1px solid #A8A59E;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;}


/* -- Supprimer le soulignement des liens -- */

a { text-decoration: none; }


/* -- Supprimer le cadre lors du clic sur un lien -- */

a {
outline: none;
}

/* -- Opacite -- */

.bodyline
{
opacity : 0.5;
}

/* -- PA ACCEUIL II -- */

/* ***************************** GROUPES *************************** */


/* SUPPRESSION DES MARGES POUR TOUS LES BOUTONS */

#groupe1, #groupe2, #groupe3, #groupe4, #groupe5, #groupe6, #groupe7, #groupe8{
margin: 0;
padding: 0;
}

/* CONTENEUR */

#groupe_TFA{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
}

/* CONTENEUR DES BOUTONS */

.tfa_group{
width: 20%;
margin: 0 auto;
padding: 5px;
}

/* BOUTONS */

.tfa_group a{
background: #000000;
border: 1px solid #888888;
display: block;
width: 100%;
height: 30px;
line-height: 30px;
margin: 3px 0px;
text-align: center;
vertical-align: middle;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}

/* TEXTE DES BOUTONS */

.tfa_group a .group_span{
color: #CCCCCC;
font-size: 13px;
font-family: Impact;
letter-spacing:2px;
text-decoration: none;
}

/* FOND DES BOUTONS AU SURVOL (modification du contour et pas de decoration du texte) */

.tfa_group a:hover{
border: 1px solid #477aa5;
text-decoration: none !important;
}

/* BLOC DE CONTENU */

#container_tfa_group{
position: relative;
background-position: center;
text-align: center;
margin: 3px auto;
padding: 5px;
background: #000000;
border: 1px solid #888888;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
height: 190px;
overflow-y: auto;
}

/* PARAGRAPHE DU BLOC DE CONTENU */

.content_tfa_groupe p{
font-size: 11px;
font-family: Arial;
color: #888888;
padding: 3px;
margin: 0 auto;
}

/* POSITION DU LIEN EN BAS DU BLOC DE CONTENU */

.bas-tfagroup{
position: center;
bottom: 6px;
left: 15px;
}

/* LIEN EN BAS DU BLOC DE CONTENU */

a.lien_bas_group{
font: 13px Verdana;
color: #e50016;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}


/* -- Arrondir angles sur tout le forum -- */

.forumline,
.row1, .row2, .row3, .row3Right {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

/* -- Pied de page -- */


body {
height: 100%;
margin: 0px;
}

html{
height: 100%;
}

.bodylinewidth {
position: relative;
min-height: 100%;
height:100%;
margin:0 auto;
}
.bodyline{
padding-bottom: 250px; /* Même valeur que la hauteur de .contenue + 10px */
vertical-align: top;
}

#pied_de_page{
position: relative;
width: 100%;
margin-bottom: 225px;
margin-top :225px;
}

.contenu{
background: url(http://i49.servimg.com/u/f49/16/69/23/93/sssssa12.png) repeat-x scroll 50% 0% transparent;
position: absolute;
bottom: 0px;
height: 100px; /* hauteur du pied de page */
width: 100%;
padding: 2px;
padding-top: 15px; /* espace intérieur entre le contenue et le bord */
}
.navigation{
width: 120px;
background-color:#2d2f2b;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
margin-top : 10px;
padding: 6px;
border:2px solid #C2C1BE;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}
.les_liens a{
text-decoration: none;
color: #C2C1BE;
font-size: 10px;
}
.rotation-t{
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
}
.rotation-t:hover{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}

#texte_bas_page{
font: 10px Arial;
text-align: center;
color: #fff;
}

#texte_bas_page a{
font: bold 10px Arial;
color: #CC0000;
text-decoration: none;
}

/* -- Derniere colonne stat + couleur texte message -- */

td.row3Right {
  background: url("http://www.t3kr0m.fr/wp-content/uploads/2011/06/44024_Noir.jpg") repeat;
  border:1px solid  #C2C1BE;
}
.postbody { color: #FFFFFF; }

/* -- Navigation sujets recents gauche -- */

/* Slide New sujet - Code par Quierra themes-fa.com - 18/01/2011 - */
div#New_sujet{
position: fixed;
margin: 0px;
padding: 0px;
top: 80px; /* position a partir du haut */
left: 0px; /* position a partir de la gauche */
list-style: none;
z-index: 999;
}

div#New_sujet ul {
width: 200px; /* largeur totale du slide */
background: transparent;
}

div#New_sujet ul li{
background: transparent;
display:block;
position: relative;
width: 200px; /* largeur totale */
height: 260px; /* hauteur totale */
}

div#New_sujet ul {
width: 200px; /* largeur totale du slide */
margin-left: -40px;
background: transparent;
}

.td_0{
width:158px; /* largeur de la cellule du haut contenant le titre */
height:30px; /* hauteur de la cellule du haut */
color:#000; /* couleur du texte */
font-family:Arial; /* police utilisee */
font-weight: bold; /* texte en gras */
font-size: 13px; /* taille du texte */
background:url('http://i35.servimg.com/u/f35/11/95/30/70/b110.png') no-repeat top right; /* fond et sa configuration, si pas d'image mettre une couleur */
padding-left: 28px; /* espace entre le bord et le texte à partir de la gauche */
}

div#New_sujet #comments_scroll_div{
background: #555555; /* couleur de fond de la cellule contenant les derniers messages */
border:1px solid #000; /* configuration de la bordure */
font-family: Arial; /* police utilisee */
font-size: 10px; /* taille du texte */
padding: 5px 1 5px 0; /* reglage des marges interieures */
color: #ebcacd; /* couleur du texte */
-moz-border-radius: 0 0 012px 0; /* bordures arrondies */
-webkit-border-radius: 0 0 012px 0; /* bordures arrondies */
border-radius: 0 0 012px 0; /* bordures arrondies */
width: 158px; /* largeur de la cellule */
height: 233px; /* hauteur de la cellule */
}

div#New_sujet #comments_scroll_container{
width: 148px !important; /* largeur du scroll, mettre une largeur plus petite que la cellule qui le contient pour eviter les debordements */
}

div#New_sujet #comments_scroll_div a{
font-family: Arial; /* police utilisee pour les liens */
font-size: 11px; /* taille des liens */
font-weight:bold; /* les liens en gras */
font-style: italic; /* les liens en italique */
color: #000; /* couleur des liens */
}

div#New_sujet #comments_scroll_div a:hover{
color: #CC0000; /* couleur des liens au survol */
}

div#New_sujet .td_2{
background: transparent; /* couleur de fond de la cellule contenant la petite image d'ouverture du slide */
}

/* -- QEEL -- */

.tout_qeel{
padding: 5px;
}

.group {
font-size : 12px;
text-align : center;
display: inline;
/position: relative;
text-decoration: none;
padding: 3px;
margin: 0px;
-moz-border-radius: 7px 7px 0px 0px ;
-webkit-border-radius: 7px 7px 0px 0px ;
border-radius:7px 7px 0px 0px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png) repeat 0 0 !important; /* image transparente pour IE 7 et 8 */
background:rgba(33,33,33,0.4) !important; /* fond transparent pour Firefox et autres compatibles */
background-color: #458B74; /* couleur normale pour tous les navigateurs à la traine */
border: 2px solid rgba(107,107,107, 0.2) !important; /* Bordure transparente pour Firefox et autres compatibles */
border: 2px solid #b28f4c; /* Pour tous les navigateurs à la traine */
border-bottom: none !important;
}

.group:hover {
font-size: 10px; /*TAILLE DU TEXTE AU SURVOL*/
}
.group a:link{text-decoration:none}

a.infobulle_rang{
position: relative; /*POSITION DE L'INFOBULLE */
}

a.infobulle_rang em {
display:none; /*POUR NE PAS L'AFFICHER */
}

a.infobulle_rang:hover{
border: 0;
text-decoration: none; /* EVITE LE SOULIGNEMENT DU TEXTE */
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit l'ordre d'affichage */
}

a.infobulle_rang:hover em {
margin-top /***/: -9px9; /*hack css pour position avec IE8*/
/margin-top: 9px; /*hack css pour position avec IE7*/
font-style: normal; /*STYLE DU TEXTE */
display: inline; /* ON LE DEFINI EN LIGNE */
position: absolute; /* LA POSITION */
top: 10px;
left: 45px;
padding: 2px;
text-decoration: none;
-moz-border-radius: 3px 7px 3px 7px ;
-webkit-border-radius: 3px 7px 3px 7px ;
border-radius:3px 7px 3px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/tsom10.png) repeat 0 0 !important; /* Pour IE 7 et 8 */
background:rgba(33,33,33,0.7) !important; /* Firefox et autres compatibles */
background-color: #458B74; /* Pour tous les navigateurs à la traine */
border: 2px solid rgba(105,105,105, 0.2) !important; /* Firefox et autres compatibles */
border: 2px solid #b28f4c; /* Pour tous les navigateurs à la traine */
width:200px;
}

.rotation:hover{ /* Rotation de bouton au survol */
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
}

.gauche{ /* Fond, couleur et autre pour la partie gauche */
border:1px solid #c8c092;
color:#000 !important;
padding: 3px;
-moz-border-radius: 20px 0px 0px 20px ;
-webkit-border-radius: 20px 0px 0px 20px ;
border-radius:20px 0px 0px 20px ;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png) repeat 0 0 !important; /* Pour IE 7 et 8 */
background:rgba(33,33,33,0.4) !important; /* Firefox et autres compatibles */
background-color: #242424; /* Pour tous les navigateurs à la traine */
border: 2px solid rgba(105,105,105, 0.2) !important; /* Firefox et autres compatibles */
border: 4px solid #b28f4c; /* Pour tous les navigateurs à la traine */
}

div.info_gauche em {
display:none;
}

div.info_gauche:hover {
background: none; /* pour corriger un bug present sur IE */
z-index: 999; /* l'ordre d'affichage*/
cursor: hand; /* pour modifier le curseur */
position: relative;
text-decoration:none;
border: 0;
}

div.info_gauche:hover em { /* Configuration des infobulles de gauche, fond, couleur, position etc */
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 12px;
left: 25px;
border:1px solid #c8c092;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/231.png) repeat 0 0 !important; /* Pour IE 7 et 8 */
background:rgba(33,33,33,0.4) !important; /* Firefox et autres compatibles */
background-color: #458B74; /* Pour tous les navigateurs à la traine */
border: 2px solid rgba(105,105,105, 0.2) !important; /* Firefox et autres compatibles */
border: 2px solid #b28f4c; /* Pour tous les navigateurs à la traine */
width:auto;
}

.rotation-d:hover{
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
}

.droite{
border:1px solid #c8c092;
color:#000 !important;
padding: 3px;
-moz-border-radius: 0px 20px 20px 0px ;
-webkit-border-radius: 0px 20px 20px 0px ;
border-radius:0px 20px 20px 0px ;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png) repeat 0 0 !important; /* Pour IE 7 et 8 */
background:rgba(33,33,33,0.4) !important; /* Firefox et autres compatibles */
background-color: #242424; /* Pour tous les navigateurs à la traine */
border: 2px solid rgba(105,105,105, 0.2) !important; /* Firefox et autres compatibles */
border:4px solid #b28f4c; /* Pour tous les navigateurs à la traine */
}

div.info_droite em {
display:none;
}

div.info_droite:hover {
background: none; /* pour corriger un bug present sur IE */
z-index: 999; /* l'ordre d'affichage afin qu'il soit au dessus */
cursor: hand; /* pour modifier le curseur */
position: relative;
text-decoration:none;
border: 0;
}

div.info_droite:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 10px;
right: 25px;
border:1px solid #c8c092;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/231.png) repeat 0 0 !important; /* Pour IE 7 et 8 */
background:rgba(33,33,33,0.4) !important; /* Firefox et autres compatibles */
background-color: #458B74; /* Pour tous les navigateurs à la traine */
border: 2px solid rgba(105,105,105, 0.2) !important; /* Firefox et autres compatibles */
border: 2px solid #b28f4c; /* Pour tous les navigateurs à la traine */
width:auto;
}

.texte_rotation{
float: left;
margin-top: -78px;
margin-left: 140px;
padding: 3px;
color: #C2C1BE;
border:1px solid #c8c092;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
-moz- text-shadow: 0px 0px 3px #000;
-webkit- text-shadow: 0px 0px 3px #000;
text-shadow: 0px 0px 3px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=2);
zoom: 1;
-moz-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png) repeat 0 0 !important; /* image transparente pour IE 7 et 8 */
background:rgba(33,33,33,0.4) !important; /* fond transparent pour Firefox et autres compatibles */
background-color: #458B74; /* couleur normale pour tous les navigateurs à la traine */
border: 2px solid rgba(105,105,105, 0.2) !important; /* Bordure transparente pour Firefox et autres compatibles */
border: 2px solid #b28f4c; /* Pour tous les navigateurs à la traine */
}

.texte_rotation:hover{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz- text-shadow: 0px 0px 3px #cc0000;
-webkit- text-shadow: 0px 0px 3px #cc0000;
text-shadow: 0px 0px 3px #cc0000;;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#cc0000', Direction=140, Strength=2);
zoom: 1;
}

.texte_rotation_2{
float: right;
margin-top: -78px;
margin-right: 140px;
padding: 3px;
color: #C2C1BE;
border:1px solid #c8c092;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
-moz- text-shadow: 0px 0px 3px #000;
-webkit- text-shadow: 0px 0px 3px #000;
text-shadow: 0px 0px 3px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=2);
zoom: 1;
-moz-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png) repeat 0 0 !important; /* image transparente pour IE 7 et 8 */
background:rgba(33,33,33,0.4) !important; /* fond transparent pour Firefox et autres compatibles */
background-color: #458B74; /* couleur normale pour tous les navigateurs à la traine */
border: 2px solid rgba(105,105,105, 0.2) !important; /* Bordure transparente pour Firefox et autres compatibles */
border: 2px solid #b28f4c; /* Pour tous les navigateurs à la traine */
}
.texte_rotation_2:hover{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz- text-shadow: 0px 0px 3px #cc0000;
-webkit- text-shadow: 0px 0px 3px #cc0000;
text-shadow: 0px 0px 3px #cc0000;;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#cc0000', Direction=140, Strength=2);
zoom: 1;
}


/* *** categories *** */

.cat_forum {
-moz-border-radius: 10px;
border: 2px ridge #000000;
background-color: #000000;
margin: auto;
margin-bottom:30px;
}

/* *** liste *** */

.onglet {
display: inline-block;
height: 30px;
list-style: none outside none;
margin: 30px auto 30px;
}

/* *** configuration de l'element de liste *** */

.onglet li {
float:left;
background-color:#000000;
border: 1px solid #C4C1B8;
border-radius: 5px 5px 5px 5px;
box-shadow: 2px 2px 2px #000000;
color: #C4C1B8;
display: block;
font-size: 15px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin: 2px 0;
text-align: center;
text-decoration: none;
width: 100px;
padding: 1px 1px 1px 1px;
margin-right: 5px;
}

/* *** liens *** */

.onglet li a {
display:block;
text-decoration:none;
margin-left:5px;
color: #C4C1B8;
}


/* *** liens au survol *** */

.onglet li a:hover {
color:#C4C1B8;
}


/* *** onglet actif *** */

.onglet_actif {
background-color: #C4C1B8;
width:40px;
height:30px;
cursor:pointer;
}

/* *** onglet non actif *** */



.onglet_nactif {
background-color: #C4C1B8;
width:40px;
height:30px;
cursor:pointer;
}

/* *** ici vos NOM DE CATEGORIE sauf un : il sera afficher en premier *** */

#echange, #amusement, #administration {
display : none;
}


/* -- Images fonds categories -- */

td.row1{
background-image: url("http://www.t3kr0m.fr/wp-content/uploads/2011/06/44024_Noir.jpg");
background-repeat: repeat;
}
td.row2{
background-image: url("http://www.t3kr0m.fr/wp-content/uploads/2011/06/44024_Noir.jpg");
background-repeat: repeat;
}
td.row3{
background-image: url("http://www.t3kr0m.fr/wp-content/uploads/2011/06/44024_Noir.jpg");
background-repeat: repeat;
}


/* debut boutons monter descendre */

.top_bottom{
position: fixed;
bottom: 50px;
right: 0px;
background-color:#212121;
background-image:
-moz-linear-gradient(
top,
rgba(255,255,255,0.25),
rgba(255,255,255,0.05)
);
background-image:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgba(255,255,255,0.25)),
color-stop(1, rgba(255,255,255,0.05))
);
border:1px solid #111;
-moz-border-radius: 9px 0px 0px 9px;
-webkit-border-radius: 9px 0px 0px 9px;
border-radius: 9px 0px 0px 9px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
z-index: 999;
padding: 8px;
}

.top_bottom:hover{
-moz-box-shadow: 1px 1px 5px #BAAA88;
-webkit-box-shadow: 1px 1px 5px ##BAAA88;
box-shadow: 1px 1px 5px ##BAAA88;
}

.haut{width:18px; height:22px; background:url(http://i65.servimg.com/u/f65/11/95/30/70/2310.png) no-repeat 0 0;}
.haut:hover{background:url(http://i65.servimg.com/u/f65/11/95/30/70/2310.png) no-repeat 0 -22px;}

.bas{width:18px; height:22px; background:url(http://i65.servimg.com/u/f65/11/95/30/70/2412.png) no-repeat 0 0;}
.bas:hover{background:url(http://i65.servimg.com/u/f65/11/95/30/70/2412.png) no-repeat 0 -22px;}

/* fin boutons monter descendre */

/* CONTENEUR */

#tfa_cycle {
width: 800px;
height: 200px;
position: relative;
overflow: hidden;
margin: 0 auto;
}

/* LES DEUX FONDS QUI SONT ANIMES */

.tfa_cycle_content, .tfa_cycle_content_1{
font: 12px Arial;
color: #DDDDDD;
width: 790px;
height: 200px;
-webkit-border-radius: 15px;
-moz-border-radius:15px ;
border-radius: 15px ;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
}

/* FOND 1 - IMAGE DE FOND ET BORDURES */

.tfa_cycle_content {
background-color:#000000;
border-left: 6px solid #888888;
border-right: 6px solid #BABABA;
}

/* FOND 2 - IMAGE DE FOND ET BORDURES */

.tfa_cycle_content_1 {
background-color:#000000;
border-left: 6px solid #888888;
border-right: 6px solid #BABABA;;
}

/* PARTIES TEXTES ET IMAGES */

.my_news{
width: 790px;
padding: 5px;
margin: 0 auto;
}

/* TITRES POUR LE FOND 1 ET 2 */

.tfa_cycle_content .my_tfa_tit, .tfa_cycle_content_1 .my_tfa_tit{
margin: 0 auto;
width: 100%;
padding: 3px 0;
font-size: 15px;
text-transform: uppercase;
text-align: center;
font: 17px Orbitron;
text-shadow: 0px 1px 0px #000;
}

/* PREMIERE LETTRE DU TITRE SUR LE FOND 1 */

.tfa_cycle_content .my_tfa_tit:first-letter {
font: 22px Verdana;
font-weight: bold;
color: #474747;
text-shadow: 0px 1px 0px #000;
}

/* PREMIERE LETTRE DU TIRE SUR LE FOND 2 */

.tfa_cycle_content_1 .my_tfa_tit:first-letter {
font: 22px Verdana;
font-weight: bold;
color: #474747;
text-shadow: 0px 1px 0px #000;
}

/* EMPLACEMENT ET BORDURES DES IMAGES */

.my_news img{
margin: 0 auto;
border: 2px solid #858585;
}

/*  CHATBOX DEROULANTE */

a:focus {
  outline: none;
}
#panel {
  height: auto;
  display: none;
        width:800px;
}
.btn-slide {
  text-align: right;
  display: block;
  font-family:"Times New Roman", Times, serif;
  font-size:18px;
  font-style:italic;
  color: #C4C1B8;
  text-decoration: none;
  cursor: pointer;
        padding-right:10px;
        font-variant:normal !important;
    -moz-border-radius: 5px 5px 20px 5px;
    -webkit-border-radius: 5px 5px 20px 5px;
    -o-border-radius: 5px 5px 20px 5px;
    -htm-border-radius: 5px 5px 20px 5px;
    border: 1px solid #a1b6c5;}

.btn-slide:hover {
        text-decoration:none !important;
        color: #000000;
    -moz-border-radius: 5px 5px 20px 5px;
    -webkit-border-radius: 5px 5px 20px 5px;
    -o-border-radius: 5px 5px 20px 5px;
    -htm-border-radius: 5px 5px 20px 5px;
    border: 1px solid #a1b6c5;}

.active {
  background-position: right 12px;
}


/* widget flottant */

.widget_flottant
{
width: 150px;
height: 150px;

position:fixed;
top: 50px;
right: 10px;
background: #000000;
border: 1px solid #888888;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
}

/* widget flottant */

.widget_flottant2
{
width: 170px;
height: 200px;
position:fixed;
bottom: 200px;
right: 10px;
background: #000000;
border: 1px solid #888888;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
}

/* barre de navigation */

.navigation{
background: #000000;
border: 1px solid #888888;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

a.mainmenu:link, a.mainmenu:visited{
font-family : Time new roman; /* LA POLICE */
color: #FFFFFF; /* COULEUR DE LA POLICE */
font-size: 11px; /* TAILLE DE LA POLICE */
text-align:center; /* ALIGNEMENT DU TEXTE */
border: 1px solid #888888;
display: inline-block; /* MIS POUR CORRIGER UN BUG AVEC IE 7 */
border: 1px solid #888888; /* LA BORDURE, SA COULEUR, SON STYLE */
padding:3px; /* ESPACE ENTRE LE BORD ET LE TEXTE */
-moz-border-radius: 5px 5px 5px 5px; /* COINS ARRONDIES */
-webkit-border-radius: 5px 5px 5px 5px; /* COINS ARRONDIES */
}

/* supprimer mention derniere modif par */

tr.post span.gensmall { display: none; }

/* staff */


.tstaff{
font-size:1em;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}

.thumbnail span img{
border: 1px groove;
padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}

/* arrondi cadre fofo */

.bodyline {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
margin-bottom : 0px;
}

Merci Very Happy

La Forêt des Mages
**

Masculin
Messages : 75
Inscrit(e) le : 21/07/2011

http://laforetdesmages.forumpro.fr/
La Forêt des Mages a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Arrondir cadre de fond du forum

Message par SoraNoHime le Mar 16 Aoû 2011 - 4:54

.bodyline{
padding-bottom: 250px; /* Même valeur que la hauteur de .contenue + 10px */
vertical-align: top;
}

ici

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir cadre de fond du forum

Message par La Forêt des Mages le Mar 16 Aoû 2011 - 5:01

J'ai mis comme ceci

Code:
.bodyline{
padding-bottom: 250px; /* Même valeur que la hauteur de .contenue + 10px */
margin-bottom :250px;
vertical-align: top;
}

Et ça en change rien. Je dois bloquer quelque part, mais où ? Razz

Smile

La Forêt des Mages
**

Masculin
Messages : 75
Inscrit(e) le : 21/07/2011

http://laforetdesmages.forumpro.fr/
La Forêt des Mages a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir cadre de fond du forum

Message par La Forêt des Mages le Mar 16 Aoû 2011 - 5:37

Coucou, désolé c'est moi qui ai mal compris.
J'ai relu vos explications et ça fonctionne super ! Very Happy

Merci beaucoup.

Smile

La Forêt des Mages
**

Masculin
Messages : 75
Inscrit(e) le : 21/07/2011

http://laforetdesmages.forumpro.fr/
La Forêt des Mages a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum