{JAVASCRIPT}
  
          
<!-- BEGIN message_admin_index -->
<table class="forumline2" 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">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <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>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <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><div class="div1"><div class="int1">
                           <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>
                                                                  </div></div></tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</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>

<div class="copains"><br/>
  <table><td><img src="http://image.noelshack.com/fichiers/2015/27/1435600403-copains.png" class="cops"/></td>
    <td><div style="height : 300px ; overflow : auto ; width : 270px"/>
 <center>  <a rel="nofollow" target="_blank" class="postlink" href="http://flyingpumpkin-design.forumactif.org/"><img src="http://i74.servimg.com/u/f74/18/97/31/96/pub210.png"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://forum-theme.forumperso.com/"><img src="http://i.imgur.com/9V6YUHd.gif"/></a><br />
<a href="http://img4.hostingpics.net/pics/566730250.gif" alt= "Lindwuen Daemon"><img src="http://img4.hostingpics.net/pics/566730250.gif" alt="Lindwuen Daemon"></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://nightwolves.jdrforum.com/"><img src="http://i.imgur.com/d0qqyAz.gif"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://www-laguerredesclans.lebonforum.com/"><img src="http://i.imgur.com/PDwZiGb.gif"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://neworld.forumpro.fr/"><img src="http://www.zupimages.net/up/15/14/wvh9.png"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://art-of-cats.forums-actifs.com/"><img src="http://i.imgur.com/TA61lkN.gif"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://laguerredesclans123.forumactif.org/"><img src="http://i.imgur.com/Lv4ETZO.gif"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://www.artistic-academy.org/"><img src="http://i.imgur.com/8hNya6Q.gif"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://breathing-ocean.forumactif.org/"><img src="http://i.imgur.com/KdEc4FV.gif"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://pokemoncommunity.forumactif.org/"><img src="http://i.imgur.com/5vOlX49.gif"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://legendeseternelles.lebonforum.com/"><img src="http://i.imgur.com/371CjXS.gif"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://equestria-tales.forumactif.org/"><img src="http://i.imgur.com/ClAXgei.gif"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://erodaacademy.creerforum.com/"><img src="http://i.imgur.com/iG96nll.gif"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://warriorsrpg.forumactif.org/"><img src="http://i.imgur.com/YqMzE6Z.gif"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://www.truewings-rpg.com/"><img src="http://image.noelshack.com/fichiers/2015/17/1429892123-250.jpg"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://fedelmid-rpg-test.forumactif.org/"><img src="http://img11.hostingpics.net/pics/137193bouton250x60.jpg"/></a><br />
<a rel="nofollow" target="_blank" class="postlink" href="http://equestrianations.forumgratuit.be/"><img src="http://i.imgur.com/iEH2mdT.gif"/></a><br />
  </center> </td></table> </div> </div>
                        
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <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>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <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>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<center><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  
  
  <tr>
  <table><tr><td> <img src="http://image.noelshack.com/fichiers/2015/28/1436218228-9789.png" class="imgqel"/>
<div class="div1" style="height : 120px ; margin-top : -40px"><div class="int1" style="height :110px ;  overflow:auto ">
<span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      
      <br />
  {LOGGED_IN_USER_LIST} <br />
  {L_CONNECTED_MEMBERS}
  </span>
  </div></div></td><td> <img src="http://image.noelshack.com/fichiers/2015/28/1436218232-098.png" class="imgqel"/>
    <div class="div1" style="height : 120px ; margin-top : -40px"><div class="int1" style="height :110px ;  overflow:auto">
      <span class="gensmall"> {NEWEST_USER} Bienvenue à lui/elle. Le Clan des Étoiles lui souhaite du courage pour survivre durant ces temps de troubles <br />
      {TOTAL_POSTS}<br />
      {RECORD_USERS}<br />
 
  </span>
  </div></div>
    </td></tr>
    <tr><td>
    
      <div style="height : 120px ; background:url(http://image.noelshack.com/fichiers/2015/28/1436401464-08bsdvs.png) ; overflow : hidden ; margin-top : -10px" class="div1"/>
</div></td><td>
    <div class="div1" style="height : 120px "><div class="int1" style="height :110px">
      <span class="gensmall"><table style="background : invisible">{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table>
  </span>
      </div></div></td></tr></table>      

    </tr>
  
</table>
<center>
<span class="groupe"><table><tr><td><a style="color:#E0B534 ; font-family: 'amatic sc', cursive;" rel="nofollow" target="_blank" href="http://www.lgdcwarriors.com/g10-clan-du-tonnerre">Clan du Tonnerre</a></td><td><a style="color:#6161AD ; font-family: 'amatic sc', cursive;" rel="nofollow" target="_blank"  href="http://www.lgdcwarriors.com/g12-clan-de-la-riviere">Clan de la Rivière</a></td><td><a style="color:#459435 ; font-family: 'amatic sc', cursive;" rel="nofollow" target="_blank"  href="http://www.lgdcwarriors.com/g35-clan-du-vent">Clan du Vent</a></td></tr>
<tr><td><a style="color:#000000 ; font-family: 'amatic sc', cursive;" rel="nofollow" href="http://www.lgdcwarriors.com/g47-clan-de-l-ombre">Clan de l'Ombre</a></td><td><a style="color:#B84242 ; font-family: 'amatic sc', cursive;" rel="nofollow" target="_blank"  href="http://www.lgdcwarriors.com/g57-clan-de-l-apotheose">Clan de l'Apothéose</a></td><td><a style="font-family: 'amatic sc', cursive; ; color:#d56798" rel="nofollow" target="_blank"  href="http://www.lgdcwarriors.com/g51-solitaires">Solitaire</a></td></tr></table></span></center>
</center> <!-- 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}

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

table#msg_et, table#msg_et td{
   background-color:none !important;
   }

/*Transparence Bannière*/

body {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}

/*Bannière aléatoire*/
.ban1 { background-image: url('http://image.noelshack.com/fichiers/2015/27/1435597912-1435344252-astre-t2.png'); }
.ban2 { background-image: url('http://image.noelshack.com/fichiers/2015/27/1435597784-1435347172-caprice-t2.png'); }
.ban3 { background-image: url('http://image.noelshack.com/fichiers/2015/27/1435597985-1435347832-gravite-t2.png'); }

/*Nom chatbox*/
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "L'oasis d'LW"; }

/*SUPPRESSION DU SOULIGNEMENT */

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

/* codage catégorie*/
.forumlink {
  text-align: center ; color : #B3944D;
font-family: 'Lora', serif;
  font-size : 21px;
  text-transform : uppercase;
  text-align : center ;
}


.description {
  background:  #ecedef ; opacity : 0.7 ;
  color: #a38746 ; border-radius : 0px;
  text-align: justify;
  ont-family: 'Arial';
  font-size : 12px;
  text-transform : ;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  margin: 0px;
  Height : 90px ; width : xpx ;
  overflow: auto; -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;
}


.lastpost {
  background:  #ecedef ; opacity : 0.7 ;
  color: #6D658C; border-radius : 0px;
  ont-family: 'Arial';
  font-size : 6px;
  text-transform : ;
  padding: 5px ; font: 9px Verdana, Arial, sans-serif;; overflow: hidden ;
  margin: px; height : 92px ; width : 92px  ;  }

.sujmes { font-size: 9px ; font-family : arial }


/*IMAGES DE LA BARRE DE NAVIGATION COMPLÈTEMENT SUPPRIMÉES*/
.secondarytitle h2 .timg { display: none; }
.secondarytitle h2 img { display: inline!important; }

.links {
  background : ;
  width  :  600px; border : x  ;
  height : Xpx ; overflow:auto ;font: 7px Verdana, Arial, sans-serif;
   padding: 5px ; margin: 10px ; border-radius : 0px}



.catetitre
{
color: #cc2a41;
ont-family: 'Arial';
  font-size : 20px;
  text-transform : uppercase;
font-weight: bold;
letter-spacing: 2px;
text-shadow: 0px 0px 4px #cc2a41;
  
}

 .divcat
{height : 100px ; width : 100x ; background:url('http://i.imgur.com/iFkDK9Q.png') ; overflow:hidden ; padding :10px }
.divcat2 {height : 100px ; width : 400px ; background:url('http://i.imgur.com/iFkDK9Q.png') ; overflow:hidden ; padding :10px }

/* FIN CODAGE CATEGORIE*/

/* objets volant */
.fufu {
  background :   ;
  width : 250px ;
  opacity : 1 ;
  padding :0px ;
  position: fixed;    /* fixe le menu */
  top: 150px;      /* positionne le menu a 20px du haut */
  left: 5px;      /* positionne le menu a 5px du bord */
  overflow :auto ;
  height : Xpx ;
  float: left ;
  color : white ;
  text-shadow : 0px 0px 4px #000 ;
  
  font-size : 11px ; text-align : justify ; ;
  
}

.fufutitre {
   font-family : G;
  font-size : 35px ;
  color : #ffffff ;
  letter-spacing : 2px ;
  text-align: center;
}

/* PROFIL */

.name {color: ;
font-family: 'Lora', serif;
font-size: 15px;
font-weight: ;
text-transform: uppercase ;
letter-spacing: 2px;
text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

.rang{ /* image*/
  margin-right :  ;margin-left : -250px ;
  margin-top : -200px ;
  text-transform: uppercase;
  
z-index: 2 }

.rang1 /*descrition des rangs*/
{font-family: time new roman ;
  font-size: 12px;
text-transform:  ;
background : #9C5765; color : #551647 ;
  border : 1px solid #B3944D;
  border-radius : 0px ;
  padding : 10px;
  width :  210px  ;
  text-align center ;
}

.rang2 /*feuille de perso*/
{font-family: time new roman ;
  font-size: 12px;
text-transform:  ;
background : #9C5765; color : #551647 ;
  border : 1px solid #B3944D;
  border-radius : 0px ;
  padding : 10px;
  width :  210px  ;
  text-align : justify;
}
 
.contourprof {
  background : #9C5765;
  border : 1px solid #B3944D;
  border-radius : 0px ;
  padding : 10px;
  width :  210px  ;
  text-align center ;
  z-index: 1 ;
  height : xpx
}

.contoura {
  border : 3px solid #e8caa4 ;
  width : px ;
  height : Px
}  

/***************QEEL***********************/

.groupe { font-family: 'amatic sc';
font-size: 30px;
font-weight: ;
text-transform: uppercase ;
letter-spacing: 2px;
  text-shadow: 0px 0px 4px rgba(0,0,0,0.2); }

.imgqel { margin-top : 20px }

.crédits{position: relative;z-index: 0; transition: all 0.5s ease-in-out 0s }
 
.crédits:hover{background-color: transparent;z-index: 50;}
 
.crédits span{
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;
font-family : dosis ; text-align : justify ;  transition: all 0.5s ease-in-out 0s }
 
.crédits span img{
border: 0px;
padding: 5px;}
 
.crédits:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 180px ;
color:#FFFFFF;
border: 1px solid;
}

.transi_hover{ transition: opacity:0, hover: 0,8 }

/******************** CODAGE AUTRE **************************/

/*SUPRESSION DE DERNIERE EDITION PAR*/
tr.post span.gensmall { display: none; }

/*anniversaires*/

.birth {
 background-color : none !important;
}

/* copains*/
.copains{
  position: fixed;    /* fixe le menu */
  top: 350px;      /* positionne le menu a 20px du haut */
  right: 5px;      /* positionne le menu a 5px du bord */
  width: 350px;
  height : 350px ;
  background : #824551;
  color : white ;
 
  overflow : hidden ;
  font-size : 11px ; text-align : justify ;
  margin-right : -270px
}

.copains:hover { margin-right: 0px ;
  -webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

.cop {   margin-left  : -150px}

/*présentatio*/
.presentationcontour {
  background: #7D2F3F;
  width: 550px;
  padding: 20px;
  border: 8px solid #D1AD5A;
  box-shadow: 0px 0px 4px #D1AD5A;
}

.nameofc {
  color: #D1AD5A;
  text-shadow: #D1AD5A 0px 0px 4px;
  font-size: 40px;
  border-bottom: 2px solid #D1AD5A;
  letter-spacing: 4px
}

.namepartie {  color: #D1AD5A;
  text-shadow: #D1AD5A 0px 0px 4px;
  font-size: 20px; text-transform : uppercase;
  letter-spacing: 0px}

.pdescription {
  background: #824551;
  width: 550px;
  border: 8px solid #9C5765
}

.textp {
  width: 500px;
  padding: 20px;
  text-align: justify;
  color: #D1AD5A;
  font-size: 12px
}

.image1 {
  background: url('http://i.imgur.com/89faNjH.png');
  height: 75px;
  width: 500px
}

.image2 {
  background: url('http://i.imgur.com/y9eVz32.png');
  height: 75px;
  width: 500px
}

.image2 {
  background: url('http://i.imgur.com/y9eVz32.png');
  height: 75px;
  width: 500px
}

.image3 {
  background: url('http://i.imgur.com/6588gnJ.png');
  height: 75px;
  width: 500px
}

/********************SCROLLBAR***********/
@media screen and (-webkit-min-device-pixel-ratio:0) {
:-webkit-scrollbar {
 height: 3px;
 width: 10px;
 background-color: #7a313d; /* couleur de fond */}  
html > ::-webkit-scrollbar {
 width: 5px; /* largeur de la barre */}    
::-webkit-scrollbar-thumb {
 background: #f4dda6; /* couleur de la barre qui se déplace */
 border-radius: 50px;  /* Arrondis */}      
::-webkit-scrollbar-track-piece {
 background-color: #7a313d; /* couleur de fond */}
}

/********************** end scrollbar*****************/
/************ HOSSY *****************/
/*test hover*/
.hossy { opacity: 0.0; }
.hossy { opacity: 0.0;  transition-duration: 0.6s;  -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s;}
.hossy:hover {opacity: 0.9;}
/**************** END HOSSY ************/