body{
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
text-align: justify;
}
/******************* TEXTES ET LIENS */
p, h1, h2, h3, h4, h5, h6{
margin: 0;
padding: 0;
}
h3{
padding: 0 10px 0 0;
font-size: 11px;
text-align:right;
font-weight:bold;
color:#657da9; 
}
h4{
margin:0;
padding: 0 10px 0 0;
font-size: 12px;
text-align:right;
font-weight:bold;
color:#136af5; 
}
.style1 {color: #FF0000}
.hr{
margin: 0 0 0 10px;
}
a{
outline: none;
color: #333333;
text-decoration: none;
}
a:hover{
color: #333333;
text-decoration:underline;
}
.noBorder{
border: none;
}
/******************* BASE */
#general{
width: 920px;
display: table;
margin: 0 auto 0 auto;
}
#header{
width: 920px;
height: 141px;
background: transparent url(images/base/header.jpg) no-repeat;
}
#header h1 a{ 
display: block; 
width: 350px;  
height: 45px; 
font-size: 12px; 
text-indent: -9000px; 
position: relative; 
top:50px; 
}
/******************* Login Mot de Passe Accueil */
#headerDroit{
width: 225px;
margin: 10px 0 0 0;
float: right;
}
.inputAccueil{
font-size: 10px;
color: #666666;
width: 115px;
height: 15px;
border: #dcdcdc solid 1px;
margin: 0 0 2px 0;
padding: 0 0 0 2px;
}
.inputAccueilInscription{
font-size: 12px;
color: #000000;
width: 115px;
height: 18px;
border: #dcdcdc solid 1px;
margin: 0 0 2px 0;
padding: 0 0 0 2px;
}
.formAccueil{
width: 125px;
display: block;
float: left;
}
.formAccueil a{
font-size: 10px;
}
.boutonMdp a {
background: transparent url(images/boutons/boutonValiderAccesDirect.jpg) 0 -17px no-repeat;
width: 29px; 
height:17px; 
display: block; 
text-decoration: none;
float: left;
}
.boutonMdp a:hover {
background: transparent url(images/boutons/boutonValiderAccesDirect.jpg) 0 0 no-repeat;
text-decoration: none;
}
#fondSite{
width: 920px;
/*height: table;*/
height: 390px;
background: transparent url(images/base/fondSiteAccueil.jpg) repeat-y;
}
#fondSite2{
width: 920px;
height: table;
background: transparent url(images/base/fondSiteAccueil.jpg) repeat-y;
}
#imageFemme{
width: 178px;
height: 258px;
float: left;
}
#informationsAccueil{
width: 376px;
height: 134px;
float: left;
background: transparent url(images/illustrations/informationsAccueil.jpg) 0px 0px no-repeat;

}
/******************* BOUTON INSCRIPTION */
#boutonInscription{
width: 540px;
height: 390px;
float: left;
display: block;
}
#boutonInscription p{
text-indent: -9000px;
width: 373px;
height: 74px;
display: block;
background: transparent url(images/boutons/boutonInscriptionGratuite.jpg) no-repeat;
}

#titreWebcamdial{
position: relative;
right: 27px;
top: 0px;
width: 338px;
height: 375px;
float: right;
border: #DCDCDC solid 1px;
background: transparent url(images/base/backgroundCadres.png) repeat-x;
}
#titreWebcamdial h2{
margin: 0;
padding: 0;
text-indent: -9000px;
width: 338px;
height: 24px;
display: block;
background: transparent url(images/titres/titreWebcamdial.jpg) no-repeat;
}
.texte p{
padding: 0px;
font-family: sans-serif;
font-size:12px;
}
#titreTopAnnonces{
width: 879px;
display: table;
margin: 10px auto 0 auto;
border: #DCDCDC solid 1px;
background: transparent url(images/base/backgroundCadres.png) repeat-x;
}
#titreTopAnnonces h2{
margin: 0;
padding: 0;
text-indent: -9000px;
width: 879px;
height: 24px;
display: block;
background: transparent url(images/titres/titreAnnoncesMembres.jpg) no-repeat;
}
/******************** Membres Accueil */
.membresAccueil{
width: 288px;
height: 154px;
position: relative;
top: 5px;
left: 5px;
background: transparent url(images/illustrations/fondMembreAccueil.gif) 0 0 no-repeat;
float: left;
margin: 0 3px 0 0;
padding: 0 0 15px 0;
}
.photoMembreAccueil{
width: 88px;
height: 117px;
padding: 16px 0 0 17px;
float: left;
}
.zoneTexteMembreAccueil{
width: 158px;
height: 117px;
margin: 16px 0 0 13px;
float: left;
}
.texteMembreAccueil{
width: 138px;
position: relative;
left: 5px;
float: left;
}
/******************** Liens Homme Accueil */
.titreMembreAccueilHomme a{
width: 128px;
display: block;
padding: 0;
color: #657da9;
border-bottom: #657da9 solid 1px;
position: relative;
left: 25px;
bottom: 20px;
text-decoration: none;
}
.titreMembreAccueilHomme a:hover{
color: #2e4a7f;
text-decoration: none;
}
/******************** Liens Femme Accueil */
.titreMembreAccueilFemme a{
width: 128px;
display: block;
padding: 0;
color: #a00100;
border-bottom: #a00100 solid 1px;
position: relative;
left: 25px;
bottom: 20px;
text-decoration: none;
}
.titreMembreAccueilFemme a:hover{
color: #5b0201;
text-decoration: none;
}
/******************** Liens Couple Hetero */
.titreMembreAccueilCouple a{
width: 128px;
display: block;
padding: 0;
color: #a00100;
border-bottom: #657da9 solid 1px;
position: relative;
left: 25px;
bottom: 20px;
text-decoration: none;
}
.titreMembreAccueilCouple a:hover{
color: #5b0201;
text-decoration: none;
}
/******************** Liens Mixte */
.titreMembreAccueilMixte a{
width: 128px;
display: block;
padding: 0;
color: #ff8011;
border-bottom: #ff8011 solid 1px;
position: relative;
left: 25px;
bottom: 20px;
text-decoration: none;
}
.titreMembreAccueilMixte a:hover{
color: #e37902;
text-decoration: none;
}
.footer{
padding: 10px;
width: 849px;
display: table;
margin: 10px auto 0 auto;
border: #DCDCDC solid 1px;
background: transparent url(images/base/backgroundCadres.png) repeat-x;
}
.rouge{
color: #d80008;
}
/******************* PAGE PROFIL DES MEMBRES */