/* Général */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background-image: url(img/fond.gif);
background-repeat: repeat-x;
background-color: #000000;
scrollbar-face-color:#074FA5;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #DA185A;
scrollbar-darkshadow-color: #fff;
scrollbar-shadow-color: #DA185A;
scrollbar-arrow-color: #fff;
scrollbar-track-color: #DA185A;
}

/* titres */
h1 {
font-size: 13px;
font-weight: bold;
color: #e4700b;
margin: 0 10px 0 10px;
}

h2 {
font-size: 13px;
font-weight: bold;
color: #E2F0E1;
margin: 0 10px 0 10px;
}

/* backgrounds */
.fond-gauche {
background-image: url(img/gauche-fond.gif);
background-repeat: repeat-y;
}

.fond-droite {
background-image: url(img/droite-fond.gif);
background-repeat: repeat-y;
}

.fond-contenu {
background-image: url(img/contenu-fond.gif);
background-repeat: repeat-y;
}

/* Textes */
.texte {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
}

.texte a {
color: #e4700b;
}

.texte a:hover {
text-decoration: none;
color: #000000;
}

.texte2 {
background-image: url(img/contenu-pseudo-visites.gif);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
text-align: right;
height: 28px;
padding: 7px 20px 0 0;
}

.texte2 a {
color: #FCD3E7;
text-decoration: none;
}

.texte2 a:hover {
text-decoration: none;
color: #DDF5FE;
}

.centre {
text-align: center;
}

/* Menu droite et gauche */
.menu {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #e4700b;
}

.menu a {
color: #e4700b;
text-decoration: none;
}

.menu a:hover {
text-decoration: none;
color: #000000;
}

/* Contours thumbs */
.thumbs2 {
padding: 5px 0 0 15px;
}

/* Contours vidéo du jour */
.thumbs3 {
padding: 5px 0 0 7px;
}

/* Thumbs 90x90 */
.thumbs {
background-image: url(img/fond-thumb.gif);
background-repeat: no-repeat;
padding: 15px 0 0 22px;
height: 120px;
}

/* skyscraper */
#sky {
padding: 0 0 0 15px;
}

/* menu contenu*/
.fond-menu {
background-image: url(img/menu-fond.gif);
background-repeat: no-repeat;
height: 52px;
}

ul.porno
{
margin: 0;
padding: 0;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul.porno li
{
text-align: center;
margin: 0;
padding: 0;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul.porno li a
{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 121px ;
height: 52px ;
color: #21511F;
text-decoration: none ;
background: url(img/porno.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
}

ul.porno li a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
background: url(img/porno.gif) no-repeat 0 -52px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
color: #E8F99B;
}

ul.sexy
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul.sexy li
{
text-align: center;
margin: 0 ;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul.sexy li a
{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 121px ;
line-height: 52px ;
color: #21511F;
text-decoration: none ;
background: url(img/sexy.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
}

ul.sexy li a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
background: url(img/sexy.gif) no-repeat 0 -52px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
color: #E8F99B;
}

ul.bonus
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul.bonus li
{
text-align: center;
margin: 0 ;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul.bonus li a
{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 121px ;
line-height: 52px ;
color: #21511F;
text-decoration: none ;
background: url(img/bonus.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
}

ul.bonus li a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
background: url(img/bonus.gif) no-repeat 0 -52px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
color: #E8F99B;
}

/* Pied de page */
#footer {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #fff;
}

#footer a {
color: #fff;
}

#footer a:hover {
text-decoration: none;
color: #F692BB;
}

/* autres balises & formulaires */
p {margin: 0 10px 0 10px;}

input {
margin: 5px 0 0 10px;
border:2px solid #e4700b;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
color:#e4700b;
}