Code Css HON

/* SPOILER & CODE & CITATONS */

.spoiler_content {display: block;}
.hidden .spoiler_content {display: none;}
.quote { -moz-border-radius: 10px;}
.code { -moz-border-radius: 10px;}
.spoiler { -moz-border-radius: 10px;}
.quote {font-family: Tahoma;
      padding:15px;
      color:#ffffff;
      background-color:gray;
      border-left: 3px #ffffff solid;
      border-right:3px #ffffff solid;
      border-bottom: 3px #ffffff solid;
      -moz-box-shadow: 0px 0px 1px #ffffff;}
.code {padding:3px;
      color: #ffffff;
      font-family: Tahoma;
      font-size:12px;
      -moz-border-radius:8px;
      border-top: 3px solid #ffffff ;
      border-right: 3px solid #ffffff ;
      border-left: 3px solid #ffffff ;
      border-bottom: 3px solid #ffffff ;
      background-color:gray;
      text-transform:lawercase ;
      -moz-box-shadow: 0px 0px 1px #ffffff;}


/* LIENS  */

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

#subnav A:link, #subnav A:visited, #subnav A:active {font-family: tahoma;
      font-size: 11px;
      text-align: center;
      padding: 2px;
      color: #ffffff;
      background-color: gray;
      line-height: 12px;
      display: block;
      border-bottom: 1px solid #ffffff;}

/* CONTOUR PROFIL */
.test {-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:gray;
border: 3px solid #ffffff;}

/* CONTOUR AVATAR */
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #ffffff;}



/* QEEL */
/* texte de copyright QUEEL*/
div.titre2{
font-size: 8px; /*taille de la police*/
font-color:#ffffff/*couleur du texte*/;
}

/*grand titre du QUEEL*/
div.titre3{
font-size: 40pt; /*taille du texte*/
font-family: Georgia; /*police du texte*/
text-shadow: #000000 0px 0px 3px; /*ombre du texte*/
text-align: center;/*alignement du texte*/}

div.staffpv img{
 width: 50px;
  height: 50px;
  background-color: gray;
  border: 3px solid #ffffff;
  padding: 3px;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  margin: 0px 3px 2px 3px;
}
span.pv {
  position: relative;
  text-decoration: none;
}
span.pv span.bulle {
  display: none;
  font-size: 12px;
}
span.pv:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
span.pv:hover span.bulle {
  display: inline;
  position: absolute;
  top: 20px;
  left: -56px;
  width: 170px;
  color: #ffffff;
  background-color: gray;
  border: 3px solid #ffffff;
  padding: 3px;
  -moz-border-radius: 10px;
}

/* style de l'onglet du QUEEL */
.onglet { background-color: #.;
border: 0px solid #ffffff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px; /* bordure et arrondit de l'onglet */
padding-top: 0px;
padding-bottom: 0px;
padding-left: 75px;
padding-right: 0px;/* marges */
text-align: center;
font-family: time new roman;
font-style: italic;
font-weight: bold;
font-size: 20px;
letter-spacing: -1pt;
text-transform: lowercase;
color:#ffffff;
text-shadow: 0px 0px 1px  #000000;}

.message { background-color: gray;
overflow: auto;
-webkit-border-radius: 12px;
-moz-border-radius: 20px;/* bordure et arrondit*/
 padding-top: 0px;
 padding-bottom: 5px;
padding-left: 30px;
 padding-right: 30px; /* marges */
text-align: justify; /* justification de l'écriture*/
color: #ffffff; /*couleur du texte*/
height: 230px;
display: auto;
border-left: 1px #ffffff solid;
border-right: 1px #ffffff solid;
border-top: 6px #ffffff solid;
border-bottom: 6px #ffffff solid;
-moz-box-shadow: #ffffff 0px 2px 2px;}

/* PROFIL*/
.postdetails.poster-profile a img {
-moz-border-radius:10px;
border: 0px solid #ffffff;
-moz-box-shadow: #ffffff 0px 0px 2px;}

.profilentour {
padding:9px;
BACKGROUND-COLOR: gray;
border: 3px solid  #ffffff; no-repeat;
-moz-border-radius:5px;
-moz-box-shadow: #ffffff 1px 1px 2px;
}

div.nomposteur {
font-family: Times New Roman;
font-style: italic;
font-weight: bold;
font-size: 20px;
letter-spacing: -1pt;
text-align: center;
text-shadow: 0px 0px 1px #white;
}

.postdetails.poster-profile textarea { width: 198px;}
input,textarea, select {
-moz-border-radius:10px;
-moz-box-shadow: #ffffff 0px 0px 2px;
text-color: white;
background:gray none repeat scroll 0 0;
  }


/* ONGLET IFRAME QEEL */


.conec {background-color:gray;}

.contenu_onglet{background-color:gray;
      margin-top:-6px;
      padding-left:20px;
      padding-right:20px;
      padding-top:10px;
      padding-bottom:10px;
      display:none;
      height:230px;
      overflow:auto;
      -moz-border-radius:40px 40px 40px 40px;
      border-left: 3px #ffffff solid;
      border-right: 3px #ffffff solid;
      border-top: 2px #ffffff solid;
      border-bottom: 2px #ffffff solid;
      text-align:justify;
      -moz-box-shadow: 2px 2px 5px #ffffff;
      z-index:1;}

.contenu_onglet2{background-color:gray;
      margin-top:-6px;
      padding-left:20px;
      padding-right:20px;
      padding-top:10px;
      padding-bottom:10px;
      display:none;
      overflow:auto;
      -moz-border-radius:40px 40px 0px 0px;
      border:1px solid #ffffff;
      text-align:justify;
      z-index:10;}

.contenupa {
background-color:gray;
padding:10px;
-moz-border-radius:30px;
text-align:justify;
height:250px;
overflow:auto;
}

/* PAGE D'ACCUEIL INFOBULLE */

a.info { position: relative;
color: #ffffff;
text-decoration: none;}

a.info span { display: none; /* on masque l'infobulle */
}

a.info:hover { background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */}

a.info:hover span { display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 45px; /* on positionne notre infobulle */
background-color:gray;
border-left: 1px #ffffff solid;
border-right: 1px #ffffff solid;
border-bottom: 1px #ffffff solid;
-moz-border-radius:6px;
-moz-box-shadow: #ffffff 0px 2px 2px;
padding-left: 5px;
padding-right: 10px;
padding-top: 2px;
padding-top: 2px;
}

div.infobulletexte {font-family: time new roman;
font-weight: bold;
font-size: 14px;
letter-spacing: -1pt;
text-transform: lowercase;
color:#ffffff;
text-shadow: 0px 0px 1px #000000; }

.fondinfobulle {BACKGROUND-COLOR:gray;
border-top: 3px dotted #ffffff;
padding-right: -3px;
padding-left: -3px;
padding-bottom: 1px;
-moz-border-radius : 3px 3px 3px 3px;
font-family: arial;
font-size: 11px;
letter-spacing: -0px;
color:#ffffff;}




/*- PA -*/


div.salut{
background-color:gray;
border: 2px #ffffff solid;
-moz-box-shadow: 0px 0px 2px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
text-align: center;
overflow: auto;}

div.salut:hover{
background-color:gray;
border: 2px #ffffff solid;
-moz-box-shadow: 0px 0px 2px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
text-align: center;
overflow: auto;}


div.espace{
height: 150px;
background-color:gray;
border: 1px #ffffff solid;
-moz-box-shadow: 0px 0px 2px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
text-align: justify;
overflow: auto;}

div.espace:hover{
height: 150px;
background-color:gray;
border: 1px #c6ca61 solid;
-moz-box-shadow: 0px 0px 2px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
text-align: justify;
overflow: auto;}

div.espace2{
height: 150px;
background-color:gray;
border: 1px #ffffff solid;
-moz-box-shadow: 0px 0px 2px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
text-align: justify;
overflow: block;}

div.espace2:hover{
height: 150px;
background-color:gray;
border: 1px #ffffff solid;
-moz-box-shadow: 0px 0px 2px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
text-align: justify;
overflow: block;}

div.partenariat{
height: 200px;
background-color:gray;
border: 1px #ffffff solid;
-moz-box-shadow: 0px 0px 2px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
text-align: justify;
overflow: auto;}

div.partenariat:hover{
height: 200px;
background-color:gray;
border: 1px #ffffff solid;
-moz-box-shadow: 0px 0px 2px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
text-align: justify;
overflow: auto;}

div.équipefo{
height: 200px;
background-color:gray;
border: 1px #ffffff solid;
-moz-box-shadow: 0px 0px 2px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: justify;
overflow: block;}

div.équipefo:hover{
height: 200px;
background-color:gray;
border: 1px #ffffff solid;
-moz-box-shadow: 0px 0px 2px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: justify;
overflow: block;}

.titremoyen{
font-family : Times New Roman;
font-size: 24px;
font-style: italic;
font-weight: bold;
letter-spacing: -1pt;
text-transform: lowercase;
color:#ffffff;
text-align: center;
text-shadow: 0px 0px 1px #000000;
background: gray;
-moz-border-radius: 5px 5px 0px 0px;
border-bottom-style: dotted;
border-bottom-width: medium;
border-bottom-color: #ffffff;}

.titremoyen:hover{
font-family : Times New Roman;
font-size: 24px;
font-style: italic;
font-weight: bold;
letter-spacing: -1pt;
text-transform: lowercase;
color:#ffffff;
text-align: center;
text-shadow: 0px 0px 1px #000000;
background: gray;
-moz-border-radius: 5px 5px 0px 0px;
border-bottom-style: dotted;
border-bottom-width: medium;
border-bottom-color: #ffffff;}

div.navigation
{
background-color: gray;
border: 1px solid #ffffff;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 30px;
margin-right: 30px;
text-align: justify;}

div.navigation:hover
{
background-color: gray;
border: 1px solid #ffffff;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 30px;
margin-right: 30px;
text-align: justify;}

div.titre4{
font-size: 0.5in;
font-family: Chewy;
color: #ffffff;
text-shadow: 1px 1px 1px white;
text-align: center;
gainsboro 1px solid;
text-transform:lowercase;
border-bottom: 4px dotted #ffffff;
}

div.navig div {
background: gray;
-moz-border-radius: 5px;
margin-top: 3px;
border : 1px solid #ffffff;
color: #ffffff;
font-size: 12px;
text-align: center;
text-transform: lowercase;
font-variant: small-caps;
height: 12px;
}
div.navig div:hover {
background:gray;
-moz-border-radius: 5px;
margin-top: 3px;
border: 1px solid #ffffff;
color: #ffffff;
font-size: 12px;
text-align: center;
text-transform: lowercase;
font-variant: small-caps;
height: 12px;
}

.mon_onglet{
float: left;
padding: 5px 10px;
margin-right: 15px;
color: #ffffff;
background: gray;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
cursor: pointer;
list-style-type: none;
text-shadow: #ffffff 0px 0px 2px;
font-size: 15pt;
margin-bottom: 15px;
align : center;
-moz-box-shadow: #ffffff 0px 0px 1px;}

.mon_onglet:hover{
background: gray;
list-style-type: none;
font-size: 15pt;}

.mon_onglet_selected{
float: left;
padding: 5px 10px;
margin-right: 15px;
color: #ffffff;
background: gray;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
cursor: pointer;
list-style-type: none;
text-shadow: #000000 0px 0px 2px;
font-size: 15pt;
margin-bottom: 15px;
align : center;
-moz-box-shadow: #ffffff 0px 0px 1px;}

.clear{
clear: both;
}

.mon_contenu{
color: #ffffff;
background: gray;
padding: 10px;
font-size: 11px;
list-style-type: none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: 0px 0px 2px #ffffff;}

#mes_contenus, #mes_onglets{
width: 650px;