/* -----------------------------------------------------------------------body--------------------------------------------------------------- */
body
{
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #FFCCFF;
}
/* --------------------------------------------------------------bordure image--------------------------------------------------------------- */
img
{
border: none;
}
/* --------------------------------------------------------------header haut------------------------------------------------------------------- */
#header_haut
{
background: url("fond/fond_header_haut.jpg") no-repeat;
width: 1000px;
height: 250px;
margin: auto;
text-align: center;
border-style: solid;
border-color: red;
border-width: 1px;
}
#header_haut_gay
{
background: url("fond/fond_header_haut_gay.jpg") no-repeat;
width: 1000px;
height: 250px;
margin: auto;
text-align: center;
border-style: solid;
border-color: red;
border-width: 1px;
}
#header_haut #banniere_header, #header_haut_gay #banniere_header
{
margin: auto;
text-align: center;
padding-top: 90px;
}
#header_haut h1, #header_haut_gay h1
{
text-indent: -50000px;
}
/* --------------------------------------------------------------header bas------------------------------------------------------------------- */
#header_bas
{
background: url("fond/fond_header_bas.jpg") no-repeat;
width: 1000px;
height: 25px;
margin: auto;
text-align: center;
border-style: solid;
border-color: red;
border-width: 0 1px 1px 1px;
}
/* ------------------------------------------------------------------corps principal---------------------------------------------------------------- */
#corps_principal
{
margin: auto;
text-align: center;
border-collapse: collapse;
background-image: url("fond/fond_header_bas.jpg");
border-style: solid;
border-color: red;
border-width: 0 1px 1px 1px;
}
table
{
border-collapse: collapse;
margin: auto;
text-align: center;
}
/* -------------------------------------------------------------colonne dans corps principal-------------------------------------------------------- */
.colonne_gauche, .colonne_droite
{
vertical-align: top;
width: 155px;
height: 500px;
}
.colonne_centre
{
vertical-align: top;
width: 680px;
height: 100px;
}
/* -----------------------------------------------------------------rubrique dans colonne gauche et droite------------------------------------------------------------------- */
.rubrique_titre
{
background-image: url("fond/rubrique_titre.png");
width: 155px;
height: 50px;
vertical-align: middle;
}
.rubrique_titre2
{
background-image: url("fond/rubrique_titre2.png");
width: 155px;
height: 35px;
vertical-align: middle;
padding-top: 15px;
}
.rubrique_contenu
{
background-image: url("fond/rubrique_contenu.png");
width: 155px;
height: 25px;
text-align: left;
vertical-align: top;
padding: 0 5px 0 5px;
}
/* ------debut-------attention pas utilisé----en attente--------------------- */
.rubrique_contenu_part
{
text-align: left;
width: 150px;
height: 15px;
background-image: url("fond/rubrique_contenu.png");
font-size: 8pt;
line-height: 1.6em;
font-weight: normal;
font-family: Verdana, Arial;
padding-left: 10px;
}
/* ------fin-------attention pas utilisé----en attente--------------------- */
.rubrique_bas
{
background-image: url("fond/rubrique_bas.png");
width: 155px;
height: 25px;
}
/* -----------------------------------------------------------------écriture dans rubrique gauche et droite------------------------------------------------------------------- */
.rubrique_titre span, .rubrique_titre2 a
{
font-family: "Bitstream Vera Serif", "Calligraph421 BT", "Avery Standard", Verdana, Arial;
font-size: 9pt;
font-weight: bold;
color: black;
letter-spacing: 0.3px;
text-decoration: none;
}
.rubrique_titre2 a:hover
{
text-decoration: underline overline;
font-style: italic;
color: green;
}
.rubrique_contenu span
{
font-family: Verdana, Arial;
font-size: 8pt;
color: black;
padding-left: 3px;
text-decoration: none;
line-height: 1.5em;
}
.rubrique_contenu a
{
font-family: Verdana, Arial;
font-size: 8pt;
color: black;
padding-left: 4px;
text-decoration: none;
color: blue;
line-height: 1.5em;
}
.rubrique_contenu a:hover
{
text-decoration: underline overline;
font-style: italic;
color: green;
}
/* ------debut-------attention pas utilisé----en attente--------------------- */
.rubrique_contenu_part a
{
text-decoration: none;
padding-left: 3px;
font-size: 8pt;
font-family: Verdana, Arial;
color: blue;
font-weight: normal;
}
.rubrique_contenu_part a:hover
{
color: green;
font-style: italic;
font-weight: bold;
}
/* ------fin-------attention pas utilisé----en attente--------------------- */
/* ----------------------------------------------------------------tableau pub------------------------------------------------------------------- */
.pub_haut
{
background-image: url("fond/rubrique_haut.png");
width: 155px;
height: 30px;
margin: auto;
}
.pub_milieu/*--xponsor--*/
{
background-image: url("fond/rubrique_contenu.png");
width: 155px;
height: 310px;
margin: auto;
text-align: center;
}
.pub_milieu_2/*--carpediem-*/
{
background-image: url("fond/rubrique_contenu.png");
width: 155px;
height: 100px;
margin: auto;
text-align: center;
}
.pub_bas
{
background-image: url("fond/rubrique_bas.png");
width: 155px;
height: 20px;
margin: auto;
}
/* ----------------------------------------------------------------tableau 325x200------------------------------------------------------------------- */
.tableau325_haut
{
background-image: url("fond/tableau325_haut.png");
width: 325px;
height: 50px;
margin: auto;
text-align: center;
}
.tableau325_haut h2
{
padding-top: 12px;
font-family: "Bitstream Vera Serif", "Avery Standard", Verdana, Arial;
font-size: 10pt;
font-weight: bold;
color: black;
letter-spacing: 0.4px;
text-decoration: none;
}
.tableau325_milieu
{
background-image: url("fond/tableau325_milieu.png");
width: 325px;
height: 240px;
margin: auto;
text-align: center;
}
.tableau325_milieu span
{
padding-top: 4px;
padding-bottom: 4px;
font-family: Verdana, Arial;
font-size: 8pt;
font-weight: bold;
color: red;
}
.tableau325_bas
{
background-image: url("fond/tableau325_bas.png");
width: 325px;
height: 30px;
margin: auto;
text-align: center;
}
/* ----------------------------------------------------------------tableau 468x60------------------------------------------------------------------- */
.tableau468x60_haut
{
background-image: url("fond/tableau468x60_haut.png");
width: 479px;
height: 30px;
margin: auto;
text-align: center;
}
.tableau468x60_haut_2
{
background-image: url("fond/tableau468x60_haut_2.png");
width: 479px;
height: 42px;
margin: auto;
text-align: center;
margin-top: 10px;
}
.tableau468x60_haut_2_1
{
background-image: url("fond/tableau468x60_haut_2.png");
width: 479px;
max-height: 40px;
margin: auto;
text-align: center;
}
.tableau468x60_milieu
{
background-image: url("fond/tableau468x60_milieu.png");
width: 479px;
height: 60px;
margin: auto;
text-align: center;
}
.tableau468x250_milieu_rencontre
{
background-image: url("fond/tableau468x60_milieu.png");
width: 479px;
height: 260px;
margin: auto;
text-align: center;
}
.tableau468x120_milieu_rencontre_2
{
background-image: url("fond/tableau468x60_milieu.png");
width: 479px;
height: 130px;
margin: auto;
text-align: center;
}
.tableau468x60_bas
{
background-image: url("fond/tableau468x60_bas.png");
width: 479px;
height: 20px;
margin: auto;
text-align: center;
}
/* ------écriture dans 468x60------ */
.tableau468x60_haut_2 h2
{
padding-top: 15px;
font-family: "Bitstream Vera Serif", "Calligraph421 BT", "Avery Standard", Verdana, Arial;
font-size: 10pt;
font-weight: bold;
color: black;
letter-spacing: 0.3px;
text-decoration: none;
}
.tableau468x60_haut_2_1 h2
{
vertical-align: middle;
padding-top: 7px;
font-family: "Bitstream Vera Serif", "Calligraph421 BT", "Avery Standard", Verdana, Arial;
font-size: 10pt;
font-weight: bold;
color: black;
letter-spacing: 0.3px;
text-decoration: none;
}
.tableau468x60_milieu p, .tableau468x60_milieu span, p
{
margin: auto;
text-align: center;
padding-top: 5px;
font-family: Verdana, Arial;
font-size: 8pt;
font-weight: normal;
color: black;
line-height: 1.5em;
}
.tableau468x60_milieu  .titre_gras
{
padding-top: 5px;
font-family: Verdana, Arial;
font-size: 8pt;
font-weight: bold;
color: black;
line-height: 1.5em;
}
.tableau468x60_milieu .titre_avertissement
{
font-family: Verdana, Arial;
font-size: 8pt;
font-weight: bold;
color: red;
line-height: 1.5em;
}
.tableau468x60_milieu  strong
{
font-weight: normal;
}
.tableau468x60_milieu  ul
{
margin: left;
text-align: left;
padding-left: 30px;
font-family: Verdana, Arial;
font-size: 8pt;
font-weight: normal;
color: black;
line-height: 1.5em;
}
/* -----------------------------------------------------------------écriture dans colonne centre hors tableau------------------------------------------------------------------- */
#titre_principal
{
font-family: "Calligraph421 BT", "Avery Standard", "Bradley Hand ITC", Verdana, Arial;
font-size: 18pt;
font-weight: bolder;
color: black;
text-decoration: underline;
line-height: 1.8em;
}
/* -----alignement dans colonne centre------ */
.contenu_sponsor
{
padding-top: 15px;
padding-bottom: 10px;
margin: auto;
text-align: center;
}
.contenu_sponsor_2/* -----contenu au dessus de c_s_3------ */
{
padding-top: 15px;
padding-bottom: 2px;
margin: auto;
text-align: center;
}
.contenu_sponsor_3/* -----contenu au dessous de c_s_2------ */
{
padding-top: 2px;
padding-bottom: 20px;
margin: auto;
text-align: center;
}
.contenu_sponsor_4/* -----contenu au dessus de tableau photo 2------ */
{
padding-top: 15px;
margin: auto;
text-align: center;
}
.titre_secondaire /*--h2--*/
{
padding-top: 10px;
padding-bottom: 20px;
margin: auto;
text-align: center;
font-family: Verdana, Arial;
font-size: 10pt;
font-weight: bold;
color: red;
line-height: 1.5em;
}
.colonne_centre h3
{
padding-top: 10px;
padding-bottom: 10px;
margin: auto;
text-align: center;
font-family: "Avery Standard", "Bradley Hand ITC", Verdana, Arial;
font-size: 11pt;
font-weight: bold;
color: black;
text-decoration: underline;
}
.colonne_centre p
{
margin: auto;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
font-family: Verdana, Arial;
font-size: 8pt;
font-weight: normal;
color: black;
line-height: 1.5em;
}
.contenu_newsletter
{
margin: auto;
text-align: center;
}
ul
{
margin: left;
text-align: left;
padding-left: 30px;
font-family: Verdana, Arial;
font-size: 8pt;
font-weight: normal;
color: black;
line-height: 1.5em;
}


/* ----------------------------------------------------------------tableau partenaire iframe------------------------------------------------------------------- */
#iframe_partenaire_haut
{
background-image: url("fond/banniere_partenaire_haut.png");
width: 400px;
height: 40px;
margin: auto;
text-align: center;
font-family: "Bitstream Vera Serif", "Calligraph421 BT", "Avery Standard", Verdana, Arial;
font-size: 9pt;
font-weight: bold;
color: black;
letter-spacing: 0.3px;
text-decoration: none;
padding-top: 10px;
}
#iframe_partenaire_milieu
{
background-image: url("fond/banniere_partenaire_milieu.png");
width: 400px;
height: 40px;
margin: auto;
text-align: center;
}
#iframe_partenaire_bas
{
background-image: url("fond/banniere_partenaire_bas.png");
width: 400px;
height: 30px;
margin: auto;
text-align: center;
}
/*----outil comptage ----*/
.compteur
{
margin: auto;
text-align: center;
}

/* ------------tableau page //augmenter vos revenus//augementer trafic//---------- */
#liste_site
{
margin: auto;
text-align: left;
width: 510px;
margin-top: 5px;
}
#liste_site td
{
text-align: center;
width: 170px;
vertical-align: top;
}
.page
{
font-size: 10pt;
font-family: Verdana, Arial;
font-weight: bold;
color: maroon;
}
.puce
{
text-align: center;
margin: auto;
width: 140px;
}
/*--ancre--*/
#liste_site .puce li, #liste_site .puce a
{
text-align: left;
font-size: 10pt;
font-family: Verdana, Arial;
text-decoration: none;
color: blue;
}
#liste_site .puce a:hover
{
color: green;
font-style: italic;
}
.list_numerique ol
{
list-style-type: decimal;
padding-left: 100px;
text-align: left;
line-height: 1.5em;
}
.list_numerique a
{
font-size: 9pt;
font-family: Verdana, Arial;
text-decoration: none;
color: green;
}
.list_numerique a:hover
{
text-decoration: underline overline;
font-weight: bold;
color: red;
}
/* ----------------------------------------------------------pg showlive hetero - gay-------------------------------------------------------------- */
.ecran_webcam_haut
{
background-image: url("fond/ecran_pour_webcam_haut.png");
width: 500px;
height: 50px;
margin: auto;
text-align: center;
}
.ecran_webcam_bas
{
background-image: url("fond/ecran_pour_webcam_bas.png");
width: 500px;
height: 600px;
margin: auto;
text-align: center;
}
.ecran_webcam_haut_gay
{
background-image: url("fond/ecran_pour_webcam_haut_gay.png");
width: 350px;
height: 50px;
margin: auto;
text-align: center;
}
.ecran_webcam_bas_gay
{
background-image: url("fond/ecran_pour_webcam_bas_gay.png");
width: 350px;
height: 500px;
margin: auto;
text-align: center;
}
.autres_webcams
{
margin: auto;
text-align: center;
}
.autres_webcams td
{
width: 130px;
height: 250px;
margin: auto;
text-align: center;
}
/* ------------------------- tableau zone_privilege_xp------------------------*/
#zone_privilege_xp
{
margin: auto;
text-align: center;
}
.zone_privilege_xp_fond
{
text-align: center;
margin: auto;
background-image: url("fond/ban350x240.png");
width: 360px;
height: 260px;
}