/****************************************************************/
/* 1. IMPORT DES FEUILLES DE STYLE */
/****************************************************************/

/* Import de la feuille de style de base */
@import url(imports/base.css);
/* Import du thème de couleur */
@import url(imports/Oxygen_cs.css);

/****************************************************************/
/* 2. PARAMETRES DU TEXTE */
/****************************************************************/

/* 2.1 Ceci fixe la famille de police par défaut */

.pun, .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {
	font-family: "Lucida Sans Unicode","Lucida Sans","Lucida Grande",Verdana,Geneva,sans-serif;
}

.pun {FONT-SIZE: 13px; LINE-HEIGHT: normal; position: relative;}

/* Taille de police d'Internet Explorer seulement - pour permettre à IE de zoomer.  N'enlevez pas les commentaires \*/
* HTML .pun {FONT-SIZE: 68.75%}
/* Fin de la taille des polices pour IE */

/* Règle la taille de la police pour ces tableaux parce que IE l'exige */
.pun TABLE, .pun INPUT, .pun SELECT, .pun OPTGROUP, .pun TEXTAREA, DIV.postmsg P.postedit {FONT-SIZE: 1em}

/* 2.2 Règle la taille de la police pour le texte préformaté c.-à-d. dans des boîtes de code */

.pun PRE {FONT-FAMILY: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace}

/* 2.3 Taille de police pour les en-têtes (headers en anglais) */

.pun H4 {FONT-SIZE: 1em}
.pun H3 {FONT-SIZE: 13px}
.pun H2 {FONT-SIZE: 1.18em}
#brdtitle H1 {FONT-SIZE: 1.4em}

/* 2.4 Texte plus gros pour les objets particuliers */

DIV.postmsg P {line-height:160%}
DIV.postleft DT {FONT-SIZE: 1.1em; font-family: Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: normal;}

.pun PRE {FONT-SIZE: 1.2em}

/* 2.5 Texte en gras */

DIV.postmsg H4, TD.tcl h2, DIV.forminfo H3, P.postlink,
DIV.linksb LI, DIV.postlinksb LI, .blockmenu LI, #brdtitle H1, .pun SPAN.warntext, .pun P.warntext {FONT-WEIGHT: bold}

/****************************************************************/
/* 3. LIENS */
/****************************************************************/

/* 3.1 Enlève le soulignement pour le menu principal, les liens en en-tête, les liens et les menus verticaux */

#brdmenu A:link, #brdmenu A:visited, .blockpost DT A:link, .blockpost DT A:visited, .blockpost H2 A:link,
.blockpost H2 A:visited, .postlink A:link, .postlink A:visited, .postfootright A:link, .postfootright A:visited,
.blockmenu A:link, .blockmenu A:visited {
	TEXT-DECORATION: none
}

/* 3.2 Souligne au passage de la souris (ou hover en anglais) pour des liens dans les en-têtes et dans le menu principal */

.blockpost H2 A:hover {TEXT-DECORATION: underline}

/****************************************************************/
/* 4. LARGEUR ET MODÈLE DE BORDURE */
/****************************************************************/

/* 4.1 Par défaut les bordures sont solides (forment un trait plein) et font 1 pixel */
    /*MODIFICATION : De base aucune bordure (elles seront placé ensuite)*/

.pun TD, .pun TH, .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {
	BORDER-BOTTOM-STYLE: solid;
	BORDER-WIDTH: 1px;
}


/* 4.2 Réglages spéciaux pour le logo du forum */

#brdheader DIV.box {BORDER-TOP-WIDTH: 4px}

/* 4.3 Bordures pour les cellules des tableaux */

.pun TD, .pun TH {
	/*BORDER-BOTTOM: none;
	BORDER-RIGHT: none*/
}

.pun .tcl {/*BORDER-LEFT: none*/}

/* 4.4 Réglage spécial pour les jeu de champs afin de préserver ceux par défaut de IE */

DIV>FIELDSET {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
}

/****************************************************************/
/* 5. ESPACEMENT VERTICAL ET DE LA PAGE */
/****************************************************************/

/* 5.1 Marge des pages */

html, body {margin: 0; padding: 0}
html > body #ctnContent {height:auto;min-height:50px}
#ctnContent {margin:0 auto;text-align:left;padding-bottom:25px;position:relative;top:10px;width:1000px}
#bgCtnContent {
    background-image: url("../img/style/background/bg-ctnContent.png");
    background-position: left top;
    background-repeat: repeat-y;
    text-align: center;
    width: 1022px;
}

#bgCtnContentPied {
    background-image: url("../img/style/background/bg-ctnContent-pied.png");
    background-position: left top;
    background-repeat: repeat-y;
    height: 15px;
    width: 1022px;
}

#punwrap {
  /*margin:12px 20px*/
  margin:0 auto;
  width:1000px;
}
#contLeft{width:695px;margin-right:5px}#contRight{width:300px}
/* 5.2 Crée un espace vertical entre les éléments du tableau de bord (marges) */

DIV.block, DIV.blockform, DIV.block2col, #postreview {MARGIN-BOTTOM: 12px}
#punindex DIV.blockpost {MARGIN-BOTTOM: 6px}
DIV.block2col DIV.blockform, DIV.block2col DIV.block {MARGIN-BOTTOM: 0px}

/* 5.3 Supprime l'espace au-dessus des breadcrumbs (infos qui indiquent l'emplacement exact d'une page au sein d'une arborescence) et des liens qui ont une marge supérieure négative */

DIV.linkst, DIV.linksb {/*MARGIN-TOP: -12px*/}
DIV.postlinksb {/*MARGIN-TOP: -6px*/}

/* 5.4 Mets un espace de 12px au-dessus de la boîte d'information du forum sur la page d'index parce que les tableaux de catégorie ont un espace de seulement 6px sous eux  */

#brdstats,#brdfooter {margin:0;padding:0 0 0 10px;width:685px;text-align:left}

/****************************************************************/
/* 6. ESPACEMENT AUTOUR DU CONTENU */
/****************************************************************/

/* 6.1 Remplissage par défaut des éléments principaux */

DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {PADDING: 3px 0}
.pun P, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {PADDING: 3px 0}
.pun H2 {PADDING: 4px 6px}

/* 6.2 Espacement spécial pour divers éléments */
.pun h5{
  margin: 10px 0 0 0;
  padding: 2px 1px 0 5px;
}

.pun H1 {PADDING: 3px 0px 0px 0}
#brdtitle P {PADDING-TOP: 0px}
DIV.linkst {PADDING: 8px 6px 3px;font-size: 13px;}
DIV.linksb, DIV.postlinksb {PADDING: 3px 6px 12px;font-size: 12px;}
#brdwelcome, #brdfooter DL A, DIV.blockmenu LI, DIV.rbox INPUT  {LINE-HEIGHT: 1.4em}
#viewprofile DT, #viewprofile DD {PADDING: 0 3px; LINE-HEIGHT: 2em}

/* 6.4 Crée un espacement horizontal pour divers éléments */

div.rboxRegister input, DIV.rbox INPUT, DIV.blockform P INPUT  {MARGIN-RIGHT: 20px}

/****************************************************************/
/* 7. ESPACEMENT POUR LES TABLEAUX */
/****************************************************************/
.pun table {border-spacing:0;border-collapse:collapse;}

.pun TH, .pun TD {PADDING: 4px 0}
.pun TD P {PADDING: 5px 0 0 0}

/****************************************************************/
/* 8. ESPACEMENT POUR LES POSTS */
/****************************************************************/

/* 8.1 Remplissage autour des colonnes gauches et droites dans viewtopic */

DIV.postleft DL, DIV.postright {}

/* 8.2 Espacement supplémentaires pour contacter le posteur et pour son avatar */

DD.usercontacts, DD.postavatar {MARGIN-TOP: 5px}
DD.postavatar {MARGIN-BOTTOM: 5px}

/* 8.3 Espacement supérieur supplémentaire pour les signatures pour "édité par" */

DIV.postmsg P.postedit {PADDING-TOP: 15px}

DIV.postsignature{padding:5px;font-size:11px;line-height:120%;color:#666}
/* 8.4 Espacement pour les boîtes de code et de citation */

DIV.postmsg H4 {MARGIN-BOTTOM: 10px}
.pun BLOCKQUOTE, DIV.codebox {MARGIN: 5px 15px 15px 15px; PADDING: 8px}

/* 8.5 Remplissage pour les liens d'action (ex : Poster une réponse) et l'indicateur en ligne dans viewtopic */

/*DIV.postfootleft P, DIV.postfootright DIV {PADDING: 10px 6px 5px 6px} */

/* 8.6 Ceci est l'entrée visuelle des modérateurs pour supprimer plusieurs sujets */

DIV.blockpost INPUT, DIV.blockpost LABEL {
	PADDING: 3px;
	DISPLAY: inline
}

P.multidelete {
	PADDING-TOP: 15px;
	PADDING-BOTTOM: 5px
}

/* 8.7 S'assure que les paragraphes dans des posts n'obtiennent aucune remplissage */

div.postmsg p{padding:5px 5px 0}
#msg .postmsg p{font-size: 14px}
/****************************************************************/
/* 9. ESPACEMENT SPECIAL POUR LES FORMULAIRES */
/****************************************************************/

/* 9.1 Remplissage autour des champs */

/*DIV.blockform FORM, DIV.fakeform, DIV.blockform #postpreview{PADDING: 10px 20px;}*/

/* 9.2 Remplissage à l'intérieur des champs */

.pun FIELDSET {PADDING: 0px 12px 0px 12px}
DIV.infldset {PADDING: 9px 0px 12px 0}
.pun LEGEND {PADDING: 0px 6px}

/* 9.3 Pour la boîte d'information au dessus du formulaire d'enregistrement et ailleurs */

DIV.forminfo {
	MARGIN-BOTTOM: 12px;
	PADDING: 9px 10px
}

/* 9.4 Liens d'aide de BBCode sous les formulaires de post */

UL.bblinks LI {padding-right: 10px;}
#punpost ul.bblinks li{display: block;height: 20px}
UL.bblinks {PADDING-BOTTOM: 2px;}

/* 9.5 Positionnement horizontal pour le bouton d'envoi des formulaires */

DIV.blockform P INPUT {MARGIN-LEFT: 12px}

/****************************************************************/
/* 10. INDICATEURS DE STATUTS DES POST */
/****************************************************************/

/* 10.1 Ce sont les indicateurs de statut des post, qui apparaissent à gauche de quelques tableaux : 
.inew = nouveaux posts, .iredirect = forums de redirection, .iclosed = sujets fermés 
et .isticky = sujets épinglés. Par défaut seul .inew est différent du défaut. */

DIV.icon {
	FLOAT: left;
	MARGIN-TOP: 0.1em;
	MARGIN-LEFT: 0.2em;
	DISPLAY: block;
	BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em;
	BORDER-STYLE: solid
}

DIV.searchposts DIV.icon {MARGIN-LEFT: 0}

/* 10.2 La class .tclcon est une division à l'intérieur de la première colonne des tableaux qui ont des indicateurs de statuts de posts. 
La marge crée l'espace pour les indicateurs de statuts de posts */

TD DIV.tclcon {MARGIN-LEFT: 15px}
/****************************************************************/
/* 11. GESTION DES MP */
/****************************************************************/
div#mp_bar_ext {
	border: 1px solid #336699;
	float: right;
	width: 100px;
	height: 17px;
	text-align: left;
	margin-left: 10px;
}
div#mp_bar_int {
	background-color:#2382C5;
	height: 17px;
}

/****************************************************************/
/* 12. GESTION DE LA BARRE DE DESCRIPTION */
/****************************************************************/

.pun .sidebarDescription{border: 1px solid #999}
.pun .barreDescription{padding: 0 0 0 10px;overflow:hidden;height:28px}
  .pun .barreDescription *{line-height:28px;color:#666699;font-size:15px;font-family: "Lucida Sans Unicode","Lucida Sans","Lucida Grande",Verdana,Geneva,sans-serif;font-weight:normal}
  .pun .barreDescription ul li, .pun .barreDescription span, .pun .barreDescription h2{display:inline}
  .pun .barreDescription h2{color:#2382C5;padding:0}

li.tcl{background-color:transparent} #punindex li.tcl{width:295px} #punviewforum li.tcl, #punviewtopic li.tcl, #punpost li.tcl{width:428px}
li.tc3{text-align:center;background-color:transparent} #punindex li.tc3{width:80px} #punviewforum li.tc3, #punviewtopic li.tc3, #punpost li.tc3{width:90px}
li.tcr{text-align:center;background-color:transparent} #punindex li.tcr{width:308px} #punviewforum li.tcr, #punviewtopic li.tcr, #punpost li.tcr{width:165px}


#resizeP, #resizeP2{border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999}
#punmisc #resizeP{padding:10px} #helpfile #resizeP{background-color:#FFF}
/****************************************************************/
/* 13. GESTION DES AVATARS */
/****************************************************************/
.inform .ctnAvatarChoice {margin: 8px 0 0 10px;}
.ctnAvatarChoice {float: left;text-align: center;width: 102px;}
.pun .inform .ctnAvatarChoice img{border: 1px solid;border-color:#DBDBDB;}
.profilAvatarChoice {cursor: pointer;width:100px;}

#btslideAvatar{width:322px;height:31px;margin:3px auto;background:url("../img/style/register/bt-aff-avatar.png") no-repeat scroll center top transparent}
  #btslideAvatar:hover{cursor:pointer;background-position:center bottom}
  
.toggler{cursor:pointer;cursor:hand}
    
.barreTopic{
  height: 16px;
  border-bottom: 1px solid #DBDBDB; 
  color:#9B9B9B; 
}
    
.barreTopicDeb{
  float: left;
  height: 18px;
  width: 7px;
  border-bottom: 1px solid #DBDBDB;  
}

.barreTopicFin{
  float: right;
  height: 18px;
  width: 7px;
}   

.count{
  float:right;
  color: #9B9B9B;
  padding-right: 15px;
  margin-right: 5px;
  background-color: transparent;
  background-image: url(../img/style/background/bg-count-logo.png);
  background-repeat:no-repeat;
  background-position: right center;
}    
dd.nbrMsg{
  font-size: 10px;
}
dd.usertitle img{
  margin: 0 2px;
}

p.usercontacts{
  text-align: center;
}
.pun p.usercontacts a{
  color: #555555;
  padding-left: 23px;
  background-color: transparent;
  background-image: url(../img/style/background/bg-message-prive.jpg);
  background-repeat:no-repeat;
  background-position: left center;
  font-size: 13px;
} 
.pun .postleft dt .user{text-align: center; position: relative; bottom: 5px; margin-left:5px;}  
.pun .postleft dt .user a{color: #555555; padding-bottom: 15px;}  
.pun .postleft dt .user a:hover {color: #555555; text-decoration: underline;}  
.enveloppe{
  font-size: 11px;
  line-height: 15px;
}

.sepLink{
  padding: 0 10px;
  color: #333333;
}

.pun .postpreview input, .pun .postreply input, .pun .mpreply a, .pun .postreply a, .pun .postoptions a, .pun .postgoto a, .pun .postreport a, .pun .postquote a, .pun .postedit a, .pun .postdelete a, .pun .postdelete input, .pun .postreturn a, .pun .postadd input{
  padding-left: 30px;
  font-size: 15px;
  background-color: transparent;
  background-repeat:no-repeat;
  background-position: left center;
  font-family:Verdana,Tahoma,Geneva,sans-serif;
}
.postaction input{border:0 none;cursor:pointer}
.pun .postaction a, .pun .postaction input{color:#005CB9} .pun .postaction a:hover, .pun .postaction input:hover{color:#2382C5}

.postreport a{
  background-image: url(../img/style/puces-action/bg-action-alerter.png);
}
.postgoto a{
  background-image: url(../img/style/puces-action/bg-action-goto.png);
}
.postdelete a, .postdelete input{
  background-image: url(../img/style/puces-action/bg-action-supprimer.png);
}
.postedit a{
  background-image: url(../img/style/puces-action/bg-action-modifier.png);
}
.postquote a{
  background-image: url(../img/style/puces-action/bg-action-citer.png);
}
.mpreply a, .postreply a, .postreply input{
  background-image: url(../img/style/puces-action/bg-action-repondre.png);
}
.postadd input, .postoptions a{
  background-image: url(../img/style/puces-action/bg-action-options.png);
}
.postpreview input{
  background-image: url(../img/style/puces-action/bg-action-preview.png);
}

.mpreply a:hover, .postreply a:hover, .postreply input:hover, .postgoto a:hover, .postoptions a:hover, .postpreview input:hover, .postdelete a:hover, .postreport a:hover, .postquote a:hover, .postedit a:hover, .postadd input:hover{
  text-decoration: underline;
}

#smilies img, #toolbar img{
  margin: 0 3px;
}
/*#toolbar img{
  
}*/
#connecte{
  float:left;
} 
#connecte ul{
  padding: 0;
} 
#connection{
 float:left;
  /*padding: 3px 0;*/
} 
#connection form, #connection p, #connection label{
  /*height : 10px;*/
	display : inline;
}   
#connection input{
  font-size: 11px;
}
#connection .buton
{
  margin-top:1px;
  font-family: Verdana, Geneva, Tahoma,sans-serif;
  color: #727272;
}
#connection #navregister{
  margin-left: 20px;
}


#onlinelist{
font-family: Verdana, Geneva, Tahoma,sans-serif;
font-size: 11px;
}
#onlinelist strong{
  color: #555555;
}
.pun #menu{
float: right;
}

#brdmenu #navpm a{
  color: #999999;
}
#brdmenu #navpm a:hover{
  color: #BBBBBB;
}

#brdmenu #navpm .nbpm{
font-size: 15px;
font-weight: bold;
font-family: "Palatino Linotype",
             Palatino,
             "URW Palladio L",
             "Book Antiqua",
             Baskerville,
             "Bookman Old Style",
             "Bitstream Charter",
             "Nimbus Roman No9 L",
             Garamond,
             "New Century Schoolbook",
             "Century Schoolbook",
             "Century Schoolbook L",
             Georgia,
             serif;
padding-left: 50px;          
}
#brdwelcome {margin-top: 5px;}
#brdwelcome ul, #brdwelcome ul li, .pmsMenu ul, .pmsMenu li{display: inline;}
#brdtitle{width:100%;height:100px;position:relative;padding:6px 0 0}

#t_vf{
  padding-top: 5px;
  float: left;
}

#t_page_actu{
  left: 0;
  padding: 0;
  position: absolute;
  top: 25px;
  width: 161px;
  text-align: center;
}
/*--- Gestion du menu ---*/
#brdnavig02{
  left: 5px;
  display: block;
  height: 54px;
  position: relative;
  width: 1012px;
  bottom: 1px;
}

#brdnavig02 li{display:inline;}
#brdnavig02 li a,#brdnavig02 li#espace{
  background-color: transparent;
  background-repeat: no-repeat;
  float: left;
  height: 27px;
  overflow: hidden;
}
#brdnavig02.femme li a, #brdnavig02.homme li a, #brdnavig02 li#espace{background-image: url(../img/style/navgeneral/barre-menu-06.png);}
#brdnavig02 li a strong {display: none;}

#brdnavig02 li#linkAccueil a{background-position: 0 0; width:143px;}
#brdnavig02 li#linkConsultation a{background-position: -143px 0; width:145px;}
#brdnavig02 li#linkSMS a{background-position: -288px 0; width:145px;}
#brdnavig02 li#linkChat a{background-position: -433px 0; width:145px;}
#brdnavig02 li#linkAudiotel a{background-position: -578px 0; width:145px;}
#brdnavig02 li#linkQuestMail a{background-position: -723px 0; width:145px;}
#brdnavig02 li#linkForum a{background-position: -868px 0; width:144px;}
  /*2eme niveau*/
#brdnavig02 li#linkHoroscope a{background-position: 0 -27px; width:138px;}
#brdnavig02 li#linkTarot a{background-position: -138px -27px; width:99px;}
#brdnavig02 li#linkAstrologie a{background-position: -237px -27px; width:140px;}
#brdnavig02 li#linkNumerologie a{background-position: -377px -27px; width:160px;}

#brdnavig02 li#linkPeople a{background-position: -537px -27px; width:67px;}
#brdnavig02 li#linkMode a{background-position: -604px -27px; width:58px;}
#brdnavig02 li#linkBeaute a{background-position: -662px -27px; width:68px;}
#brdnavig02 li#linkDeco a{background-position: -730px -27px; width:87px;}
#brdnavig02 li#linkCuisine a{background-position: -817px -27px; width:68px;}
#brdnavig02 li#linkSante a{background-position: -885px -27px; width:51px;}
#brdnavig02 li#linkActu a{background-position: -936px -27px; width:76px;}


/*MenuNavig avec souris*/
  /*1er niveau*/
#brdnavig02 li#linkAccueil a:hover{background-position: 0 -54px; width:143px;}
#brdnavig02 li#linkConsultation a:hover{background-position: -143px -54px; width:145px;}
#brdnavig02 li#linkSMS a:hover{background-position: -288px -54px; width:145px;}
#brdnavig02 li#linkChat a:hover{background-position: -433px -54px; width:145px;}
#brdnavig02 li#linkAudiotel a:hover{background-position: -578px -54px; width:145px;}
#brdnavig02 li#linkQuestMail a:hover{background-position: -723px -54px; width:145px;}
#brdnavig02 li#linkForum a:hover{background-position: -868px -54px; width:144px;}
  /*2eme niveau*/
#brdnavig02 li#linkHoroscope a:hover{background-position: 0 -81px; width:138px;}
#brdnavig02 li#linkTarot a:hover{background-position: -138px -81px; width:99px;}
#brdnavig02 li#linkAstrologie a:hover{background-position: -237px -81px; width:140px;}
#brdnavig02 li#linkNumerologie a:hover{background-position: -377px -81px; width:160px;}

#brdnavig02 li#linkPeople a:hover{background-position: -537px -81px; width:67px;}
#brdnavig02 li#linkMode a:hover{background-position: -604px -81px; width:58px;}
#brdnavig02 li#linkBeaute a:hover{background-position: -662px -81px; width:68px;}
#brdnavig02 li#linkDeco a:hover{background-position: -730px -81px; width:87px;}
#brdnavig02 li#linkCuisine a:hover{background-position: -817px -81px; width:68px;}
#brdnavig02 li#linkSante a:hover{background-position: -885px -81px; width:51px;}
#brdnavig02 li#linkActu a:hover{background-position: -936px -81px; width:76px;}

/*MenuNavig avec souris*/
  /*1er niveau*/
#brdnavig02.accueil li#linkAccueil a{background-position: 0 -54px; width:143px;}
#brdnavig02.forum li#linkForum a{background-position: -868px -54px}
/*--- Gestion du menu ---*/

/*Barre menu*/
#sidebarMenu{
	position: relative;
	margin-top: 10px;
	
}

#brdnavig{
  left: 0;
  display: block;
  height: 24px;
  position: absolute;
  width: 900px;
}

#brdnavig li {
display:inline;
}

#brdnavig li a {
  background-color: transparent;
  background-repeat: no-repeat;
  float: left;
  height: 24px;
  width: 100px;
  overflow: hidden;
}

/*#brdnavig li#linkSiteChoix a {
  width: 130px;
}*/

#brdnavig.femme li a, #brdnavig.homme li a{
  background-image: url(../img/style/navgeneral/barre-menu-femme.png);
}
/*
#brdnavig.homme li a {
  background-image: url(../images/header/menu/barre-menu-homme.png);
}
*/
#brdnavig li a strong {
  display: none;
}

/*MenuNavig la base*/
#brdnavig li#linkAccueil a{
  background-position: 0 0;  
}
#brdnavig li#linkHoroscope a{
  background-position: -100px 0;  
}
#brdnavig li#linkAstrologie a{
  background-position: -200px 0;  
}
#brdnavig li#linkTarot a{
  background-position: -300px 0;  
}
#brdnavig li#linkErotique a{
  background-position: -400px 0;  
}
#brdnavig li#linkPeople a{
  background-position: -500px 0;  
}
#brdnavig li#linkActu a{
  background-position: -600px 0;  
}
#brdnavig li#linkForum a{
  background-position: -700px 0;  
}
#brdnavig li#linkConsultation a{
  background-position: -800px 0;  
}

/*MenuNavig avc souris*/
#brdnavig li#linkAccueil  a:hover {
  background-position: 0 -24px; 
}
#brdnavig li#linkHoroscope  a:hover {
  background-position: -100px -24px; 
}
#brdnavig li#linkAstrologie  a:hover {
  background-position: -200px -24px; 
}
#brdnavig li#linkTarot  a:hover {
  background-position: -300px -24px; 
}
#brdnavig li#linkErotique  a:hover {
  background-position: -400px -24px; 
}
#brdnavig li#linkSiteChoix  a:hover {
  background-position: -500px -24px; 
}
#brdnavig li#linkPeople a:hover{
  background-position: -500px -24px;  
}
#brdnavig li#linkActu a:hover{
  background-position: -600px -24px;  
}
#brdnavig li#linkForum a:hover{
  background-position: -700px -24px;  
}
#brdnavig li#linkConsultation a:hover{
  background-position: -800px -24px;  
}

#brdnavig.accueil li#linkAccueil  a{
  background-position: 0 -48px;  
}
#brdnavig.horoscope li#linkHoroscope  a{
  background-position: -100px -48px;  
}
#brdnavig.astrologie li#linkAstrologie a{
  background-position: -200px -48px;  
}
#brdnavig.tarot li#linkTarot a{
  background-position: -300px -48px;  
}
#brdnavig.erotique li#linkErotique a{
  background-position: -400px -48px;  
}
#brdnavig.people-et-stars li#linkPeople a{
  background-position: -500px -48px;  
}
#brdnavig.actualite-du-jour li#linkActu a{
  background-position: -600px -48px;  
}
#brdnavig.forum li#linkForum a{
  background-position: -700px -48px;  
}
/*----*/

#brdannonce{height: 5px;}

div.conrheader {
  position: absolute;
  top: 270px;
  right: 0;
  text-align:right;
  width:30%;
}
div.conrheader #qjump select {
  color:#555555;
  font-size:0.9em;
  width:70%;
}

div.marginR{
margin-right: 10px;
}

.navregister{
margin-left: 20px;
}

fieldset div.ctnAvatars{
  text-align: center;
}

fieldset div.blkAvatars{
  margin: 0 auto;
}

#brdfooter .conl{
  float:left;
  overflow:inherit;
  white-space:inherit;
  width:100%;
}

#brdfooter .conr{
  float:right;
  overflow:hidden;
  white-space:nowrap;
  width:25%;
}

#brdfooter .conr #qjump select{
  width:80%;
}
.pun blockquote{
  border-style:solid;
  border-width:1px;
  border-color:#ACA899 #FFFFFF #FFFFFF #ACA899;
  background-color: #F1F1F1;
}

div.postmsg .incqbox h4{
  overflow: inherit;
	width: inherit;
	position: inherit;
	display: inherit;
	left: inherit;
}


/*--- FOOTER ---*/
#FooterEnd{
  margin-top: 30px;
  text-align: center;
}

#FooterEnd p{
	font-size: 11px;
	text-align: center;
  line-height: 15px;
  margin: 0;
  color: #555555;
}

.entree{
  margin-top: 10px;
}

#FooterEnd a {
	font-size: 11px;
	font-weight: bold;
	color: #555555;
}

#FooterEnd a:hover {
	text-decoration: underline;
}
/*------------------------------------*/

#punindex h2{font-weight:normal;font-size:14px;color:#333}
.tcl, .tcl_sous_cat{width:305px} 
.tc3, .tc3_sous_cat{width:80px;text-align:right}
.tc3{background-color:#D1EFE5} .tc3_sous_cat, .tm2{background-color:#E5E5E5}
.tcl, .tcr_cat{background-color:#E4FEF5}

#punindex .tcr_cat a, #punindex .tcr_sous_cat a{padding: 0 0 0 15px}
#punviewforum .tcr_sous_cat, #punviewtopic .tcr_sous_cat, #punpost .tcr_sous_cat{text-align:center}
#punviewforum td, #punviewtopic td, #punpost td {line-height: 140%}
td.soblue{background-color:#D6FDFD} td.tc3_sous_cat.soblue,td.tm2.soblue{background-color:#C3F0F5}
#punpms_contacts #vf td.tcl.soblue, #punpms_list #vf td.tcl.soblue, #punsearch #vf .tcl.soblue,td.tcl.soblue,td.tcr_cat.soblue{background-color:#DBF4FF} td.tc3.soblue{background-color:#CEF1F8}
.byuser{margin: 0 0 0 10px;font-size:11px;font-style:italic;color:#999}
.pages{color:#999}

.pun textarea{border:solid 1px #999;background-color:#F3F3F3}
.pun .postright{font-size:14px}
.pun .postright .postdate{text-align:right}
.pun .postmsg{border:1px solid #CCC;color:#333;background-color:#F8FAFD}
.pun .postaction ul li{display:inline}
.pun .usertitle{text-align:left}
.fixheight{height:210px;}
.pun .firstpost{padding:4px 6px 6px;border-left:1px solid #999;border-right:1px solid #999}
  .pun .firstpost .box{position:relative}
  .pun .firstpost .postleft{padding:0 5px 0 0;text-align:center}
  .pun .firstpost .infoposter{padding:10px 0 30px}
  .pun .firstpost .horoscope a {font-size: 14px;font-weight:bold;}
  .pun .firstpost .cadre{width:114px;height:109px;margin:0 auto;padding:6px 4px 0 0;background: url("../img/style/poster/bg-cadres-firstposter.png") no-repeat scroll center top transparent;}
    .pun .firstpost .cadre.online{background-position:center bottom}
    .pun .firstpost .cadre img{border:1px solid #DDD}
    .pun .firstpost .cadre p{padding:0;} .pun .firstpost .cadre p a{font-size:12px;color:#666;font-family: "Lucida Sans Unicode","Lucida Sans","Lucida Grande",Verdana,Geneva,sans-serif;}
.pun .firstpostfoot {margin:0 0 15px 0}
  .pun .firstpostfoot .postfootleft{border-top:1px solid #999} .brd{border-top:1px solid #999;width:61.5%} .brd.connect{width:42%}
  .pun .firstpostfoot .postaction{padding:5px 10px;background-color:#FFF;border-bottom:1px solid #999;border-left:1px solid #999;border-right:1px solid #999}
.pun .blockpost{margin:15px 0}
  .pun .postfootmsg{padding:20px 0 0 0}
    .pun .postfootmsg .postdate, .pun .postfootmsg .postdate a{padding:10px 0 0 15px;color:#555;font-size:13px}
    .pun .blockpost .postaction{padding:5px 10px;background-color:#FFF;border-top:1px solid #CCC;border-left:1px solid #CCC}
    .pun .blockpost .postaction p{padding:0}
    .pun #partage {position:absolute; left:5px; bottom:0} .pun #partage ul li{display:inline} .pun #partage a:hover{text-decoration:none} .pun .tweet{padding:0 5px}


.pun .blockpost .postleft{background:url("../img/style/poster/bg-fleche-poster.png") no-repeat scroll right 10px transparent;width:122px;}
.pun .postleft.blkpostonline{background:url("../img/style/poster/bg-fleche-conect-poster.png") no-repeat scroll right 10px transparent;}
  .pun .blockpost .postleft p{padding:0 0 3px;width:91px;font-size:11px;text-align:center;}
  .pun .blockpost .postleft p.usertitle{width:auto;text-align:left}
  .pun .postavatar{padding:4px 4px 0 0;width:87px;height:68px;background:url("../img/style/poster/bg-cadres-poster.png") no-repeat scroll center top transparent;}
    .pun .postavatar img{width:75px;height:56px;}
  .pun .username{} .pun .username a{color:#666}
    
.pun .blockpost .postright{padding:3px 0 0 0}

.pun .fastpost{padding:4px 6px 6px;border-left:1px solid #999;border-right:1px solid #999}
  .pun .fastpost form{padding:3px}

  .pun .fastpostfoot .postfootleft{border-top:1px solid #999} .pun .fastpostfoot .brd{border-top:1px solid #999;width:50.5%}
  .pun .fastpostfoot .postaction{padding:5px 10px;background-color:#FFF;border-bottom:1px solid #999;border-left:1px solid #999;border-right:1px solid #999}

.pun .posting{padding:4px 6px 6px;border-left:1px solid #999;border-right:1px solid #999}
  .pun .posting .infldset{padding:0}
  .pun .posting .plabel{padding:5px 0 10px}.pun .posting .plabel span{padding:0 0 5px;display:block;}
  
  .pun .postingfootnolink, .pun .postingtfoot .postfootleft{border-top:1px solid #999} .pun .postingtfoot .brd{border-top:1px solid #999;width:58.4%} 
  .pun .postingtfoot .brdelete{border-top:1px solid #999;width:57%} .pun .postingtfoot .brdmsg{border-top:1px solid #999;width:82.5%}
   .pun .postingtfoot .brdadd{border-top:1px solid #999;width:80.6%} .pun .postingtfoot .brdmail{border-top:1px solid #999;width:59.5%}
   .pun .postingtfoot .brdddemdp{border-top:1px solid #999;width:79.5%} .pun .postingtfoot .brdlog{border-top:1px solid #999;width:77%}
   .pun .postingtfoot .brdregister{border-top:1px solid #999;width:78.435%}
  .pun .postingtfoot .postaction{padding:5px 10px;background-color:#FFF;border-bottom:1px solid #999;border-left:1px solid #999;border-right:1px solid #999}
  
  #postpreview{margin:10px 0 0}
    #postpreview h3{font-size: 1.18em;padding:0 0 0 6px}
  
  #postreview .box{margin:5px 0}

  #posterror h2 {width:70px;text-align:center;text-transform:uppercase;font-weight:bold;color:#FFF;background-color:#FF0000;}
  #posterror p{color:#444}
  #posterror .box{padding:0 3px;border:1px solid #FF0000;background-color:#FF6666}

/*Gestion du plan*/
#contplan{margin: 10px 0 0}
#modPlanHead, #modPlanFoot{background-position: top center;background-repeat: no-repeat;}
#modPlanHead{height: 25px;background-image: url(../img/style/plan/bg-modPlanIndex-entete.jpg);}
#modPlanFoot{height: 10px;background-image: url(../img/style/plan/bg-modPlanIndex-pied.jpg)}
#modPlanCtn{padding-top: 10px;text-align:left;background:url("../img/style/plan/bg-modPlanIndex-ctn.jpg") repeat-y scroll center top transparent}

#contplan h2 {padding:2px 0 0;text-align:left;margin:0 0 0 20px;Font-size:16px;color:#F1F1F1}
#contplan h3 {margin: 0 0 10px}
#contplan h4{color: #F3F3F3;margin: 3px 0 2px;text-decoration: underline;font-size: 12px;}
#contplan a, #contMPlan li {color:#F9F9F9}
#contplan li {font-size: 10px;}
#contplan .margR10 {margin-right: 20px;}
#contplan .sepVertical {border-left: 1px solid #757575;display: block;float: left;height: 160px;margin:40px 20px 0 8px;width: 1px;}

#line02{margin:10px 0 0 30px;padding:0 0 5px 0}
#cadreMplan {background-color: transparent;background-image: url("../img/style/plan/bg-cadrePlan-ctn.png");background-position: left top;background-repeat: repeat-y;height: 230px;margin:0 15px 0 25px;padding: 15px 0;width: 220px}
  #cadreMplan .cadreMlien {margin: 0 auto;padding-left: 5px;width: 210px}
    #cadreMplan .cadreMlien p {color: #F0EFEF;font-family: Verdana,Geneva,Arial,sans-serif;font-size: 16px;text-align:center;padding: 7px 0 0}
    #cadreMplan .cadreMlien a:hover{text-decoration:none}
  #cadreMplan .separateur {border-top: 1px solid #A4A4A4;height: 1px;margin: 10px auto 21px;width: 150px}
  
/*Navigation du forum*/
#brdmenu{position:relative}

#brdmenuHead li {float:left;height:44px;background:url("../img/style/navigation/bg-navig-head.png") no-repeat scroll center top transparent}
  #brdmenuHead li.navForum.unactiv{cursor:pointer;width:110px;background-position: left bottom} #brdmenuHead li.navProfil.unactiv{cursor:pointer;width:95px;background-position: -110px bottom}
  #brdmenuHead li.navPrive.unactiv{cursor:pointer;width:163px;background-position: -205px bottom} #brdmenuHead li.navEspace{width:203px;background-position: -368px bottom}
  #brdmenuHead li.navConnexion.unactiv{cursor:pointer;width:117px;background-position: -571px bottom}
  
  #brdmenuHead li.navForum:hover{width:110px;background-position: left center} #brdmenuHead li.navProfil:hover{width:95px;background-position: -110px center}
  #brdmenuHead li.navPrive:hover{width:163px;background-position: -205px center} #brdmenuHead li.navConnexion:hover{width:117px;background-position: -571px center}
  
  #brdmenuHead li.navForum.activ{width:110px;background-position: left top} #brdmenuHead li.navProfil.activ{width:95px;background-position: -110px top}
  #brdmenuHead li.navPrive.activ{width:163px;background-position: -205px top} #brdmenuHead li.navConnexion.activ{width:117px;background-position: -571px top}
  
  
  #brdmenuHead li.navEspace2{width:117px;height:44px;background:url("../img/style/navigation/bg-navig-headRight.png") no-repeat scroll center bottom transparent}

#brdmenuBarre{position:absolute;right:10px;top:7px}
  #brdmenuBarre li a{float:left;height:28px;background:url("../img/style/navigation/bg-barre-accueil-deco.png") no-repeat scroll left top transparent}
  #brdmenuBarre li.navAccueil a{width:115px} #brdmenuBarre li.navDeconnexion a{width:155px;background-position:right top}
  #brdmenuBarre li.navAccueil a:hover{background-position:left bottom}
  #brdmenuBarre li.navDeconnexion a:hover{background-position:right bottom}
     
#brdmenuCtn{padding:4px 0;width:688px;height:68px;background:url("../img/style/navigation/bg-navig-ctn.png") repeat-y scroll center top transparent}
  #navForum, #navConnexion{padding:17px 20px 0;position:relative}
  
    #nvellDiscussion{width:292px;height:37px;background:url("../img/style/navigation/bt-nouvelle-discussion.png") no-repeat scroll center top transparent}
    #nvellDiscussion:hover{cursor:pointer;background-position:center bottom}
    #zSearch{padding:5px 0 0}
      #inpnavSearch{ border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC;border-style: solid none solid solid;border-width: 1px 0 1px 1px;font-size:14px;height:23.5px;margin:0.5px 0 0 0}
        #inpnavSearch.fontnavSearch{color:#999;font-style:italic}
      #btnavSearch{border:0 none;padding:0;width:44px;height:27px;background:url("../img/style/navigation/bt-search.png") no-repeat scroll center top transparent}
      #btnavSearch:hover{cursor:pointer;background-position:center bottom}
      #searchAdvanced{text-align:right;padding:0 5px 0 0}
      #brdmenu #searchAdvanced a{color: #2382C5;font-style:italic}
    
    #navProfil{padding:7px 20px 0}
    #navPrive{padding:23px 20px 0}
      #brdmenu #navProfil a, #brdmenu #navPrive a{color: #6D6DCA;font-size:15px}
      #brdmenu #navProfil a:hover, #brdmenu #navPrive a:hover{color: #0066CC}
      #brdmenu #navProfil.essentials a.essentials, #brdmenu #navProfil.personal a.personal, #brdmenu #navProfil.messaging a.messaging, #brdmenu #navProfil.personality a.personality, #brdmenu #navProfil.display a.display, #brdmenu #navProfil.privacy a.privacy, #brdmenu #navPrive.reception a.reception, #brdmenu #navPrive.envoi a.envoi, #brdmenu #navPrive.amis a.amis{color:#999}
      
      #zProfil_01, #zProfil_02, #zProfil_03 {padding: 0 0 0 50px;width: 166px}
      
    #login{padding:3px 5px 4px 0} #login p{padding:0}
      #navConnexion label{font-size:17px;padding:0;color:#737272;font-family:verdana;height:24px}
      #inpnavUsername, #inpnavPass {border:1px solid #CCC;font-size:14px;height:24px;margin:0 0 0 5px} #inpnavUsername{margin:0 40px 0 5px}
      #btnavConnexion{border:0 none;width:59px;height:28px;background:url("../img/style/navigation/bt-connexion.png") no-repeat scroll center top transparent}
      a#btnavConnexion{display:block;width:59px;height:28px;background:url("../img/style/navigation/bt-connexion.png") no-repeat scroll center top transparent}
      #btnavConnexion:hover{cursor:pointer;background-position:center bottom}
      #linkPass{text-align:right;padding:0 10px 0 0} #brdmenu #navforgotten a{margin:0 10px 0 0}
        #brdmenu #navforgotten a, #brdmenu #navregister a{color: #2382C5;font-style: italic}
#brdmenuFoot{width:688px;height:6px;background:url("../img/style/navigation/bg-navig-foot.png") no-repeat scroll center top transparent}

.pun .instruction{margin: 0 0 0 10px;color:#999;font-size: 12px;font-style: italic}
#profile .brd{width:79.5%}

#punpms_contacts .conl, #punpms_contacts .conr, #punpms_list .conl, #punpms_list .conr{width:inherit}
.pun .incontact{padding:5px 10px 0}
#punpms_contacts .conl.newMsg, #punpms_list .conl.newMsg{width:300px;text-align:center}
#punpms_contacts  .pmsMenu .conr, #punpms_list .pmsMenu .conr{padding:4px 10px 0 0}
.pun .newMsg a{margin:0 auto;display:block;width:207px;height:25px;background:url("../img/style/espace-prive/bt-nouv-message.png") no-repeat scroll center top transparent}
  .pun .newMsg a:hover{background-position: center bottom}
  #topicCreate, #topicCreate select{color: #333;font-size: 0.9em} #topicCreate label{margin:2px 0 0} #topicCreate select{margin: 0 10px 0 5px}
  #zTopicCreate{position:absolute;top:54px;background-color:#FFF;padding:10px;border:1px solid #CCC}

#mod00{width:298px;margin:0 0 10px 0;border:1px solid #999}
  #mod00 h2{padding:5px 0 0 10px;width:288px;height:28px;text-align:left;background:url("../img/style/mod-right/mod0/bg-titre-h2.png") no-repeat scroll center top transparent}
  #ctnMod00{padding: 0 5px 0 7px} #ctnMod00 p{padding:1px 0} #ctnMod00 p.zPlus{padding:1px 5px 1px 0;text-align:right} #ctnMod00 a.last_visit{color:#0066CC}

  #zSwfAudiotel{width:300px;height:300px}
  
  .pun .rboxRegister{margin:5px auto 0;width:650px;text-align:left}

#punregister h3{padding:10px 0 0}  
#punregister .zinput label{padding:0;width:150px;float:left;display:inline;line-height:29px}
#punregister .zinput select, #punregister .zinput input{font-size:14px; border: 1px solid #999} 
#punregister .zinput input{width:205px;height:29px;line-height:29px} 
#punregister .blockform select{padding:2px}

#punregister .zImg{width:300px;padding:42px 0 0} #punregister .zImg .t4{margin:0 0 10px 0}

#punregister .sexe label{float:none;line-height:16px;font-size:14px} #punregister .sexe input{border:0 none;width:40px;height:12px}
div.labInput{margin:10px 0}

#punregister .zinput{margin:0 10px 0 0}
  #punregister .zinput label.confirmMdp{line-height:16px}

.pun label.labAvatar{padding:0 0 0 20px;background-color:#8080B7;color:#FFF}

#lienVerifPseudo{width:280px;height:22px;margin:0 auto;display:block;background:url("../img/style/register/bt-verif-dispo.png") no-repeat scroll center top transparent}
#lienVerifPseudo:hover{background-position:center bottom}

#resPseudo span{display:block;font-size:14px;margin:0 0 5px 150px}

#lienSociauxHeader {clear: left;left: -5px;position: absolute;top: 75px}
#lienSociaux li, #lienSociauxHeader li {margin: 0 0 0 10px}
#lienSociaux ul, #lienSociaux li, #lienSociauxHeader ul, #lienSociauxHeader li {display: inline;float: left}