INDEX BODY XXXX

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline --><br /><br />
<link href='http://fonts.googleapis.com/css?family=Lobster|Parisienne' rel='stylesheet' type='text/css'>
  <div style="top: 1em; position: relative; z-index: 3; font-family: 'Lobster', cursive; font-size: 35px; color: #25867F; text-shadow: 1px 1px 2px white;"><center>Qui cherche des Pokémon ?</center></div>
  <center><img src="http://i39.servimg.com/u/f39/18/47/68/10/pokbal10.png" class="img_qeel" /></center><div class="fond_qeel"><table><tr><td><div class="bloc_qeel" style="width: 200px;">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
    {NEWEST_USER}</div>
    <div class="bloc_qeel" style="width: 200px;">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}</div></td>
    <td><div class="bloc_qeel" style="width: 200px;"><div class="qeelonglets">
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Administration" onclick="javascript:change_qeelonglet('Administration');"><span style="color: #BC1D1D;">Administration</span></span>
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Scientifique" onclick="javascript:change_qeelonglet('Scientifique');"><span style="color: #2C5654;">Scientifique</span></span>
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Team Rocket" onclick="javascript:change_qeelonglet('Team Rocket');"><span style="color: #D9631C;">Team Rocket</span></span>
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Dresseur" onclick="javascript:change_qeelonglet('Dresseur');"><span style="color: #73377B;">Dresseur</span></span>
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Apprentie_dresseur" onclick="javascript:change_qeelonglet('Apprentie_dresseur');"><span style="color: #BB7BC4;">Apprentie dresseur</span></span>
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Champion" onclick="javascript:change_qeelonglet('Champion');"><span style="color: #62A451;">Champion</span></span>
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Civil" onclick="javascript:change_qeelonglet('Civil');"><span style="color: #938762;">Civil</span></span> <br />
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Eleveur" onclick="javascript:change_qeelonglet('Eleveur');"><span style="color: #5187A4;">Éleveur</span></span>
  </div></div></td>
    <td><div class="bloc_qeel" style="width: 200px; height: 150px; overflow: auto;">{LOGGED_IN_USER_LIST}</div></td>
  </tr><br /><br /></table>
  <table><tr><td><div class="bloc_qeel" style="width: 300px;"><div style="background-color: #98D8D7; padding: 7px; border-radius: 10px;"><marquee><a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a></marquee></div>
    Nos meilleurs amis et coup de coeur du mois !
    <a href="#"> <img src="http://i39.servimg.com/u/f39/18/88/64/69/coeur_10.jpg" style="border-radius: 10px;" /></a></div></td>
    <td style="width: 120px;"></td>
    <td><div class="bloc_qeel" style="width: 350px;"><div class="contenu_qeelonglets"><div class="contenu_qeelonglet" id="contenu_qeelonglet_Administration" style="position: relative; top: -1em;">Numne Coriolanus contra debuerunt cum si placet debeat illi rem debeat illi debeat progredi num debuerunt si Coriolano si id Maelium Numne Maelium cum habuit si illi ob si si id ob contra si patriam si num debeat ob Coriolanus Numne habuit num progredi ferre debuerunt patriam num num regnum adpetentem amor quatenus ob habuit Coriolano si ob Coriolano illi ferre ob si iuvare primum debuerunt iuvare in amor si amor si ferre num amicos num primum ob arma Coriolano amicos regnum debuerunt in regnum ferre debeat patriam debuerunt debuerunt videamus videamus in debuerunt si adpetentem ob placet Vecellinum amor. <a href="#" style="color: #295654!important;"># Les consulter</a></div>
     
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Scientifique" style="position: relative; top: -1em;">Numne Coriolanus contra debuerunt cum si placet debeat illi rem debeat illi debeat progredi num debuerunt si Coriolano si id Maelium Numne Maelium cum habuit si illi ob si si id ob contra si patriam si num debeat ob Coriolanus Numne habuit num progredi ferre debuerunt patriam num num regnum adpetentem amor quatenus ob habuit Coriolano si ob Coriolano illi ferre ob si iuvare primum debuerunt iuvare in amor si amor si ferre num amicos num primum ob arma Coriolano amicos regnum debuerunt in regnum ferre debeat patriam debuerunt debuerunt videamus videamus in debuerunt si adpetentem ob placet Vecellinum amor. <a href="#" style="color: #295654!important;"># Les consulter</a></div>
     
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Team Rocket" style="position: relative; top: -1em;">Numne Coriolanus contra debuerunt cum si placet debeat illi rem debeat illi debeat progredi num debuerunt si Coriolano si id Maelium Numne Maelium cum habuit si illi ob si si id ob contra si patriam si num debeat ob Coriolanus Numne habuit num progredi ferre debuerunt patriam num num regnum adpetentem amor quatenus ob habuit Coriolano si ob Coriolano illi ferre ob si iuvare primum debuerunt iuvare in amor si amor si ferre num amicos num primum ob arma Coriolano amicos regnum debuerunt in regnum ferre debeat patriam debuerunt debuerunt videamus videamus in debuerunt si adpetentem ob placet Vecellinum amor. <a href="#" style="color: #295654!important;"># Les consulter</a></div>
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Dresseur">Contenu 2</div>
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Apprentie_dresseur">Apprentie dresseur</div>
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Champion">Champion</div>
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Civil">Civil</div>
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Eleveur">Éleveur</div>
     
  </div></div></td></tr>
  </table></div>



<script type="text/javascript">
            //<!--
                    function change_qeelonglet(name)
                    {
                            document.getElementById('qeelonglet_'+anc_qeelonglet).className = 'qeelonglet_0 qeelonglet';
                            document.getElementById('qeelonglet_'+name).className = 'qeelonglet_1 qeelonglet';
                            document.getElementById('contenu_qeelonglet_'+anc_qeelonglet).style.display = 'none';
                            document.getElementById('contenu_qeelonglet_'+name).style.display = 'block';
                            anc_qeelonglet = name;
                    }
            //-->
            </script>
    <script type="text/javascript">
            //<!--
                    var anc_qeelonglet = 'Administration';
                    change_qeelonglet(anc_qeelonglet);
            //-->
            </script>




<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td> &nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

 <table width="800px" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>
 
  <!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
  <div class="mdlCAT">
    <!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="boxFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}<div id="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  ▼ {catrow.forumrow.POSTS} messages</div></div></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
  </div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

body {
    background-attachment: fixed;
}        
.mon_onglet{
  display: inline;
  padding: 2px;
  margin: 2px 5px 5px 5px;
  color: #fff;
}
 
.mon_onglet:hover{
  color: #333;}
       
.mon_onglet_selected{
  display: inline;
  padding: 2px;
  margin: 2px;
  color: #000;
} 
       
.clear{
  clear: both;}
 
.mon_contenu{
  color: #000;
  padding: 10px;
  margin: 10 px;
  line-height: normal;
  font-size: 11px;}
 
#mes_contenus, #mes_onglets{
  height: 100%;
  width:100%;}
.annexes {
  width: 450px;
  background-color: #251A20;
border : 1px solid #141313;
    text-align:justify;
  align: center;
  font-size: 11px;
  font-family: arial;
  display:block;
  margin-top:8px;
  margin-bottom:2px;
  margin-top:2px;
  margin-left:2px;
  margin-right:2px;
}


.gifstory {
    background-color: #0f0f0f;
    border: 1px solid rgba(30,30,30,0.298039);
    padding: 5px;
    width: 125px;
}

.gifstory:hover {
  opacity: 0.2;
  -webkit-transition: opacity .6s ease-in-out;
  -moz-transition: opacity .6s ease-in-out;
  -o-transition: opacity .6s ease-in-out;
 }

.avatarprof {
    background-color: #0f0f0f;
    border: 1px solid rgba(30,30,30,0.298039);
    box-shadow: rgba(0,0,0,0.498039) 0 0 3px, rgba(0,0,0,0.498039) 0 0 5px inset;
    margin: 5px 1px 4px;
    padding: 5px;
    width: 200px;
}

.cadre1 {
  width: 400px;
background-color: #e1dfea;
border : 1px solid #382731;
  text-align:justify;
  align: center;
  font-size: 11px;
  font-family: arial;
  display:block;
  margin-top:8px;
  padding:15px;
}

.annexe {
  width: 450px;
background-color: #141313;
    text-align:justify;
  align: center;
  font-size: 11px;
  font-family: arial;
  display:block;
  margin-top:8px;
  box-shadow: 0 0 50px 2px rgba(8,6,6,0.8)inset;
    text-shadow: #000 1px 1px 1px;
  margin-bottom:2px;
  margin-top:2px;
  margin-left:2px;
  margin-right:2px;
}

.cadre3 {
  width: 420px;
    background-color: #251A20;
border : 1px solid #141313;
    text-align:justify;
  align: center;
  font-size: 11px;
  font-family: arial;
  display:block;
  margin-top:8px;
  box-shadow: 0 0 50px 2px rgba(8,6,6,0.8)inset;
    text-shadow: #000 1px 1px 1px;
  margin-bottom:2px;
  margin-top:2px;
  margin-left:2px;
  margin-right:2px;
}

.cadre12 {
  line-height: normal;
    overflow: hidden;
    position: relative;
  padding: 10px;
  height: 230px;
  width: 240px;
    background-color: #141313;
border : 1px solid #382731;
  box-shadow: 0 0 50px 2px rgba(8,6,6,0.8)inset;
    text-shadow: #000 1px 1px 1px;
    text-align:justify;
  align: center;
  font-size: 11px;
  font-family: arial;
  display:block;
    margin: auto;
        margin-bottom:2px;
  margin-top:2px;
  margin-left:2px;
  margin-right:2px;
  overflow: auto;
}

.cadre2 {
background-color: #141313;
border : 1px solid #382731;
    text-align:justify;
  align: center;
  font-size: 11px;
  font-family: arial;
  display:block;
  margin-top:8px;
  box-shadow: 0 0 50px 2px rgba(8,6,6,0.8)inset;
    text-shadow: #000 1px 1px 1px;
  margin-bottom:2px;
  margin-top:2px;
  margin-left:2px;
  margin-right:2px;
}

a { color: #947B6E; }
a:hover { color: #47343e;}

c { color: #47343e;
font-weight: bold;}
c:hover { color: #947B6E;
font-weight: bold;}

w { color: #947B6E;
font-weight: bold;
font-family: 'Philosopher', cursive;
}
w:hover { color: #47343e;
font-weight: bold;
font-family: 'Philosopher', cursive;
}


/*modèle de présentation swaggy + message important*/
.fond {
  width: 500px;
  background-color: #F7F2ED;
  padding: 2px;
  border:1px solid #ede7df;
  border-radius:3px; }

.cadre2 {
  padding: 2px;
  border:1px solid #ede7df;
  border-radius:3px; }

.cadre02 {
  padding: 2px;
  border:1px solid #ede7df;
  border-radius:3px; }


.bloc00 {
  width: 325px;
  padding: 2px;
  font-size:9px;
  border-radius:2px; }

.bloc01 {
  width: 325px;
  padding: 2px;
    font-size:9px;
  background-color: #FAF9F7;
  border-radius:2px; }


.bloc012 {
  width: 325px;
  height: 210px;
  overflow: auto;
  text-align: justify;
  padding: 2px;
    font-size:9px;
  background-color: #FAF9F7;
  border-radius:2px; }

.bloc000 {
  width: 220px;
  padding: 2px;
  text-size:9px;
  border-radius:2px; }

.bloc001 {
  width: 220px;
  padding: 2px;
  font-size:9px;
  background-color: #FAF9F7;
  border-radius:2px; }

.bloc002 {
  width: 450px;
  padding: 0px;
  font-size:9px;
  background-color: #FAF9F7;
  border-radius:2px; }

.bloc003 {
  width: 450px;
  text-align: justify;
  padding: 0px;
  font-size:9px;
  border-radius:2px; }

.titre01 {
font-family: 'Germania One', cursive;
  font-size:30px;
  line-height: 18px;
  text-transform : uppercase;
  text-align : center;
  opacity:1;
  color: #C16535; }
.gifannexe{
    padding: 5px;
    width: 460px;
}
.gifannexe:hover {
  opacity: 0.2;
  -webkit-transition: opacity .6s ease-in-out;
  -moz-transition: opacity .6s ease-in-out;
  -o-transition: opacity .6s ease-in-out;
 }

.titre01:hover {
  color: #A69F95; }

.espace {
  width:20px;
  height: 7px; }

.bloc02 {
  width: 325px;
  height: 85px;
  overflow:auto;
  padding: 2px;
  text-align:justify;
  border-radius:3px; }

.bloc03 {
  width: 240px;
  height: 200px;
  overflow:auto;
  padding: 2px;
  text-align:justify;
  border-radius:3px; }

.rang02 {
font-family: 'Philosopher', sans-serif;
  font-size:10px;
  text-transform : uppercase;
  text-align : justify;
  opacity:0.80;
  letter-spacing:0px; 
}

#info3 {
height: 20px;
width: 490px;
overflow: hidden;
background-color: #e8e1da;
border-radius: 0px 0px 0px 0px;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

 #info3:hover {
height: 250px;
overflow: hidden;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.titre02 {
font-family: 'Philosopher', sans-serif;
  font-size:12px;
  text-align : center;
  padding:2px;
  letter-spacing:0px;  }

.bloc04 {
  width: 480px;
  height: 220px;
  overflow:auto;
  padding: 2px;
  text-align:justify;
  border-radius:3px; }

.rang03 {
  font-family: 'Alegreya SC', serif;
  font-size:11px;
  text-transform : uppercase;
  text-align : center;
  opacity:0.8;
  letter-spacing:0px;  }

.bloc06 {
  width: 480px;
  height: 150px;
  overflow:auto;
  padding: 2px;
  text-align:justify;
  border-radius:3px; }

.bloc07 {
  width: 240px;
  height: 140px;
  overflow:auto;
  padding: 2px;
  text-align:justify;
  border-radius:3px; }

#info6 {
height: 22px;
width: 485px;
overflow: hidden;
background-color: #e8e1da;
border-radius: 0px 0px 20px 20px;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

 #info6:hover {
height: 120px;
overflow: hidden;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.titre03 {
font-family: 'Philosopher', sans-serif;
  font-size:15px;
  text-align : center;
  padding:3px;
  opacity:0.8;
  letter-spacing:0px;  }

.bloc08 {
  width: 470px;
  height: 100px;
  overflow:auto;
  padding: 2px;
  text-align:justify;
  border-radius:3px; }

.titre001 {
  font-family: 'Germania One', cursive;
  font-size:33px;
  line-height: 18px;
  text-transform : lowercase;
  text-align : center;
  opacity:1; }

.titre001:hover {
  color: #4D1815; }

.fond2 {
  width: 480px;
  background-color: #FAF9F7;
  padding: 2px;
  text-align: justify;
  border:1px solid #f0eae2;
  border-radius:3px; }

.bloch1 {
  width: 480px;
  background-color: #CCD3CB;
  padding: 2px;
  text-align: justify;
  border:1px solid #F0F0F0;
  border-radius:3px; }


.cadre4 {
  width: 480px;
  padding: 3px;
  background-color: #CCD3CB;
  border:1px solid #F0F0F0;
  border-radius:3px; }

.bloc09 {
  width: 480px;
  padding: 2px;
  text-align:justify;
  border-radius:3px; }

.bloc10 {
  width: 235px;
  height: 140px;
  overflow:auto;
  padding: 2px;
  text-align:justify;
  border-radius:3px; }
/************************************************ FICHE ************************************************/
/* On met en place la fiche et son image de fond */
.fiche {
  position: relative;
  overflow: hidden;
    width: 450px;
      display:block;
  align: center;
  top: -10px;
}

/* On cache les input */
.fiche > input { display: none; }

/* On met les labels au centre */
.fiche .boutons { text-align: center; }

/* On met en place le bloc qui va contenir le contenu de chaque onglet */
.fiche .interne {
  position: relative;
  width: 90%;
  height: 200px;
      background-color: #CCCCCC;
border : 1px solid #382731;
  text-align:justify;
  font-size: 11px;
  font-family: arial;
    align: center;
    display:block;
  overflow: auto;
  box-shadow: 0 0 50px 2px rgba(8,6,6,0.8)inset;
    text-shadow: #000 1px 1px 1px;
  margin-bottom:2px;
  margin-top:2px;
  margin-left:2px;
  margin-right:2px;
}

/* On met en place et en forme le contenu de chaque onglet */
.fiche .interne .contenu {
  position: absolute;
  width: 90%;
  padding: 10px;
  margin: auto;
  top: 10px;
  left: 10px;
  display:block;
  overflow: auto;
  text-align: justify;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}

.avatarfiche {
    background-color: #CCCCCC;
    border: 1px solid #382731;
    box-shadow: rgba(0,0,0,0.498039) 0 0 3px, rgba(0,0,0,0.498039) 0 0 5px inset;
    margin: 5px 1px 4px;
    padding: 5px;
    width: 150px;
  line-height: normal;
    overflow: hidden;
    position: relative;
}



/* Fait le changement de style sur les labels sélectionnés */
.fiche #informations:checked ~ .boutons .lab.infos,
.fiche #staff1:checked ~ .boutons .lab.staff1,
.fiche #staff2:checked ~ .boutons .lab.staff2,
.fiche #staff3:checked ~ .boutons .lab.staff3,
.fiche #staff4:checked ~ .boutons .lab.staff4,
.fiche #physique:checked ~ .boutons .lab.phys,
.fiche #caractere:checked ~ .boutons .lab.car{
  font-family: 'Buda';
  color: #EAFF05;
}

/* Fait apparaitre l'image de l'onglet sélectionné */
.fiche #informations:checked ~ .images .imag.infos,
.fiche #staff1:checked ~ .images .imag.staff1,
.fiche #staff2:checked ~ .images .imag.staff2,
.fiche #staff3:checked ~ .images .imag.staff3,
.fiche #staff4:checked ~ .images .imag.staff4,
.fiche #physique:checked ~ .images .imag.phys,
.fiche #caractere:checked ~ .images .imag.car {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}

/* Fait apparaitre le contenu de l'onglet sélectionné */
.fiche #informations:checked ~ .interne .contenu.info,
.fiche #staff1:checked ~ .interne .contenu.staff1,
.fiche #staff2:checked ~ .interne .contenu.staff2,
.fiche #staff3:checked ~ .interne .contenu.staff3,
.fiche #staff4:checked ~ .interne .contenu.staff4,
.fiche #physique:checked ~ .interne .contenu.phys,
.fiche #caractere:checked ~ .interne .contenu.car {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}


.sousbla{
  position: relative;
  width: 430px;
  height: 300px;
  overflow: hidden;
  }

.imgfondu{
  position: abolute;
  z-index: 2;
  width: 430px;
  height: 300px;
  margin-left: 0px;
transition: 1s;
  -moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
  top:0;
left:0;
  }

.sousbla:hover .imgfondu{
margin-left: 430px;
transform: all;
transition: 1s;
  -moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
}

.listesous {
  position: abolute;
    height: 300px;
    margin-top: 0px;
    overflow: auto;
    width: 430px;
    z-index: 1;
  top:0;
left:0;
  }

.SousFo {
  font-size:0px;
}

.SousFo a {
  display:block;
}
/* HAUT CATEGORIE */
.tleCAT{
margin:5px auto 0; width:800px; padding:10px 0; text-align:center;
background:#77453c; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; font-size:15px; text-transform:uppercase; letter-spacing:3px; text-shadow:1px 1px 1px white; color:transparent;
color:white; font-family:Arial; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:25px 0 10px;
background:#dfdfdf; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:5px; border-radius:0 0 15px 15px; background:#77453c; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:15px;
width:800px; text-align:center;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:bottom;
width:50px; height:95px;
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:5px;
width:415px; height:15px; padding:5px 0 5px 10px;
text-transform:uppercase;  border:1px ridge #333333; text-align:center; font-size:11px;
background:#e1dfea; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:black !important; letter-spacing:3px; text-shadow:1px 1px 1px white; color:transparent;/* MODIFIABLE */
transition:all 1.25s; -webkit-transition:all 1.25s;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin-left:10px;
width:100px; height:55px; padding:5px; overflow:auto;
text-align:left;
background:#9C2C14; /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
  font-size:8px;
letter-spacing:1px; text-shadow:1px 1px 1px white; color:transparent; color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin:0 10px 0 5px;
width:300px; height:55px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
background:#dfdfdf; color:#35343d; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:225px; height:58px; padding:7px 0 0 15px;
text-align:left; font-size:12px; text-transform:uppercase;
background:#e1dfea; color:#35343d; /* MODIFIABLE */
}
/* COULEUR TITRE DERNIER SUJET FORUM */
.lmsgFRM a {
color:#CCC; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-top:5px; height:15px; padding:5px; padding-left:10px;
font-size:11px; text-transform:uppercase; text-align:left;
background:#9C2C14; color:white; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
#avaFRM {
position:absolute; margin-left:170px; margin-top:-41px;
width:45px; height:70px; overflow:hidden;
}
#avaFRM img {
width:50px;
}
/* --------------------------------- PA --------------------------------- */

    /* Base de la PA */
    .fond_PA {
      background-color: #99D9D8;
      width: 750px;
      padding: 20px;
      border-radius: 50px;
      text-align: justify;
      font-size: 11px;
    }

    .titre_PA {
      position: relative;
      top: -1.3em;
      font-family: 'Lobster', cursive;
      font-size: 35px;
      color: #25867F;
      text-shadow: 1px 1px 2px white;
      text-align: center;
    }

    .sous_titre_PA {
      position: relative;
      top: -0.5em;
      z-index: 1;
      font-family: 'Lobster', cursive;
      font-size: 25px;
      color: #25867F;
      text-shadow: 1px 1px 2px white;
      text-align: center;
    }

    /* Blocs à fond bleu de la PA + couleur de leurs liens */
    .bloc_PA {
      background-color: #B3E3E3;
      color: #377B7A;
      border-radius: 2px;
      padding: 15px;
      font-size: 11px;
      position: relative;
      top:-2em;
      left: -1em;
      text-align: justify !important;
    }

    .bloc_PA a {
      color: #295654 !important;
      text-decoration: none !important;
    }

    /* Bloc spécial pour la navigation */
    .bloc_PA_navig {
      background-color: #B3E3E3;
      color: #377B7A;
      border-radius: 2px;
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 11px;
      position: relative;
      top:-2em;
      left: -1em;
      text-align: justify !important;
    }

    /* Liens de la navigation */
    .bloc_PA_navig a {
      text-decoration: none !important;
      color: #295654 !important;
    }

    /*Fond "normal" des liens */
    #liens_navig a {
      background-color: #8CC8C1;
      display: block;
    }

    /* Fond des liens au survol */
    #liens_navig a:hover {
      background-color: #99CDFF;
      display: block;
    }

    /* Info-bulles staff et vacants */
    a.info{
      position: relative;
      z-index: 24;
      color: #000;
      text-decoration: none;
    }
   
    a.info:hover{
      z-index: 25;
    }
   
    a.info span{
      display: none;
    }
   
    a.info:hover span{
      display: block;
      position: absolute;
      top: -8em;
      right: -10em;
      width: 100px;
      height: 200px;
      border-radius: 2px;
      overflow: auto;
      background-color: #B3E3E3;
      text-align: center;
      font-weight: none;
      padding: 5px;
    }

    /* Rotations des images au survol du staff et des vacants */
    .imgstaff {
      border-radius: 80%;
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: linear;
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: linear;
      transition-duration: 1s;
      transition-timing-function: linear;
    }

    .imgstaff:hover {
      border-radius: 80%;
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }

    /* Info-bulles Evènements */
    a.events{
      position: relative;
      z-index: 24;
      color: #000;
      text-decoration: none;
    }
   
    a.events:hover{
      z-index: 25;
    }
   
    a.events span{
      display: none;
    }
   
    a.events:hover span{
      display: block;
      position: absolute;
      top: -8em;
      right: -10em;
      width: 200px;
      height: 60px;
      overflow: auto;
      border-radius: 2px;
      overflow: auto;
      background-color: #B3E3E3;
      text-align: center;
      font-weight: none;
      padding: 5px;
    }

    /* Rotation au survol images évènements */
    .imgevents {
      border-radius: 2px;
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: linear;
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: linear;
      transition-duration: 1s;
      transition-timing-function: linear;
    }

    .imgevents:hover {
      border-radius: 25px;
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }

    /* --------------------------------- FIN PA --------------------------------- */
 
/* Fond du QEEL */
    .fond_qeel {
      background-color: #98D8D7;
      width: 750px;
      border-radius: 2px;
      padding: 25px;
      position: relative;
      top: -7em;
      z-index: 1;
    }

    /* Mise en forme des blocs du QEEL */
    .bloc_qeel {
      background-color: #B3E3E3;
      color: #377B7A;
      text-align: center;
      border-radius: 2px;
      padding: 15px;
      font-size: 11px;
      position: relative;
      top:-2em;
    }

    /* Taille et position de la Pokéball */
    .img_qeel {
      position: relative;
      top: -4em;
      z-index: 2;
      width: 180px;
    }

    /*** SYSTEME D'ONGLETS ***/

    .qeelonglet {
  padding-left: 10px;
  padding-right: 10px;
  font-family: 'Parisienne', cursive;
  font-size: 15px;
  display: block;
}
             
    .qeelonglet_0 {
    }

    .qeelonglet_1 {
    }

    .contenu_qeelonglet {
      padding: 25px;
      display: none;
      width: 320px;
      height: 45px;
      overflow: auto;
      border-radius: 2px;
      position: relative;
      left: -1.5em;
      text-align: justify;
    }

    .contenu_qeelonglet a{
      text-decoration: none !important;
    }

    /***************************** FIN QEEL *****************************/
 /* CODES IMPORTANTS */
a, a:link, a:hover {
text-decoration: none!important;
}