html,body {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#e8f5eb;
background-color:#FFF;
background-image:url("images/background.jpg");
background-repeat:repeat-x;
background-position:top left;
margin:0;
padding:0 0 5px;
}

p {
margin:0;
}

#boutonimage {
height: 22px;
cursor:pointer;
}

a:link,a:visited {
color:#e8f5eb;
text-decoration:none;
}

a:active,a:hover {
color: #ffbf00;
}

#footer {
height:25px;
font-size:8pt;
color:#376189;
text-align:center;
clear:both;
}

#footer a:link,#footer a:visited {
color:#376189;
text-decoration:underline;
background-color:inherit;
}

#centre {
width:630px;
text-align:center;
float:left;
margin:0 10px;
}

#header img {
float: right;
border: none;
margin-right: 6px;
}
/* Texte Bloc Accueil */
#bloc-accueil2 div {
width: 300px;
height: 210px;
font-size: 10pt;
color: black;
background-color: inherit;
text-indent: 0;
font-weight: normal;
/* top right bottom left */
margin: 55px 0 0 280px;
}



#bloc-accueil2 {
width:630px;
height:335px;
cursor:pointer;
background-image:url("images/bloc-accueil2.jpg");
background-repeat:no-repeat;
background-position:top left;
margin-bottom:10px;
}














#centre2 {
width:630px;
text-align:center;
margin:0 10px;
}

#mychat {
border:solid 8px #376189;
width:380px;
height:390px;
float:left;
background-image:url(http://www.visiocam.fr/images/fontmsn3.gif);
list-style-type:none;
overflow:hidden;
}

#mychat li {
cursor:pointer;
text-align:left;
font-family:Arial, Tahoma, Helvetica, sans-serif;
font-size:10pt;
color:#000;
list-style-type:none;
display:block;
margin:3px 0 0 12px;
}

#userz {
border:solid 8px #376189;
background-image:url(http://www.visiocam.fr/images/fontmsn3.gif);
width:170px;
height:390px;
float:right;
overflow:hidden;
display:block;
}

#userz li {
cursor:pointer;
list-style-type:none;
font-family:Arial, Tahoma, Helvetica, sans-serif;
font-size:10pt;
color:#000;
}

#userz li img {
cursor:pointer;
position:absolute;
right:15px;
}

#closer {
cursor:pointer;
float:right;
text-align:right;
line-height:15px;
font-size:10pt;
color:red;
}

.flash {
background:#FF3;
width:100%;
background-image:url(http://www.visiocam.fr/images/flash.gif);
margin:0;
}

.focus {
border:thin;
background:#0F0;
width:100%;
}

#temoin {
cursor:pointer;
position:absolute;
bottom:0;
right:0;
border:solid;
height:60px;
width:200px;
background:url(http://www.visiocam.fr/images/flashmessage.gif);
}

#chat {
position:absolute;
top:0;
right:0;
width:600px;
height:100px;
}

#content {
border:solid #376189;
background:url(http://www.visiocam.fr/images/arriere-chat.jpg);
}

#imgz {
cursor:pointer;
overflow:hidden;
width:400px;
margin-left:15px;
}

#message {
width:370px;
font-family:Arial, Tahoma, Helvetica, sans-serif;
font-size:10pt;
color:#000;
padding:4px;
}

#envoyer {
cursor:pointer;
height:25px;
width:70px;
}



.bloc-s {
background-color: #4a7392;
text-align:center;
font-size:7pt;
border-left:1px solid #09304d;
border-right:1px solid #09304d;
padding:0 0 5px 5px;
}

* html .bloc-s {
width:170px;
}

.bloc-s_foot {
width:170px;
height:12px;
line-height:12px;
background-image:url("images/bloc-s_foot.jpg");
background-repeat:no-repeat;
background-position:top left;
margin-bottom:12px;
}

.bloc-s_membres {
width:170px;
height:25px;
line-height:25px;
text-indent:40px;
font-size:11pt;
text-align:left;
background-image:url("images/titre-membres.jpg");
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding:0;
}

.bloc-s_partenaires {
width:170px;
height:25px;
line-height:25px;
text-indent:40px;
font-size:11pt;
text-align:left;
background-image:url("images/titre-partenaires.jpg");
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding:0;
}

.bloc-s_recherche {
width:170px;
height:25px;
line-height:25px;
text-indent:40px;
font-size:11pt;
text-align:left;
background-image:url("images/titre-recherche.jpg");
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding:0;
}

.bloc-s_publicite {
width:170px;
height:25px;
line-height:25px;
text-indent:51px;
font-size:11pt;
text-align:left;
background-image:url("images/titre-pub.jpg");
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding:0;
}

.bloc-s_actuellement {
width:170px;
height:34px;
line-height:34px;
text-indent:40px;
font-size:11pt;
text-align:left;
background-image:url("images/titre-actuellement.jpg");
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding:0;
}

#gauche h2 {
width:170px;
height:21px;
line-height:21px;
text-indent:13px;
color:#376189;
font-size:8pt;
text-align:left;
background-image:url("images/sous-titre.jpg");
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding:0;
}

#gauche h3 {
width:170px;
height:21px;
line-height:21px;
text-indent:13px;
color:#e8f5eb;
font-size:10pt;
text-align:center;
background-image:url("images/sous-titre.jpg");
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding:0;
}
#gauche h4 {

color:#fabd00;

}


.menu li {
list-style:none;
line-height:16px;
text-align:left;
font-size:9pt;
font-weight:700;
}

.menu a:link,.menu a:visited {
color:#e8f5eb;
background-color:inherit;
text-decoration:none;
}

.f,.c,.h,.t,.r,.v,.o,.s,.m,.y,.x,.u,.z,.k,.a,.q,.w,.b {
height:22px;
text-indent:30px;
text-align:left;
font-weight:700;
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");
}

.r {
background-image:url("images/ico-recherche.jpg");
}

.v {
background-image:url("images/ico-video.jpg");
}

.m {
background-image:url("images/mail.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");
}

.a {
background-image:url("images/ico-album.jpg");
}

.k {
background-image:url("images/visiteur.jpg");
}

.q {
background-image:url("images/microcam.gif");
}

.w {
background-image:url("images/ico-amis.jpg");
}

.b {
background-image:url("images/ico-notification.jpg");
}

.bloc-s img {
border:none;
}

form p {
font-size:9pt;
font-weight:700;
margin:0;
padding:0;
}

input,select {

color:#60879d;

}

form,input,select {
font-size:8pt;
font-family:Tahoma;
}

select,.select {
border:1px solid #95b8b6;
vertical-align:middle;
margin:5px 0;
}

* html input {
height:18px;
}

#entrer,#recherche {
width:62px;
height:21px;
border:none;
padding:0;
}

.bloc-b_top {
width:630px;
height:10px;
line-height:10px;
font-size:0;
background-image:url("images/bloc-b_top.jpg");
background-repeat:no-repeat;
background-position:top left;
}

.bloc-b_top1 {
width:630px;
height:18px;
line-height:18px;
font-size:0;
background-image:url("images/bloc-b_top1.jpg");
background-repeat:no-repeat;
background-position:top left;
}

.bloc-b {
width:628px;
border-left:1px solid #09304d;
border-right:1px solid #09304d;
background-color: #4a7392;
overflow:auto;
font-weight:700;
}

* html .bloc-b {
width:630px;
}

.bloc-b_foot {
width:630px;
height:18px;
line-height:16px;
font-size:0;
background-image:url("images/bloc-b_foot.jpg");
background-repeat:no-repeat;
background-position:top left;
margin-bottom:10px;
}

.bloc-b_foot1 {
width:630px;
height:16px;
line-height:16px;
font-size:0;
background-image:url("images/bloc-b_foot1.jpg");
background-repeat:no-repeat;
background-position:top left;
margin-bottom:10px;
}

#centre h1 {
width:628px;
color:#376189;
font-size:11pt;
margin:0 0 5px;
padding:0;
}

.bloc-b img {
border:none;
margin:0 -1px;
}

#top-menu {
width:630px;
height:83px;
display:block;
margin:0 0 10px;
padding:0;
}

#top-menu li {
list-style:none;
float:left;
display:block;
}

#femmes a {
width:126px;
height:83px;
background-image:url("images/femmes.jpg");
display:block;
}

#hommes a {
width:126px;
height:83px;
background-image:url("images/hommes.jpg");
display:block;
}

#couples a {
width:126px;
height:83px;
background-image:url("images/couples.jpg");
display:block;
}

#top a {
width:126px;
height:83px;
background-image:url("images/top.jpg");
display:block;
}

#search a {
width:126px;
height:83px;
background-image:url("images/recherche.jpg");
display:block;
}

#bloc-accueil {
width:630px;
height:335px;
background-image:url("images/splash.jpg");
background-repeat:no-repeat;
background-position:top left;
margin-bottom:10px;
}

#bloc-accueil a {
width:422px;
height:46px;
float:left;
display:inline;
margin:270px 0 0 194px;
}

table#membres {
width:100%;
font-size:8pt;
font-weight:700;
border-collapse:collapse;
}

table#membres th {
color:#e8f5eb;
line-height:18px;
background-color:#4a7392;
}

table#membres tr {
color: #376189;
line-height:8px;
text-align:center;
vertical-align:middle;
border-bottom:1px solid #4a7392;
border-collapse:separate;
}

* html table#membres tr {
line-height:18px;
}

table#membres .th1 {
background-color:#4a7392;
}

table#membres .th2 {
color:#fff;
background-color:#4a7392;
}

table#membres .online {
color:#1bde39;
background-color:inherit;
}

table#membres .offline {
color:#f6ca2d;
background-color:inherit;
}

.bloc-f_blanc-top-messagerie {
width:603px;
height:25px;
background-image:url("images/bloc-f_top3.jpg");
background-repeat:no-repeat;
background-position:top left;
padding-top:0px;
margin:7px 0 0 6px;
}

.fe2 {
width:450px;
height:20px;
line-height:20px;
background-image:url("images/ico-fe.jpg");
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-image:url("images/ico-ho.jpg");
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-image:url("images/ico-cp.jpg");
background-repeat:no-repeat;
background-position:top left;
color:#224c6b;
text-indent:27px;
margin-left:5px;
}

.bloc-f_blanc-top-messagerie span {
color:#224c6b;
float:right;
margin-right:5px;

}

.bloc-f_blanc-messagerie {
width:591px;
color:#000;
font-weight:400;
background-color:#FFF;
border-left:1px solid #ded7ec;
border-right:1px solid #ded7ec;
overflow:auto;
margin:0 0 0 6px;
padding:0 5px;


}

* html .bloc-f_blanc-messagerie {
width:603px;
}

.bloc-f_blanc-messagerie img {
float:left;
margin:0 5px 0 0;
}

.bloc-f_blanc-foot-messagerie {
width:603px;
height:5px;
background-image:url("images/bloc-f_foot3.jpg");
background-repeat:no-repeat;
background-position:top left;
margin:0 0 0 6px;
}

#slogan {
float:right;
font-size:11pt;
font-weight:700;
color:#47708e;
background-color:#FFF;
margin-bottom:10px;
}

#nav {
text-align:center;
margin-top:5px;
}

.barre {
cursor:pointer;
}

.barre2 {
cursor:pointer;
font-size:10pt;
}

.go {
cursor:pointer;
text-indent:-5000px;
width:100px;
height:21px;
border:none;
background:transparent url(images/button2.jpg) no-repeat center center;
}

.go2 {
cursor:pointer;
text-indent:-5000px;
width:100px;
height:21px;
border:none;
background:transparent url(images/button.jpg) no-repeat center center;
}

#footer a:active,#footer a:hover,.menu a:active,.menu a:hover {
color: #ffbf00;
background-color:inherit;
}

#container,#header {
width:990px;
margin:auto;
}

#gauche,#droite {
width:170px;
float:left;
}

.menu,form {
margin:0;
padding:0;
}

.t,.o {
background-image:url("images/ico-top.jpg");
}

#centre2 h2,#centre h2 {
width:628px;
height:21px;
line-height:21px;
color:#376189;
font-size:10pt;
background-image:url("images/bloc-b_titre.jpg");
background-repeat:no-repeat;
background-position:top left;
margin:0 0 3px;
padding:0;
}