/*             */
/* CSS COMMUNS */
/*             */
html, body {
text-align: center;
font-family: Arial, Tahoma, Helvetica, sans-serif; 
font-size: 10pt;
color: white;
background-color: #400040;
/* top right bottom left */
padding: 0 0 5px 0; 
margin: 0;
background-repeat: repeat-x;
background-position: top left;
}
/* Liens */
a:link, a:visited {
font-size: 12pt;
color: black;
text-decoration: none;

background-color: inherit;
}
a:active, a:hover {
color: #ffbf00;
background-color: inherit;
}
/* Pied de Page */
#footer {
height: 25px;
text-align: center;
font-size: 8pt;
color: #000000;
text-align: center;
clear: both;
}
/* Liens Pied de Page */
#footer a:link, #footer a:visited {
color: #000000;
text-decoration: underline;
background-color: inherit;
}
#footer a:active, #footer a:hover {
color: #ffbf00;
background-color: inherit;
}
/*                  */
/* CSS POUR LE SITE */
/*                  */
/* Conteneur de la page */
#container {
width: 990px;
margin: auto;
}
/* En tête de page */
#header {
width: 990px;
height: 102px;
background-repeat: no-repeat;
background-position: top left;
text-align: right;
}
/* Lien de retour vers l'Accueil */
#header #accueil {
width: 227px;
height: 70px;
float: left;
display: block;
}
/* Texte petit Header */
#header .small {
font-size: 7pt;
float: left;
}
/* Texte normal Header */
#header .texte {
position: relative ;  
top: 70px;
font-size: 7pt;
font-weight: bold;
}
/* Publicité en tête de page */
#header img {
float: left;
border: none;
/* top right bottom left */
margin: 8px 0 0 147px;
clear: right;
}
/* Colonne Gauche */
#gauche {
width: 170px;
float: left;
}
/* Colonne Centre */
#centre {
width: 630px;
text-align: center;
float: left;
/* top right bottom left */
margin: 0 10px 0 10px;
}
/* Colonne Droite */
#droite {
width: 170px;
float: left;
}
/* CSS POUR LES BLOCS GAUCHE ET DROITE */
/* Corps Bloc Gauche & Droite */
.bloc-s {
width: 163px;
background-color: #4a7392;
text-align: center;
font-size: 7pt;
border-left: 1px solid black;
border-right: 1px solid black;
/* top right bottom left */
padding: 0 0 5px 5px;
}
/* Hack pour IE */
* html .bloc-s {
width: 170px;
}
/* Pied Bloc Gauche & Droite */
.bloc-s_foot {
width: 170px;
height: 11px;
line-height: 11px;
background-repeat: no-repeat;
background-position: top left;
margin-bottom: 11px;
}
/* Titre Bloc Membres */
.bloc-s_membres {
width: 170px;
height: 34px;
line-height: 34px;
text-indent: 40px;
font-size: 11pt;
text-align: left;
background-repeat: no-repeat;
background-position: top left;
margin: 0;
padding: 0;
}
/* Titre Bloc Partenaires */
.bloc-s_partenaires {
width: 170px;
height: 35px;
line-height: 35px;
text-indent: 40px;
font-size: 11pt;
text-align: left;
background-repeat: no-repeat;
background-position: top left;
margin: 0;
padding: 0;
}
/* Titre Bloc Recherche */
.bloc-s_recherche {
width: 170px;
height: 35px;
line-height: 35px;
text-indent: 40px;
font-size: 11pt;
text-align: left;
background-repeat: no-repeat;
background-position: top left;
margin: 0;
padding: 0;
}
/* Titre Bloc Publicité */
.bloc-s_publicite {
width: 170px;
height: 44px;
line-height: 44px;
text-indent: 51px;
font-size: 11pt;
text-align: left;
background-repeat: no-repeat;
background-position: top left;
margin: 0;
padding: 0;
}

/* Titre Bloc Membres */
.bloc-s_actuellement {
width: 170px;
height: 34px;
line-height: 34px;
text-indent: 40px;
font-size: 11pt;
text-align: left;
background-repeat: no-repeat;
background-position: top left;
margin: 0;
padding: 0;
}
/* Sous Titre Bloc Gauche */
#gauche h2 {
width: 170px;
height: 21px;
line-height: 21px;
text-indent: 13px;
color: #000000;
font-size: 10pt;
text-align: left;
background-repeat: no-repeat;
background-position: top left;
margin: 0;
padding: 0;
}
/* Menus dans les Bloc Gauche */
.menu {
padding: 0; 
margin: 0;
}
.menu li {
list-style: none; 
line-height: 16px;
text-align: left;
font-size: 9pt;
font-weight: bold;
}
.menu  a:link, .menu  a:visited {
color: white;
background-color: inherit;
text-decoration: none;
}
.menu a:active, .menu a:hover {
color: #ffbf00;
background-color: inherit;
}
/* Menus avec icône dans les Bloc Gauche */
.f, .c, .h, .t, .r, .v, .o, .s, .m, .y, .x, .u , .z{
height: 22px;
text-indent: 30px;
text-align: left;
font-weight: bold;
background-repeat: no-repeat;
background-position: top left;
}
.f {
background-image: url("images/ico-femme.jpg");
}
.c {
background-image: url("images/ico-couple.jpg");
}
.h {
background-image: url("images/ico-homme.jpg");
}
.t {
background-image: url("images/ico-top.jpg");
}
.r {
background-image: url("images/ico-recherche.jpg");
}
.v {
background-image: url("images/ico-video.jpg");
}
.m {
background-image: url("images/mail.jpg");
}
.o {
background-image: url("images/ico-top.jpg");
}
.s {
background-image: url("images/coeurmenu.jpg");
}
.y {
background-image: url("images/stat.jpg");
}
.x {
background-image: url("images/option.jpg");
}
.z {
background-image: url("images/photo.jpg");
}
.u {
background-image: url("images/profil.jpg");
}
/* Images dans les Bloc Gauche & Droite */
.bloc-s img {
border: none;
}
/* Formulaires */
form {
padding: 0;
margin: 0;
}
form p {
padding: 0;
margin: 0;
font-size: 9pt;
font-weight: bold;
}
input, select {
height: 15px;
border: 1px solid #95b8b6;
margin-top: 6px;
padding-left: 2px;
color: #60879d;
font-weight: normal;
background-color: white;
}
form, input, select {
font-size: 8pt;
font-family: Tahoma;
}
select, .select {
/* top right bottom left */
margin: 5px 0 5px 0;
border: 1px solid #95b8b6;
vertical-align: middle;
}
/* Hack pour IE */
* html input {
height: 18px;
}
/* Bouton Entrer & Rechercher*/
#entrer, #recherche {
width: 62px;
height: 21px;
border: none;
padding: 0;
}
/* CSS POUR LES BLOCS CENTRE */
/* Titre Bloc Centre */
.blobtop {
width: 630px;
height: 6px;
line-height: 6px;
font-size: 0;
background-repeat: no-repeat;
background-position: top left;
}
/* Corps Bloc Centre 4a7392 */
.blob {
width: 628px;
border-left: 1px solid black;
border-right: 1px solid black;
background-color: #C000C0;
overflow: auto;
font-weight: bold;
}
/* Corps Bloc Centre 4a7392 */
.blobmec {
width: 628px;
border-left: 1px solid black;
border-right: 1px solid black;
background-color: #000000;
overflow: auto;
font-weight: bold;
}
/* Hack pour IE */
* html .bloc-b {
width: 630px;
}
/* Pied Bloc Centre */
.blobfoot {
width: 630px;
height: 6px;
line-height: 6px;
font-size: 0;
background-repeat: no-repeat;
background-position: top left;
margin-bottom: 10px;
}
/* Titre Bloc Centre */
#centre h1 {
width: 628px;
color: white;
font-size: 11pt;
/* top right bottom left */
margin: 0 0 5px 0;
padding: 0;
}
/* Sous Titre Bloc Centre */
#centre h2 {
width: 628px;
height: 21px;
line-height: 21px;
color: #000000;
font-size: 10pt;
background-repeat: no-repeat;
background-position: top left;
/* top right bottom left */
margin: 0 0 3px 0;
padding: 0;
}
/* Images dans les Bloc Centre */
.bloc-b img {
border: none;
/* top right bottom left */
margin: 0 -1px 0 -1px;
}
/* Menu Superieur Centre */
#top-menu {
width: 630px;
height: 83px;
display: block;
padding: 0; 
/* top right bottom left */
margin: 0 0 10px 0;
}
#top-menu li {
list-style: none; 
float: left;
display: block;
}
#femmes a {
width: 126px;
height: 83px;
display: block;
}
#hommes a {
width: 126px;
height: 83px;
display: block;
}
#couples a {
width: 126px;
height: 83px;
display: block;
}
#top a {
width: 126px;
height: 83px;
display: block;
}
#search a {
width: 126px;
height: 83px;
display: block;
}

/* Bloc Accueil */
#bloc-accueil {
width: 630px;
height: 335px;
background-repeat: no-repeat;
background-position: top left;
margin-bottom: 10px;
}
/* Lien Inscription Gratuite Bloc Accueil */
#bloc-accueil a {
width: 422px;
height: 46px;
float: left;
display: inline;
/* top right bottom left */
margin: 270px 0 0 194px;
}
/* Table Membres en ligne */
table#membo {
width: 100%;
font-size: 8pt;
font-weight: bold;
border-collapse: collapse;
}
/* Table Membres en ligne - Titres */
table#membo th {
color: white;
line-height: 18px;
background-color: #ffff00;
}
/* Table Membres en ligne - Lignes */
table#membo tr {
color: #000000;
line-height: 8px;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #ffff00;
border-collapse: separate;
}
/* Hack pour IE */
* html table#membo tr {
line-height: 18px;
}

table#membo .th1 {
background-color: #819db3;
}
table#membo .th2 {
color: #0f477f;
background-color: #668ea1;
}
table#membo .online {
color: #1bde39;
background-color: inherit;
}
table#membo .offline {
color: #f6ca2d;
background-color: inherit;
}

/*                   */
/* CSS POUR LA FICHE */
/*                   */
/* Conteneur de la page */
html#fiche, body#fiche {
text-align: center;
color: white;
background-color: white;
/* top right bottom left */
padding: 0 0 5px 0; 
margin: 0;
background-repeat: repeat-x;
background-position: top left;
}
#container-fiche {
width: 750px;
margin: auto;
text-align: left;
}
/* En tête de page */
#header-fiche {
width: 750px;
height: 145px;
margin-bottom: 5px;
}
/* Hack pour IE */
* html #header-fiche {
margin-bottom: 0;
}
/* Pseudo du Membre */
#header-fiche h1 {
height: 40px;
line-height: 40px;
font-size: 11pt;
text-indent: 125px;
margin: 0;
background-repeat: no-repeat;
background-position: top left;
}
/* Fiche simple du Membre */
#header-fiche #recap {
width: 370px;
height: 105px;
float: left;
/* top right bottom left */
margin: 0 6px 0 0;
background-repeat: no-repeat;
background-position: top left;
}
#recap img, .bloc-f img {
border: 1px solid white;
float: left;
margin: 7px;
}

/* Infos du Membre */
#header-fiche #recap ul {
width: auto;
height: 105px;
/* top right bottom left */
margin: 7px 0 0 0;
padding: 0;
float: left;
list-style: none; 
}
#header-fiche #recap li {
height: 18px;
}
/* Menu Superieur */
#header-fiche #top-menu {
width: 372px;
height: 105px;
padding: 0; 
margin: 0;
float: left;
}
#header-fiche #top-menu img {
float: left;
/* top right bottom left */
margin: 0 0 0 4px;
border: none;
}
/* Début Bloc Fiche */
.bloc-f_top {
width: 750px;
height: 6px;
line-height: 6px;
font-size: 0;
background-repeat: no-repeat;
background-position: top left;
clear: both;
}
/* Corps Bloc Fiche */
.bloc-f {
width: 748px;
border-left: 1px solid black;
border-right: 1px solid black;
background-color: #4a7392;
font-weight: bold;
}
/* Hack pour IE */
* html .bloc-f {
width: 750px;
}
/* Pied Bloc Fiche */
.bloc-f_foot {
width: 750px;
height: 6px;
line-height: 6px;
font-size: 0;
background-repeat: no-repeat;
background-position: top left;
margin-bottom: 10px;
}
/* Images Bloc Fiche */
.bloc-f img {
float: left;
/* top right bottom left */
margin: 0 0 7px 7px;
}
/* Petits Titres Bloc Fiche */
.bloc-f h2 {
width: 313px;
height: 21px;
line-height: 21px;
color: #0e467e;
font-size: 10pt;
text-indent: 15px;
background-repeat: no-repeat;
background-position: top left;
float: right;
/* top right bottom left */
margin: 0 0 5px 0;
padding: 0;
}
/* Infos du Membre */
.bloc-f ul {
width: 300px;
/* top right bottom left */
margin: 0 0 7px 7px;
padding: 0;
float: left;
list-style: none; 
}
.bloc-f li {
height: 18px;
color: #cbe4ee;
font-weight: normal;
}
.bloc-f li span {
color: #1bde39;
font-weight: bold;
}
/* Grands Titres Bloc Fiche */
.bloc-f h1 {
width: 748px;
height: 21px;
line-height: 21px;
color: #0e467e;
font-size: 10pt;
text-indent: 25px;
background-repeat: no-repeat;
background-position: top left;
margin: 0;
padding: 0;
clear: both;
}
/* Boutons Msn et Skype */
.add {
border: none !important;
/* top right bottom left */
margin: 5px 5px 0 9px !important;
}
/* Titre Bloc Blanc Bloc Fiche */
.bloc-f_blanc-top {
width: 733px;
height: 25px;
background-repeat: no-repeat;
background-position: top left;
/* top right bottom left */
margin: 7px 0 0 6px;
padding-top: 4px;
}
/* Icones Bloc Blanc Bloc Fiche */
.fe {
width: 400px;
height: 20px;
line-height: 20px;
background-repeat: no-repeat;
background-position: top left;
color: #224c6b;
text-indent: 27px;
margin-left: 5px;
}
.ho {
width: 400px;
height: 20px;
line-height: 20px;
background-repeat: no-repeat;
background-position: top left;
color: #224c6b;
text-indent: 27px;
margin-left: 5px;
}
.cp {
width: 400px;
height: 20px;
line-height: 20px;
background-repeat: no-repeat;
background-position: top left;
color: #224c6b;
text-indent: 27px;
margin-left: 5px;
}
/* Date Bloc Blanc Bloc Fiche */
.bloc-f_blanc-top span {
color: #224c6b;
float: right;
margin-right: 5px;
}
/* Bloc Blanc Bloc Fiche */
.bloc-f_blanc {
width: 721px;
color: black;
font-weight: normal;
background-color: white;
/* top right bottom left */
margin: 0 0 0 6px;
/* top right bottom left */
padding: 0 5px 0 5px;
border-left: 1px solid #09304d;
border-right: 1px solid #09304d;
overflow: auto;
}
/* Hack pour IE */
* html .bloc-f_blanc {
width: 733px;
}
/* Date Bloc Blanc Bloc Fiche */
.bloc-f_blanc img {
float: left;
/* top right bottom left */
margin: 0 5px 0 0;
}
/* Pied Bloc Blanc Bloc Fiche */
.bloc-f_blanc-foot {
width: 733px;
height: 6px;
background-repeat: no-repeat;
background-position: top left;
/* top right bottom left */
margin: 0 0 0 6px;
}
/* Titre Bloc Blanc Bloc Fiche */
.bloc-f_blanc-top-messagerie {
width: 603px;
height: 25px;
background-repeat: no-repeat;
background-position: top left;
/* top right bottom left */
margin: 7px 0 0 6px;
padding-top: 4px;
}
/* Icones Bloc Blanc Bloc Fiche */
.fe2 {
width: 450px;
height: 20px;
line-height: 20px;
background-repeat: no-repeat;
background-position: top left;
color: #224c6b;
text-indent: 27px;
margin-left: 5px;
}
.ho2 {
width: 450px;
height: 20px;
line-height: 20px;
background-repeat: no-repeat;
background-position: top left;
color: #224c6b;
text-indent: 27px;
margin-left: 5px;
}
.cp2 {
width: 450px;
height: 20px;
line-height: 20px;
background-repeat: no-repeat;
background-position: top left;
color: #224c6b;
text-indent: 27px;
margin-left: 5px;
}
/* Date Bloc Blanc Bloc Fiche */
.bloc-f_blanc-top-messagerie span {
color: #224c6b;
float: right;
margin-right: 5px;
}
/* Bloc Blanc Bloc Fiche */
.bloc-f_blanc-messagerie {
width: 591px;
color: black;
font-weight: normal;
background-color: white;
/* top right bottom left */
margin: 0 0 0 6px;
/* top right bottom left */
padding: 0 5px 0 5px;
border-left: 1px solid #09304d;
border-right: 1px solid #09304d;
overflow: auto;
}
/* Hack pour IE */
* html .bloc-f_blanc-messagerie {
width: 603px;
}
/* Date Bloc Blanc Bloc Fiche */
.bloc-f_blanc-messagerie img {
float: left;
/* top right bottom left */
margin: 0 5px 0 0;
}
/* Pied Bloc Blanc Bloc Fiche */
.bloc-f_blanc-foot-messagerie {
width: 603px;
height: 6px;
background-repeat: no-repeat;
background-position: top left;
/* top right bottom left */
margin: 0 0 0 6px;
}
/* Slogan Pied de page */
#slogan {
color: black;
float: right;
font-size: 11pt;
font-weight: bold;
color: #47708e;
background-color: white;
margin-bottom: 10px;
}
/* Navigation Pied de page */
#nav {
text-align: center;
margin-top: 5px;
}
.barre {
	
	cursor: pointer;
	/*cursor: hand;*/
}
.go {
text-indent:-5000px;
width:100px;
height:21px;
border:none;
background: transparent url(images/button2.jpg) no-repeat center center;
}