body
{
width:95%;
margin:auto;
margin-top:0px;
padding-top:0px;
background-color: #000000;
color: white;
}
.haut
{
height:172px;
width:95%;
background-image:url("imgSite/rdvhautmilieu.gif");
color: #000000;
position:absolute;
top:0px;
}

.haut .hdroite
{
text-align:right;
position:absolute;
right:0px;
top:0px;
}

.haut .hgauche
{
text-align:left;
position:absolute;
left:0px;
top:0px;
}
/* mon menu de gauche */
.gauche
{
position:absolute;
width:20%;
left:5px;
top:190px;
color:white;
border:1px ridge #CC1111;
}
/*l'entete de mon site*/
.hautSite {
  text-align:left;
  height : 200px;
  width: 100%;
  margin:auto;
background-color: #d9d9d9;
}
/* le haut des cadres */
.hcad
{
background-image:url("imgSite/cadrehautcentre.gif");
text-align:center;
height:30px;
padding-top:0px;
}

.hcad .overli
{

vertical-align: 10px;
font-weight: bolder;
font-size: 15px;}


/* les boutons image */
.bouti
{
background-image:url("imgSite/boutok.gif");
width:22px;
height:21px;
border:0px;
}

.boutiChat
{
background-image:url("imgSite/btnChat.gif");
width:123px;
height:95px;
border:0px;
}

.boutiChat:hover
{
background-image:url("imgSite/btnChatNoir.gif");
}

.bouti:hover
{
background-image:url("imgSite/boutok2.gif");
}
/*Mon menu de gauche*/
.men1 pre:hover
{
background-color:#cc1111;
color:gold;
text-align:right;
border-bottom:1px dotted gold;
}

.men1 pre:hover a:hover
{
color:gold;
text-decoration:none;
}

.men1
{
text-align:center;
}
/*mon invite de connection dans le menu gauche*/
.interL
{
    position:absolute;
    left:150px;
    top:18px;
    line-height: 1em;
}
/* ma table dans cette invite... */
.interL table
{
    font-size:10px;
}

.interL .txtf
{
    width:55px;
}
/*mon cadre avec les derniers inscrits*/
.newsInsc
{
padding-top:0px;
position:absolute;
right:41%;
left:21%;
top:190px;
border-left:1px ridge #CC1111;
border-right:1px ridge #CC1111;
}
/* juste un cadre de centre qui servira sur plusieurs pages */
.centre
{
position:absolute;
right:5%;
left:26%;
top:190px;
}
/* pour centrer des trucs */
.centruc
{
text-align:center;}
/* les cellules du formulaire d'inscription */
.insctab td input
{
width:70px;
height:15px;
border:0px;
padding:0px;
font-size:12px;}
/*ma table des inscriptions */
.insctab table
{
text-align:left;
font-size:12px;}
.newsInsc a:hover
{
color:white;
text-decoration:none;
}

.interieur
{
 border-top:2px double #776545;
}

/*les annonces de la Psy*/
.cadreDroite {
    position:absolute;
width:39%;
top:190px;
right:5px;
padding:5px;
color: white;
border:1px ridge #CC1111;
}
/* ma chatbox */
.chatbox
{
padding:4px;
height:320px;
overflow:scroll;
}
/* jaune */
.j
{
color:gold;
}
.g
{
color:grey;
}

.minhaut
{
 min-height:300px;
}
/* fond gris */
.fdg
{
  background-color:grey;
}
/* fond noir */
.fdn
{
  background-color:black;
}

.rouge
{
  color:red;
  font-size: 13px;
}
.rouge a
{
color:red;
}
p {
  
  color :white;
  font-size:11px;
  line-height: 15px;
font-family: "trebuchet ms",sans-serif;}



.bordure
{
border-top : 1px dashed #CC1111;
}

a {
font-size : 13px;
text-decoration: none;
color:white;
}

a:hover {
color :gold;
text-decoration: underline overline;}

h1 {
  color: #776545;
}
h3 {
color:white;
text-align:center;
height:28px;
}
h4 {
text-align:center;
color: #776545;
}
h6 {
text-align:center;
color: #B8B1B1;
}
h5
{
text-align:center;
color :gold;
background-color:#CC1111;}




.enValeur
{
font-size:22px;
color:#6c392a;
text-align:center;
}

.cent
{
text-align: center;
}
.descc
{
  text-align:justify;
  background-color:#695D5D;
  border:2px dashed black;
  padding:8px;
}
.descc   first-letter
{
font-size:25px;
float:left;
font-weight: bolder;}
/* les tables ou je veux un padding */
.espace td
{
padding-left:3px;
padding-right:3px;
border-top:1px ridge #CC1111;
border-bottom:1px ridge #CC1111;
border-right:1px dashed #605D5D;
border-left:1px dashed #605D5D;}
.cadre
{
  paddin-top:2px;
  text-align: center;
  background-color:grey;
  color:white;
  margin:auto;
  border-left : 1px solid #776545; 
  border-top : 1px solid #776545;
}
label {
font-family:"trebuchet ms",sans-serif;
font-weight:bold
}
input {
border-left : 1px ridge red; 
 border-top : 1px ridge red;
background-color:#E3E2E2;
font-family:"trebuchet ms",sans-serif;

}
select, option {
background-color:#E3E2E2;

}
textarea {
border-left : 1px ridge red; 
 border-top : 1px ridge red;
background-color:#E3E2E2;
font-family:"trebuchet ms",sans-serif;

}
.bouton
{
text-align:center;
}

.bouton:active
{
background-color:red;
}

.bouton:hover {
  
  background-color:red;
}
.inscG
{
 padding:10px;
 background-color:#dbd2a6;
 font-size:10px;
 width:150px;
 text-align:left;
 border-left : 1px dotted #776545;
 position:absolute;
 top:230px;
 left:200px;
}
.inscD
{
padding:10px;
background-color:#dbd2a6;
font-size:10px;
 width:150px;
 text-align:left;
  border-left : 1px dotted #776545;
 position:absolute;
 top:230px;
 left:400px;
}
.inscDD
{
padding:10px;
background-color:#dbd2a6;
font-size:10px;
 width:150px;
 text-align:left;
  border-left : 1px dotted #776545;
 position:absolute;
 top:230px;
 left:600px;
}
.minimage {
float:left;
margin-left:3px;
margin-right:3px;
padding:4px;
}

.resume
{
text-align:justify;
}

.decale
{
margin-left:55px;
}

.laPhoto
{
margin-bottom:10px;
}
.psy
{
 text-align:justify;
 padding:4px;
}


.cont{
position: relative;
border:1px ridge #CC1111;
padding:5px;
}


.gal:hover{
background-color: transparent;
}

.gal:hover img{
background-color:#cc1111;
}

.gal span{ 
position: absolute;
padding:5px;
left:30%;
visibility: hidden;
color:white;
text-decoration: none;
}

.gal span img
{ 
 text-align:center;
}



.gal img
{
float:left;
margin:5px;
margin-top:10px;
}
.gal:hover span
{
 visibility:visible;
width:350px;
position:absolute;
top:120px;
left:30%;
height:400px; 
z-index: 50;
color:white;
}

.somgal
{
  border : 2px solid #cc1111;
  padding:3px;
  padding-top:0px;
  max-width:70%;
}

.centreprof {
 text-align:justify;
 border:2px solid #776545;
 background-color:#dbd2a6;
 padding:4px;
 paddin-left:15px;
 width:600px;
 margin:auto;
margin-top:15px;
}

.centretous {
 text-align:justify;
 border:2px solid #776545;
 background-color:#dbd2a6;
 padding:4px;
 paddin-left:15px;
 max-width:800px;
 margin:auto;
margin-top:15px;
}

.tab
{
 text-align:center;
}
/* mes mots clé */
.motc
{
color:#000000;
font-size:6px;
}

.lienrouge
{
  position:absolute;
  top:350px;
  left:45%;
}

.lienrouge  a
{
  text-decoration:none;
  color:#CC1111;
}

.lienrouge  a:hover
{
  color:gold;
}

.tresnoir p
{
  color:#000000;
}

.divChat
{
margin-left:130%;
position:absolute;
top:43px;
}

.listCon a
{
	font-size:12px;
	padding-top:1px;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	color:grey;
	text-decoration:none;
}