body{ width: 980px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: white;
	font-family: Arial, Verdana, Tahoma, sans-serif;}
 /* l'entete */
#entete{width: 980px;
   height: 110px;
   margin: auto;
   background-color: rgb(255, 255, 255);
   font-size: 10px;}
 /*champ pub en bas des liens*/
 #pub1{width: 980px;
  float: left;
  height: 130px;
  margin-top: 12px;
  text-align: center;
  background-color: rgb(226, 226, 226);}
/*champ pub ŕ coté du logo du site*/

.invalid{color: red;
  text-decoration: blink;}

 #bas_entete{width: 975px;
  height: 15px;
 padding: 5px; 
  margin-top: 5px;
  color: white;
  font-weight: ;
 background-color: ; 
 font-size: 9px;}
 #acc
 {
 float: left;
 height: 18px;
 text-align: center;
 margin-left: ;
 border-right: ; 
}
#ins, #tchat
 {
float: left;
height: 18px;
text-align: center;
margin-left: 2px;
 }
#fem, #masc, #deconne
  {
  float: left;
  height: 18px;
  text-align: center;
  margin-left: 2px;
  }

  #date{
  float: left;
  margin-top: 4px;
  margin-left: 10px;
  height: 18px;
   border: ;
   text-align: center;
   color: blue;
   font-size: 12px;
    background-image: ;
	background-color: rgb(226, 226, 226);
	}
	#ann
	{
	margin-left: 10px;
	float: left;
	margin-top: 4px;
	}
  a.pg_accueil, a.page_accueil
  {
  display: block;
  background-image:url(Coeur/ACC1.png);
  background-repeat: no-repeat;
  color: blue;
  margin-top: 1px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bolder;
   padding: 5px;
  }
  a.pg_inscr, a.pg_tchat,a.pg_mf,a.pg_ms
    {
  display: block;
  background-image:url(Coeur/MF.png);
  background-repeat: no-repeat;
  color: blue;
  margin-top: 1px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bolder;
   padding: 5px;
  }
 a.pg_dcn
    {
  display: block;
  background-image:url(Coeur/DCN.png);
  background-repeat: no-repeat;
  color: blue;
  margin-top: 1px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bolder;
   padding: 5px;
  }
  a.pg_inscr:hover,a.pg_tchat:hover,a.pg_mf:hover,a.pg_ms:hover
    {
  background-image:url(Coeur/MF1.png);
    color: red;
  margin-top: 2px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bolder;
  }
a.pg_accueil:visited
  {
  background-image:url(Coeur/ACC2.png);
    color: black;
  margin-top: 2px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bolder;
  }
a.pg_accueil:hover, a.page_accueil:hover
  {
  background-image:url(Coeur/ACC2.png);
    color: red;
  margin-top: 2px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bolder;
  }

  a.pg_dcn:hover
        {
  background-image:url(Coeur/DCN1.png);
    color: red;
  margin-top: 2px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bolder;
  }	
  a.ametisse
  {
  text-decoration: ;
  color: black;
 }
 a.flux
 {
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 }
 #rss
 {
 margin-left: 2px;
 }

/* le logo */
#logo{width: 980px;
  height: 100px;
  float: left;
  margin-top: 18px;
  background-image: url("Coeur/baniere.png");
   background-repeat: no-repeat;}
#menu{width: 150px;
  height: 850px;
  float: left;
  margin-left: px;
  margin-top: 5px;
 }
 #menu1{
 height:70px;
 border: 2px solid white;
 margin-top: 3px;
 font-style: ;
 font-size: 12px;
 background-color: rgb(226, 226, 226);
 font-weight: bold;
 padding: 3px;}
 a.menu_inscr, a.menu_chat, a.menu_acc, a.menu_feminin, a.menu_masculin, a.menu_profil
  {
   color:black;
   text-decoration: none;
   font-family: arial;
 }   
a.menu_inscr:hover, a.menu_chat:hover, a.menu_acc:hover,  a.menu_feminin:hover, a.menu_masculin:hover, a.menu_profil:hover
 {
  color: red;
  text-indent: 3px;
 }
 a.menu_inscr:active, a.menu_chat:active, a.menu_acc:active, a.menu_feminin:active, a.menu_masculin:active, 
 a.menu_profil:active
 {
  color: blue;
 }
 li
 {
 display: block;
 margin-top: 5px;
 }
 a.ident_inscr, a.ident_profil, a.corps_chat, a.corp_inscr, a.corp_profil, a.corp_pro, a.write
 {
 color: rgb(151, 18, 235);
 text-decoration: none;
 font-weight: bold;
 }
 a.lien_inscr
 {
 color: red;
 text-decoration: none;
 font-weight: bold;
 }
 a.lien_inscr:hover
 {
 color: rgb(232, 235, 18);
 }
 a.ref_lien
 {
  color: black;
 text-decoration: none;
 font-weight: bold;
 }
 a.ref_lien:hover
 {
 color: red;
 }
 a.lien_message
 {
 color: blue;
 }
 a.aut
 {
 text-decoration: none;
 color: red;
 }
 a.aut:hover
 {
 color: blue;
 }
   #bonjour
 {
 border: 2px solid white;
 margin-top: 3px;
 padding: 3px;
 text-decoration: none;
 font-weight: bolder;
 font-size: 11px;
 background-color: rgb(226, 226, 226);
 }
 #petit
 {
 margin-top: 10px;
 border: 1px solid black;
 text-align: center;
 background-color: rgb(255, 255, 255);
 color: blue;
 font-weight: bold;
 font-size: 12px;
 background-image: url("Coeur/feu.png");
 }
 #champ
 {
 text-align: center;
 font-size: 12px;
 }
 #membre
 {
 margin-top: 10px;
 text-align: center;
 border: 1px solid black;
 font-weight: bolder;
 background-image: url("Coeur/feu.png");
 color: blue;
 font-size: 12px;
 }
 #membre1
 {
 height:70px;
 border: 2px solid white;
 margin-top: 3px;
  background-color: rgb(226, 226, 226);
   font-style: ;
 font-size: 12px;
font-weight: bold;
   
 }
 #stat
 {
  margin-top: 10px;
  text-align: center;
   border: 1px solid black;
   font-weight: bolder;  
   background-image: url("Coeur/feu.png");
	color: blue;
	font-size: 12px;
 }
 #stat1
 {
  height:120px;
 border: 2px solid white;
 margin-top: 3px;
 padding: 4px;
 font-weight: lighter;
 font-size: 11px;
 background-color: rgb(226, 226, 226);
   
 }
 #auteur
  {
  margin-top: 10px;
  text-align: center;
   border: 1px solid black;
   font-weight: bolder;  
   background-image: url("Coeur/feu.png");
	color: blue;
	font-size: 12px;
 }
  #lien_auteur
 {
  height:120px;
 border: 2px solid white;
 margin-top: 3px;
 padding: 4px;
 font-weight: lighter;
 font-size: 11px;
 background-color: rgb(226, 226, 226);
   }
/* le contenu principale du corps */
#corps
{
  width: 670px;
  height: 1050px;
  float: left;
  margin-left: 5px;
  margin-top: 7px;
 background-color: rgb(226,226,226);
 }
  #dedans
 {
 font-size: 11px;
 width: 330px;
 float : left;
 border-right: 1px solid black;
 padding: 5px;
 height: 1050px;
 }
 a.part
 {
 color: red;
 font-weight: bold;
 text-decoration: none;
 }
 #droite
 {
 float:right ;
 }
 .contact
 {
 font-size: 12px;
 padding: 5px;
 }
 .contact2
 {
  font-size: 15px;
 padding: 5px;
 color: green;
 font-weight: bold;
 text-decoration: blink;
 }
 #champ_message
 {
 text-align:center;
}
/* le text dans le corps */
#text
 {
  margin-top: 5px;
  width: 655px;
  margin-left: 2px ;
  text-indent: 30px;
  font-size: 11px;
  padding: 5px;
}  
h
 {
 text-align: center;
 }
 #connecte
 {
 width:250px;
 height: 120px;
 margin-left: 30px;
 text-align: center;
 font-size: 12px;
 font-weight: bolder;
 background-color: pink;
 padding: 5px;
 float: left;
 border:2px solid white;
 }
 #ident
 {
 width: 200px;
 height: 120px;
 margin-right:30px;
 font-size: 12px;
 font-weight: bolder;
text-align: center;
padding: 5px;
 float: right;
 border: 2px solid white;
 background-color: pink;
 }

/* pour le bienvenue */
#bienvenue
 {
 text-align: center;
  font-size: 12px ;
  color: blue;
 background-image: url("Coeur/feu1.png");
 font-weight: bolder;
 border: 1px solid black;
}  
   
/* pour mettre les photos */
#sary
{
  width: 630px ;
}
/* les photos */
#photo1, #photo2, #photo3, #photo4, #photo5, #photo6, #photo7, #photo8
 {
  float: right;
  width: 120px;
  height:155px;
  margin-top: 5px;
  margin-right: 24px;
 }
 #reference1,  #reference2, #reference3, #reference4, #reference5, #reference6, #reference7, #reference8 
 {
  width: 120px;
  height: 50px;
  font-size: 10px;
 }
/* lien d'inscription */
strong
{
  font-size: 11px; 
  font-weight: bolder;
  color: blue;
  font-style: oblique;
 }
#inscription
{ 
 text-decoration: blink; 
 text-align: center;
  margin-bottom:px;
  font-size: 25px;
  font-weight: bolder;
 }
 em
  {
  font-weight: bold;
  color: blue;
 }
 #region
  {
  width: 655px;
  height: 200px;
  text-align: center;
 }
/* photo r */
#photo_r1
{ 
  float: right;
  width: 120px;
  height: 155px;
  margin-right: 35px;
  margin-top: 5px ;
 }
span
 {
  color: blue;
  font-weight: bold;
  text-align: left;
 }
#reference_r1,  #reference_r2, #reference_r3, #reference_r4
 {
  width: 120px;
  height: 50px;
  font-size: 10px;
 }
 #photo_r2, #photo_r3, #photo_r4
 {
  float: right;
  width: 120px;
  height: 155px;
  margin-right: 24px;
  margin-top: 5px;
 }

#sar
 {
  width: 650px ;
  float: left;
 }
#annonce_tchat
{
width:670px;
height:150px;
float: right;
}
#annonce_masculin
{
width: 330px;
height: 15px;
float: right;
font-size: 11px;
text-align:center;

}
.masculin
{
font-weight: bold;
color: blue;
text-align:center;
font-size: 13px;
}


#annonce_feminin
{
width: 330px;
height: 15px;
float: left;
font-size: 11px;
text-align:center;

}
table
{
border-collapse: collapse;
width: 320px;
margin:auto;
margin-top: 5px;

}
td
{
border: 1px solid rgb(226, 226, 226);
width: 106px;
background-color: pink;
}
th
{
 color:red;
}
  /*champ pour le publicité ŕ droite du site */
#pub
 {
   width: 150px;
   height: 610px;
   float: left;
   margin-left: 3px;
   margin-top: 5px;
   background-color: rgb(226,226,226);
   text-align: center;
 }
 /* pied de la page */
#foot_page
{ 
   width: 980px;
   height: 20px;
   float: left;
   border: 2px solid white;
   font-size: 9px;
   text-align:center;
   background-color: rgb(255, 255, 183);
 } 
#part
{
font-size: 12px;
width: 139px;
height: 200px;
border: ;
float: right;
margin-top: 5px;
padding: 3px;
background-color: rgb(255, 255, 183);
}
#xiti
{
width: 139px;
height: 50px;
margin-top: 5px;
float: right;
}
#part1
{
float: right;
font-size: 13px;
font-weight: bolder;
border: 1px solid black;
background-image: url("Coeur/feu.png");
margin-top: 10px;
margin-left: 5px;
color: blue;
}
#proxi
{
width: 150px;
height: 40px;
background-color: rgb(226,226,226);
text-align: center;
}
#titre
{
   text-align: center;
   border:1px solid black;
   font-weight: bolder;
   background-color: white;
   color: blue;
   font-size: 12px;
   background-image: url("Coeur/feu.png");
}