/******************************************************
**                                                   **
**   HFLIBRES - Tout droits réservés                 **
**   Copyright © 2001-2005 - hflibres@hflibres.com   **
**   www.hflibres.com                                **
**                                                   **
******************************************************/



/************************* GENERAL ************************************/


body {
  margin: 0;
  padding: 0;
  /*background-color:#cd8bb5;*/
  background-color:#a04080;
  color:#f9d6ea;
  font-family: times new roman, times;
  font-size: 12px;
  overflow: auto;
  text-align : left;
  scrollbar-face-color:#f9d6ea;
  scrollbar-arrow-color: #cd8bb5;
  scrollbar-highlight-color: #f9d6ea0;
  scrollbar-3dlight-color: #f9d6ea;
  scrollbar-track-color: #cd8bb5;
  scrollbar-darkshadow-color:  #f9d6ea;
}



#body2 {
  text-align: left;
  color : #a04080;
  background-color:#f9d6ea;
  margin: 0px 25px 0px 25px;
  padding: 10px 10px 10px 10px;
}



/*************************** BLOCS ************************************/

/* BLOC CONTENEUR */
#bloc_conteneur {
  position: absolute;
  text-align: left;
  width: 100%;
  background-color:#a04080;
  padding: 0;
  marging : 0;
}

/* BLOC CONTENEUR FOND ROSE */
#bloc_conteneur2 {
  width: 100%;
  text-align: left;
  color : #a04080;
  background-color:#f9d6ea;
  margin: 0px 25px 0px 25px;
  padding: 10px 10px 10px 10px;
}

/* BLOC IMAGE DEGRADE */
#bloc_colonne_degrade_gauche {
  float: left;
  width: 15px;
  margin: 0;
  padding: 0;
}

#bloc_colonne_degrade_droite {
  float: right;
  width: 15px;
  margin: 0px;
  padding: 0;
}

div#column2 {
  margin: 0px;
  padding: 0px;
  background-image: url(images/colonne_degrade_gauche.jpg);
  background-position: left;
  background-repeat: repeat-y;
  width : 100%;
}

div#column1 {
  margin: 0px;
  padding: 0px;
  background-image: url(images/colonne_degrade_droite.jpg);
  background-repeat: repeat-y;
  background-position: right;
  width : 100%;
}


/* BLOC MAIN */
#bloc_main {
  border: none;
  padding : 0;
  color:#a04080;
  background: #f9d6ea url('images/lily_fond1.jpg') no-repeat 50% 150px;
  margin-right: 15px;
  margin-left: 170px;
  margin-top : 15px;
  margin-bottom: 15px;
}

/* BLOC CONTENU */
#bloc_contenu {
  margin: 0px 25px 0px 25px;
  padding: 10px 10px 10px 10px;
}

/* BLOC TOP - LOGO */
#bloc_top {
  margin: 0px 25px 0px 25px;
  padding : 10px 0px 10px 0px;
  height: 60px;
  border: none;
  text-align : center;
}


/* BLOC MENU TOP*/
#bloc_menu_top {
  padding : 15px 0px 40px 0px;
  margin: 0px 25px 0px 25px;
  border: none;
  text-align : center;
}

/* BLOC FOOTHER */
#bloc_foother {
  margin: 0px 25px 0px 25px;
  text-align: center;
  padding: 30px 0px 0px 0px;
  border: none;
}

/* BLOC IMAGE GAUCHE */
#bloc_image_gauche {
  position : absolute;
  text-align : left;
  color:#f9d6ea;
  margin: 0;
  left : 0;
  margin-left : 0;
  width : 150px;
  padding: 10px 5px 10px 5px;
}


/* BLOCS INDEX */
#bloc_avertissement {
  width : 460px;
  height : 250px;
  float : right;
  margin : 5px 10px 5px 10px;
  padding: 10px 5px 10px 5px;
  text-align : left;
  /*background-color: #f9d6ea; */
/*  border : 1px outset #f9d6ea;*/
  overflow : auto;

}

#bloc_logo_index {
  float : left;
  width : 160px;
  margin : 5px 10px 5px 10px;
  padding: 10px 1px 1px 1px;
  text-align : right;
  color:#f9d6ea;

}

#bloc_contenu_index {
  width : 700px;
  margin : 10px auto 10px auto;
  padding: 5px 5px 5px 5px;
}

#bloc_contenu_avertissement {
  border : 1px solid #f9d6ea;
  background-color: #f9d6ea;
  color:#a04080;
}

/********************* MENU ************************/

#menu2 dt, dl, dd {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 0px 0px;
  text-align : center;

}
#menu2 dt {
  height : 20px;
}
#menu2 dl {
  width : 71px;
  height : 20px;
  float: left;

}

#menu2 dt a{
  color: #f9d6ea;
  text-decoration: none;
  font-weight:bold;
}


#menu2 ul, li {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 10px 2px 0px 2px;
  text-align: center;
}



.menu {
  position : absolute;
}


#menu2 li {
  display: inline;
  padding: 0px 2px 0px 2px;
}


#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7 {
  position: absolute;
  left: 0px;
  display: none;
  width: 500px;
}

#menu2 {
  padding: 0px 0px 0px 0px;
  background: transparent url(images/barre_menu6.jpg) left top no-repeat;
  position: relative;
  height : 20px;
  margin-left: auto;
  margin-right: auto;
  width : 515px;
  text-align : center;
  font-size:90%;
}


#menu_pperso {
  margin : 10px auto 20px auto;
  padding : 0px;
  color: #f9d6ea;
  text-align: center;
}

#menu_pperso ul{
  text-align: center;
}

#menu_pperso li{
  margin : 3px;
  padding : 0px;
  list-style-type: none;
  display: inline;
}

#menu_pperso a {
  background: #a04080 url(images/degrade1.jpg) left top repeat-x;
  color: #f9d6ea ;
  border : 2px outset #a04080;
  padding : 4px;
}

#menu_pperso a:hover {
  color: #a04080;
  background: #f9d6ea url(images/degrade2.jpg) left top repeat;
  border : 2px inset #a04080;
}


#menu_rubrique {
  margin : 0px auto 25px auto;
  padding : 0px;
  text-align: center;
}

#menu_rubrique ul{
  text-align: center;
}

#menu_rubrique li{
  margin : 3px;
  padding : 0px;
  list-style-type: none;
  display: inline;
}


/******************* FIL ARIANE *********************/
#bloc_fil_ariane {
  margin: 0px 25px 0px 25px;
  padding: 10px 10px 10px 10px;
  color : #cd8bb5;
}

#bloc_fil_ariane a {
color : #cd8bb5;
text-decoration: none;
 font-weight : normal;
}

#bloc_fil_ariane a:hover {
 color: #f9d6ea;
 background-color : #cd8bb5;
 }
#bloc_fil_ariane .bold {
text-decoration: none;
 color: #cd8bb5;
   font-style:normal;
 font-weight : bold;
 }


/******************* POSITIONS *****************/

.colonne_gauche1 {
  float: left;
  margin : 0px;
  padding : 1px;
  text-align : left;
}

.colonne_droite1 {
  float: right;
  margin : 0px;
  padding : 1px;
  text-align : right;
}

.colonne_gauche2 {
  float: left;
  border : 2px solid #a04080;
  width : 43%;
  margin : 10px 10px 10px 10px;
  padding : 5px 10px 20px 10px;
  moz-border-radius:10px;
  border-radius:10px;
  text-align: center;
}

.colonne_droite2 {
  float: right;
  border : 2px solid #a04080;
  width : 43%;
  margin : 10px 10px 10px 10px;
  padding : 5px 10px 20px 10px;
  moz-border-radius:10px;
  border-radius:10px;
  text-align: center;
}

.colonne_gauche3 {
  float: left;
  margin : 0px;
  width : 45%;
  padding : 0px;
  text-align : center;
}

.colonne_droite3 {
  float: right;
  width : 45%;
  margin: 0px;
  padding : 0px;
  text-align : center;
}


.center {
  text-align : center;
  margin: 0px;
  padding: 10px 0px 10px 0px;
}

.spacer1 {
  text-align : center;
  clear: left;
  margin: 10px 0px 10px 0px;
  padding: 10px 0px 10px 0px;
}
.spacer2 {
  text-align : center;
  clear: right;
  margin: 0px;
  padding: 0px;
}
.clear {
  clear:  right;
  margin: 0px;
  padding: 0px;
  font-size : 5px;
}
.clear_left {
  clear: left;
  margin: 0px;
  padding: 0px;
}

.miniature {
  width:  100px;
  height : 100px;
  border : 0px;
  margin-bottom : 5px;
}

.miniature_jeux {
  height : 70px;
  border : 0px;
  margin-bottom : 5px;
}

.colonne_miniature {
  float: left;
  width : 25%;
  margin : 0px;
  padding : 0px;
  text-align : center;
}

.colonne_miniature_accueil
 {
  float: left;
  width : 32%;
  margin : 0px;
  padding : 1px;
  text-align : center;
}

.colonne_50 {
  float: left;
  width : 50%;
  margin : 0px;
  padding : 0px;
  text-align : left;
}
.colonne_59 {
  float: left;
  width : 64%;
  margin : 0px;
  padding : 0px;
  text-align : left;
  border: 1px solid #a04080;

}
.colonne_39 {
  float: right;
  width : 35%;
  margin : 0px;
  padding : 0px;
  text-align : left;
  border: 1px solid #a04080;
}

.left {
  text-align : left;
  padding-left : 3px;
}
/************************** PUCES ********************************/

.decale {
  list-style-type: none;
  margin: 0px 0px 0px 20%;
  padding: 10px 2px 0px 2px;
  text-align : left;
}

ul {
  list-style-type: none;
  margin: 0px 0px 0px 20px;
  padding: 10px 2px 0px 2px;
  text-align : left;
}

li {
  list-style-type: square;
  text-align: left;
  margin: 1px;
  padding: 1px 2px 1px 2px;
}


/************************** LIENS ********************************/

a{
  text-decoration: none;
  color:#a04080;
  font-weight:bold;
}

a:hover  {
  color:#f9d6ea;
  background-color:#a04080;
}

a.lien2, a:link.lien2, a:active.lien2 {
  text-decoration: none;
  color:#f9d6ea;
  font-weight:bold;
}

a:hover.lien2  {
  color:#a04080;
  background-color:#f9d6ea;
}




/************************ FORMULAIRES **************************/

input {color:#a04080;border: 1px solid #cd8bb5; margin-right: 5px; padding-left:1px;font-size: 12px;font-family: Palatino Linotype, times new roman, times;}
textarea {color:#a04080;background-color:#ffffff;border: 1px solid #cd8bb5; }
option {color:#a04080;background-color:white;}
select {color:#a04080;background-color:white;border: 1px solid #cd8bb5;margin-right: 5px;}


.submit { color:#f9d6ea;background-image: url('images/degrade1.jpg');background-color:#a04080;border-color:#a04080;font-weight:bold;margin-top:3px; text-align: center;cursor:pointer;}
.submit1 { color:#a04080;background-color:#f9d6ea;border-color:#f9d6ea;font-weight:bold;cursor:pointer;  text-align: center;}
.submit2 {  text-align: center; color:#f9d6ea;background-image: url('images/degrade1.jpg');background-color:#a04080;border-color:#a04080;font-weight:bold;cursor:pointer;  text-align: center;}
.submit_neutre { color:#a04080;background-color:transparent;border-width: 0px;font-weight:bold;margin: 0px; padding: 0px;   text-align: center; cursor:pointer;}


.input_radio {color:#a04080; border: 0px solid #cd8bb5; margin-right: 5px;}
.input_checkbox {color:#a04080;  border: 0px solid #cd8bb5; margin-right: 5px;}
.input_image {color:#a04080;  border: 0px solid #cd8bb5;}

.form1 {
  width : 500px;
  margin : 10px auto 10px auto;
  text-align: left;
}

.form1 label
  {
  display: inline;
  float: left;
  width: 150px;
  margin-right : 10px;
  text-align: left;
  } 

form {
  padding : 0px;
  margin : 2px;
}
.form_inline {
  padding : 0px;
  display:inline;
}

label
  {
  display: inline;
  float: left;
  width: 120px;
  margin-right : 0px;
  text-align: left;
  } 

.form2 {
  margin : 5px 0px 5px 10px;
  text-align : left;
}

.form2 fieldset {
  border : 1px solid #cd8bb5;
  width: 120px;
  padding: 5px 0px 10px 5px;
}

.form2 legend {
  color : #cd8bb5;
  font-weight : bold;

}



/**************** TABLEAUX  ET CADRES ****************/

.recherche_club {
 margin : 2px;
 padding : 3px;
 text-align: center;
}

.trait_haut {
 border-top : 1px solid  #a04080;
 width : 50%;
}

.trait_bas {
 border-bottom : 1px solid  #a04080;
 width : 50%;
 margin : 1px;
 padding : 1px;
 text-align : center;
}

.separation {
 border-bottom : 1px dotted  #a04080;
 width : 50%;
 margin : 1px;
 padding : 1px;
 text-align : center;
}

.recherche_annonce {
  width : 80%;
  height : 25px;
  margin: 1px auto 1px auto;
  padding: 5px;
  border: 1px solid #a04080;
}

.cadre_80 {
  width : 80%;
  margin: 5px auto 5px auto;
  padding: 0px;
  border: 1px solid #a04080;
  text-align: center;
}
.cadre_80_2 {
  width : 80%;
  margin: 5px auto 5px auto;
  padding: 15px 5px 5px 5px;
  text-align: left;

}
.cadre_400 {
  width : 400px;
  margin: 5px auto 5px auto;
  padding: 0px;
  border: 1px solid #a04080;
  text-align: center;
}

.cadre_400_2 {
  width : 400px;
  margin: 5px auto 5px auto;
  padding: 15px 5px 5px 5px;
  padding: 0px;
  text-align: center;
}

.cadre_450 {
  width : 450px;
  margin: 5px auto 5px auto;
  padding: 0px;
  border: 1px solid #a04080;
  text-align: center;
}

.cadre_interieur {
  padding: 15px 5px 5px 5px;
  text-align: left;
}


.border_0  { border-width:0px;}
.border {border-width:3px; border-color: #a04080; }
.border1 {border: 1px solid #a04080; padding:0px;margin:Opx;}
.border2 {border: 1px solid #f9d6ea;padding:0px;margin:Opx;}

.border3 {border: 1px solid #f9d6ea; font-size: 12px; color:#f9d6ea; font-family: Palatino Linotype, times new roman, times;}
.border4 {border: 0px; font-size: 12px; color:#a04080; font-family: Palatino Linotype, times new roman, times;}
.border5 {border-top: 2px solid #a04080; border-left: 0px; border-right: 0px; border-bottom: 0px; font-size: 12px; color:#a04080; font-family: Palatino Linotype, times new roman, times;}
.border6 {border-bottom: 2px solid #a04080; border-left: 0px; border-right: 0px; border-top: 0px; font-size: 12px; color:#a04080; font-family: Palatino Linotype, times new roman, times;}


.table1 {
  width : 80%;
  margin: 5px auto 5px auto;
  padding: 0px;
  border: 1px solid #a04080;
  text-align : left;
}
.table2 { color: #a04080; font-size: 13px; border: 0px;}
.table3 { background-image: url('images/degrade1.jpg');  background-color:#a04080; color: #f9d6ea; font-size: 13px; border: 0px;font-weight:bold;}
.table4 { background-color:#000000; color: #f9d6ea; font-size: 13px; border: 0px;font-weight:bold;}
.table5 { background-color:#b75998; color: #000000; font-size: 13px; border: 0px;font-weight:bold;}
.table6 { background-color:#b75998; color: #000000; font-size: 13px; border: 0px;}
.table7 { background-color:#a04080; color: #f9d6ea; font-size: 15px; border: 0px;font-weight:bold;}

.table {  color: #a04080;}

.table_homme  {background-color:#80A8F8;font-weight: bold;font-size: 13px;}
.table_couple  {background-color:#C383F5;font-weight: bold;font-size: 13px;}
.table_femme  {background-color: #ff6699;font-weight: bold;font-size: 13px;}
.fond1 {background-color: #000000; color: #FF99CC;}
.li2 {list-style-type:disc;color: #a04080;}
.td_forum {padding: 10px;}

table { padding: 0px; margin:0px;border-collapse:collapse;}
tr { padding: 0px; margin:0px;vertical-align:top;}
td { padding: 4px 0px 4px 0px; margin:0px;}
th { height: 20px; background-image: url('images/degrade1.jpg');  background-color:#a04080; color: #f9d6ea; font-size: 14px; border: 0px;padding: 0px; font-weight:bold;margin:0px; text-align: center;}



/************************* DIVERS *****************************/

p {
  margin: 0px;
  padding: 7px 0px 7px 0px;
}

h1 {font-size: 18px;font-weight:bold; border-bottom: 1px solid #a04080; width : 50%; padding: 1px; margin-bottom: 20px; text-align: center;}
h2 {font-size: 17px;font-weight:bold; padding: 1px;margin:0px 0px 10px 0px;}
h3 {font-size: 16px;font-weight:bold;background: transparent url(images/fleur_titre.jpg) left top no-repeat; padding-left : 40px; margin: 10px;text-decoration: underline;}
h4 {font-size: 12px;font-weight:bold; text-decoration: underline; margin-bottom : 5px; padding : 0px;}
h5 { font-size: 12px;height: 20px; background-image: url('images/degrade1.jpg');  background-color:#a04080; color: #f9d6ea; font-size: 14px; border: 0px;font-weight:bold;margin:0px;text-align: center;}

h5 a{
  text-decoration: none;
  color:#f9d6ea;
  font-weight:bold;
}

.titre1 {font-size: 15px;font-weight:bold;}
.titre2 {font-size: 15px;font-weight:bold;text-decoration: underline;}
.titre3 {text-decoration: underline;}
.titre4 {font-weight:bold;text-decoration: underline;}
.petit {font-size: 11px;}
.gros {font-size: 15px;}
.big {font-size: 20px;}
.font_moyen {font-size: 15px;font-family: Palatino Linotype, times new roman, times;}
.bold {font-weight:bold;}
.underline {text-decoration: underline;}
.normal1 {font-size: 12px; color:#a04080; font-family: Palatino Linotype, times new roman, times;}
.normal2 {font-size: 12px; color:#f9d6ea; font-family: Palatino Linotype, times new roman, times;}
.important {color: #FE4949; font-weight:bold;}
.important2 {color: #FE4949;text-decoration: none;}
.erreur {color: #FE4949; font-weight: bold; text-align:center;}
.nouveau {color: #FFFFCC; font-weight: bold;}
.copy {font-size: 12px;font-weight:bold;}

.mot_cle {font-size : 1px; color : #f9d6ea;}

hr {
  width: 500px;
  height: 1px;
  margin: 15px auto 15px auto;
  padding: 0px;
  color: #a04080;
  background-color: #a04080;
  border: 0;

}

.hr2 {
  height: 1px;

  padding: 0px;
  color: #a04080;
  background-color: #a04080;
  border: 0;
  width: 50%;
  margin: 0px auto 0px auto;
  text-align : center;
}

/*************************** CHAT ************************************/
.homme  {color: #80a8f8;background-color:transparent; border : 0px solid #f9d6ea;font-weight:bold; text-align:center;margin : 0px; padding : Opx;cursor:pointer;}
.couple  {color: #c383f5;background-color:transparent; border : 0px solid #f9d6ea;font-weight:bold; text-align:center;margin : 0px; padding : Opx;cursor:pointer;}
.femme  {color: #ff6699;background-color:transparent; border : 0px solid #f9d6ea;font-weight:bold; text-align:center;margin : 0px; padding : Opx;cursor:pointer;}
.homme_titre  {color: #80A8F8;font-weight: bold;font-size: 18px;text-decoration: underline;font-weight: bold;}
.couple_titre  {color: #C383F5;font-weight: bold;font-size: 18px;text-decoration: underline;font-weight: bold;}
.femme_titre  {color: #ff6699;font-weight: bold;font-size: 18px;text-decoration: underline;font-weight: bold;}

.moi {color: #FE4949; font-weight: bold;}
.chat_general {background-color: #FF99CC; border: 1px outset #FF99CC; font-weight: bold; }
.chat_new {background-color: #FE4949; border-width: 1px; border-left-color: #000000; border-right-color: #000000; color: #000000; font-weight: bold;}
.lu_femme {background-color: #C383F5; border-width: 1px; border-left-color: #000000; border-right-color: #000000; color: #000000; font-weight: bold;}
.lu_couple {background-color: #C383F5; border: 1px outset #FF99CC; font-weight: bold;}
.lu_homme {background-color: #80A8F8; border-width: 1px; border-left-color: #000000; border-right-color: #000000; color: #000000; font-weight: bold;}