body.general { 
	background-image: url(../images/background1.png);
	font-family:Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
}
body.iframebody { 
	background-color:#897BB7;
	font-family:Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.menugauche_droit a {
	color:#FFFFFF;
	text-decoration:none;
}
.menugauche_droit a:hover {
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px dotted #FFFFFF;
}
#headerbottom a, #headertop a, .ancien3 a, .accueil a, .accueil1 a, .avatar a, .diapo a, .titrecol a, .inscrits a, #livredor1 a, .retitre a, .retitre1 a, .retitre2 a, .news a, .index3 a, .favoris a, .bouton_cv a, .cadre_bouton1 a, .fiche3 a, .fiche4 a, #titrepage a, .titrepage a, #affich_comment a, .repertoire a {
	color:#000000;
	text-decoration:none;
}
#headerbottom a:hover, #headertop a:hover, .ancien3 a:hover, .accueil a:hover, .accueil1 a:hover, .avatar a:hover, .diapo a:hover, .titrecol a:hover, .inscrits a:hover, #livredor1 a:hover, .retitre a:hover, .retitre1 a:hover, .retitre2 a:hover, a:hover.a, .news a:hover, .index3 a:hover, .favoris a:hover, .bouton_cv a:hover, .cadre_bouton1 a:hover, .fiche3 a:hover, .fiche4 a:hover, #titrepage a:hover, .titrepage a:hover, #affich_comment a:hover, .repertoire a:hover  {
	color:#000000;
	text-decoration:none;
	border-bottom:1px #000000 dotted;
}
.titre_cadre {
	background-image:url(../images/fond-titre-cellules.png);
	padding:5px;
	margin-left:-5px;
	margin-right:-5px;
	margin-top:-5px;
}
/***************************************************/
/***************************************************/
p {margin: 0 0 5px 0;}
a.a{color: #000000; text-decoration: none;	font-weight:bold;}
.b{color: #FF0000; text-decoration: none;	font-weight:bold; }
input.bouton {border:1px outset #000000;background-color:#D3DDB6;font-weight:bold;cursor:pointer;font-size : 11px;font-family : Arial;}
input.bouton:hover {background-color:#FFFFFF;color:#8A7CB8;font-size : 11px;font-family : Arial;}
input.bouton:active {border:1px inset #000000;background-color:#8A7CB8;color:white;font-size : 11px;font-family : Arial;}
input.bouton_stop {border:1px outset #000000;background-image: url(../images/background1.png);font-weight:bold;cursor:pointer;font-size : 11px;font-family : Arial; color:#FF0000;}
input.bouton_stop:hover {background-image:none;background-color:#FF0000;color:#FFFFFF;font-size : 11px;font-family : Arial;}
input.bouton_stop:active {border:1px inset #000000;background-color:#FF0000;color:white;font-size : 11px;font-family : Arial;}
.h1 {color: #FF0000;font-weight:bold;border:1px solid #000000;padding:5px; margin:5px;}
.h2 {color: #FF0000;font-weight:bold;border:1px solid #000000;padding:5px; margin:5px; background-color:#D3DDB6}
.h3 {color: #FF0000;font-weight:bold;border:1px solid #000000;padding:5px; margin:5px; background-color:#FFFFFF}
.h4 {color: #000000;border:1px solid #000000;padding:5px; margin:5px; background-color:#D3DDB6}
.inputrapide {background-color:#FFFFFF; border:1px solid #000000; font-size:11px; font-family:Arial;}
.focus {background-color: #D3DDB6; border:1px solid #000000; font-size : 11px; font-family : Arial;}
.input {background-color:#DFDBF4; border:1px solid #000000; font-size : 11px; font-family : Arial;}
.radio { background-color: #8A7CB8;	border : none;}
.radioblanc { background-color:#FFFFFF; border: none; }
/***************************************************/
/***************************************************/

#haut {
	text-align:center;
	font-size:10px;
	border-top: 1px solid #000000;
}
.menuhaut {
	background-image:url(../images/fond-titre-cellules.png);
	list-style-type: none;
	margin: 0;
	padding-top: 6px;
	padding-bottom:5px;
}
.menuhaut li {
	padding-right: 10px;
	margin:0;
	display: inline;
}

.menuhaut a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.menuhaut a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#ombre	{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color:#A1A1A1;
}
#conteneur {
	width: 1000px;
	margin-left:auto;
	margin-right: auto;
	margin-top:5px;
	background-color:#897BB7;
	border:1px solid #000000;
	text-align: left;
}
/***************************************************/
#headercentre {
	margin-left: 250px;
	margin-right: 250px;
	margin-top:0;
	margin-bottom:15px;
	padding-top: 12px;
	height:60px;
	text-align:center;
}			
#headertop {
	margin-left: 200px;
	margin-right: 200px;
	text-align:center;
	padding-top: 6px;
	padding-bottom: 5px;
	background-image: url(../images/fond-titre-cellules.png);
	border-bottom: 1px solid #000000;
	font-size:10px;
}	
#headerbottom {
	margin-left: 200px;
	margin-right: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}	
#headergauche {
	float: left;
	width: 200px;
	color: #FFFFFF;
	display: block;
	border-right:1px solid #000000;
}
#headerdroite {
	float: right;
	width: 200px;
	height:136px;
	color: #FFFFFF;
	border-left:1px solid #000000;
}
/***************************************************/
#centre {
	margin-left: 200px;
	margin-right: 200px;
	width:auto;
	text-align: justify;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
#gauche {
	float: left;
	width: 200px;
	color: #FFFFFF;
	display: inline;
	border-right:1px solid #000000;
}
#droite {
	float: right;
	width: 200px;
	color: #FFFFFF;
	display: inline;
	border-left: 1px solid #000000;
}
#clear {
	clear:both;
}
/***************************************************/
#pied {
	height: 20px;
	padding-top:5px;
	text-align:center;
	background-image: url(../images/fond-titre-cellules.png);
	border-top: 1px solid #000000;
	color: #000000;
	clear: both;
	font-size:10px;
}
#piedgauche {
	float: left;
	display:inline;
	left:0;
	width: 200px;
}
#piedcentre {
	text-align: center;
	margin-left:200px;
	margin-right:200px;
}
#pieddroit {
	float: right;
	display:inline;
	right:0;
	width: 200px;
}

.headertop, .menugauche_droit {
	list-style-type: none;
	margin: 0;
	padding:0;
}
.headertop li {
	margin-bottom: 5px;
	padding:0;
	color: #FFFFFF;
}
.menugauche_droit li{
	margin-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
}

.titrecol {
	background-image: url(../images/fond-titre-cellules.png);
	color: #000000;
	text-align: center;
	font-weight: bold;
	padding-top: 6px;
	height: 19px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-size:10px;
}
#titrepage, .titrepage{
	text-align:center;
	padding-top:7px;
	padding-bottom:6px;
	font-weight: bold;
	background-image: url(../images/fond-titre-cellules.png);
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #000000;
	font-size:10px;
}
#titremilieupage, .titremilieupage {
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	text-align:center;
	padding-top:5px;
	padding-bottom:6px;
	background-color: #FFFFFF;
	font-weight: bold;
}

a.lien span, a.photo span {
	display: none;
}
a.lien:hover {
	background: none;
	z-index: 500;
}
a.lien:hover span {
	display: inline;
    position:absolute;
    left: 50%; 
    width: 400px;
    height: 312px;
    margin-top: -250px; 
    margin-left: -200px; 
	border: none;
	z-index:100;
}
a:active.photo span {
	display: inline;
	position: absolute;
	top: 152px;
	left: 200px;
	border: none;
}
a.info {
position: relative;
text-decoration: none;
color: black;
}
a.info span {
display: none;
}
a.info:hover {
background: none; 
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
top: 14px;
left: 0;
background-color: #D3DDB6;
border:1px solid #000000;
text-align: center;
padding: 5px;
width:200px;
}

a.avatar_accueil {
position: relative;
text-decoration: none;
color: black;
}
a.avatar_accueil span {
display: none;
}
a.avatar_accueil:hover {
background: none; 
z-index: 500;
}
a.avatar_accueil:hover span {
display: inline;
position: absolute;
top: -46px;
left: 162px;
}

#compteurpage, .compteurpage {
	background-color:#FFFFFF;
	border-top:1px solid #000000;
	height:20px;
	padding-top:5px;
	margin-top:10px;
	margin-bottom:0px;
	font-weight:bold;
	background-image: url(../images/fond-titre-cellules.png);
	text-align:center;
	font-size:10px;
}

#photoinclude {
	width:50px;
	height:60px;
	float:right;
	margin:2px;
	display: inline;
	padding-right:5px;
}


/*****************************************/
.ancien {
	text-align:justify;
	padding:5px;
	margin:5px;
	background-color:#FFFFFF;
	border:1px solid #000000;
}
.ancien2 {
	background-color:#D3DDB6;
	border:1px solid #000000;
	width:400px;
	text-align:justify;
	float:left;
	padding:5px;
	margin:5px;
	display: inline;
}



/*****************************************/
.accueil {
	float:left;
	background-color:#FFFFFF;
	border: 1px solid #000000;
	text-align:justify;
	padding:5px;
	margin-left:5px;
	margin-top:5px;
	display: inline;
}
.accueil1 {
	float:left;
	background-color:#FFFFFF;
	border: 1px solid #000000;
	text-align:left;
	padding:5px;
	margin-left:5px;
	margin-top:5px;
	display: inline;
}

.postit {
	background-image:url(../images/postit.png);
}

/*****************************************/	
.avatar {
	height:120px;
	width:100px;
	float:left;
	margin-left:12px;
	margin-top:10px;
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #000000;
	display: inline;
}
.avatars {
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	border:1px solid #000000;
	padding-top:10px;
	padding-bottom:10px;
	height:670px;
}
.avatar_format{
	width:590px;
}
.avatar_inscription {
	height:500px;
	overflow:auto;
	border:1px solid #000000;
}
/*****************************************/	
.contact {
	background-color:#FFFFFF;
	text-align:justify;
	border: 1px solid #000000;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	padding:5px;
	height:250px;
}
#contactsansemail {
	background-color:#FFFFFF;
	text-align:justify;
	border: 1px solid #000000;
	margin:5px;
	padding:5px;
	color:#FF0000;
}
.contact_visiteur {
	background-color:#FFFFFF;
	text-align:justify;
	border: 1px solid #000000;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	padding:5px;
	height:320px;
}

/*****************************************/	
.diapo {
	height:122px;
	width:130px;
	float:left;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #000000;
	display: inline;
}

/*****************************************/	
.favoris {
	text-align:justify;
	padding:2px;
	width:268px;
	border:1px solid #000000;
	background-color:#D3DDB6;
	margin-top:5px;
	margin-left:5px;
	float:left;
	display:inline;
}

/*****************************************/	
.fiche {
	float:left;
	border:1px solid #000000;
	background-color:#FFFFFF;
	width:466px;
	margin-left:10px;
	margin-top:10px;
	height:110px;
	padding:5px;
	display: inline;
}
.fiche1 {
	float:left;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	background-color:#FFFFFF;
	width:100px;
	height:120px;
	margin-top:10px;
	text-align:center;
	display: inline;
}
.fiche2 {
	float:left;
	border:1px solid #000000;
	background-color:#FFFFFF;
	margin-left:10px;
	margin-top:10px;
	width:567px;
	padding:5px;
	display: inline;
}
.fiche3 {
	float:left;
	border:1px solid #000000;
	background-color:#FFFFFF;
	margin-left:10px;
	margin-top:10px;
	width:567px;
	padding:5px;
	display: inline;
}
.fiche4 {
	float:right;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	background-color:#D3DDB6;
	margin-right:9px;
	margin-top:10px;
	margin-bottom:-15px;
	width:500px;
	padding:0;
	display: inline;
}
.ficheinclude {
	border:1px solid #000000;
	background-color:#D3DDB6;
	width:260px;
	height:125px;
	float:right;
	margin-right:5px;
	padding:5px;
	display: inline;
}
.ficheinclude1 {
	border:1px solid #000000;
	background-color:#D3DDB6;
	width:260px;
	height:125px;
	float:left;
	margin-left:5px;
	padding:5px;
	display: inline;
}

/*****************************************/	
.inscrits {
	background-color:#FFFFFF;
	text-align:justify;
	border: 1px solid #000000;
	float:left;
	width:277px;
	margin-left:12px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	display: inline;
}
.inscrits_titre {
	background-color:#D3DDB6;
	border-bottom:1px solid #000000;
	text-align:center;
	font-weight:bold;
	float:left;
	width:277px;
	margin:0;
	padding-top:5px;
	display: inline;
	height:20px;
}

.inscription {
	background-color:#FFFFFF;
	border:1px solid #000000;
	width:700px;
	margin-top:10px;
	padding:5px;
}

/*****************************************/	
#livredor {
	text-align:justify;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	border: 1px solid #000000;
	background-color:#FFFFFF;
}
#livredor1 {
	background-image: url(../images/background1.png);
	text-align:justify;
	border: 1px solid #000000;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding:5px;
	width:230px;
	display: inline;
}


/*****************************************/	
.messagerietitre {
	margin-top:10px;
	text-align:justify;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	margin-left:auto;
	margin-right:auto;
	width:566px;
	background-color:#D3DDB6;
	height:20px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}
.messagerieprincipal {
	padding:5px;
	border:1px solid #000000;
	margin-left:10px;
	margin-right:10px;
	background-color:#FFFFFF;
	height:auto;
}
.messagerieprincipale {
	text-align:justify;
	padding:5px;
	border:1px solid #000000;
	margin-left:auto;
	margin-right:auto;
	width:566px;
	background-color:#FFFFFF;
	overflow:auto;
}
.messageriereponse {
	width:460px;
	padding:5px;
	margin-top:5px;
}
.messagerieenvoi {
	width:460px;
	padding:5px;
	margin-left:10px;
}

/*****************************************/	
.modif_membre {
	background-color:#FFFFFF;
	width:274px;
	border: 1px solid #000000;
	padding:5px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	display: inline;
}

/*****************************************/	
.news {
	text-align:justify;
	padding:5px;
	border:1px solid #000000;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-color:#FFFFFF;
	width:576px;
}
 
/*****************************************/	
.offres {
	float:right;
	display:inline;
}
.offres2 {
	text-align:justify;
	margin-left:5px;
	width:315px;
	margin-top:5px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	padding:5px;
}
.offres3 {
	background-color:#FFFFFF;
	text-align:justify;
	border:1px solid #000000;
	margin-top:5px;
	margin-right:5px;
	padding:5px;
	width:200px;
}
.offres4 {
	border:1px solid #000000;
	background-color:#D3DDB6;
	width:200px;
	height:110px;
	float:right;
	margin-right:10px;
	padding:5px;
	display: inline;
}

/*****************************************/	
.photorama {
	height:115px;
	width:128px;
	float:left;
	border:1px solid #000000;
	margin-top:10px;
	margin-left:15px;
	background-color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	display: inline;
}

/*****************************************/	
.presentation {
	text-align:justify;
	padding:10px;
	margin-top:10px;
}

/*****************************************/	
.retitre {width:110px; height:25px; border:1px solid #000000; background-color:#D3DDB6; color:#000000; font-weight:bold; text-align:center; margin-left:0; margin-top:15px;padding-top:5px;position:absolute; }
.retitre1 {width:110px; height:25px; border:1px solid #000000; background-color:#D3DDB6; color:#000000; font-weight:bold; text-align:center; margin-left:170px; margin-top:15px;padding-top:5px;position:absolute; }
.retitre2 {width:110px; height:25px; border:1px solid #000000; background-color:#D3DDB6; color:#000000; font-weight:bold; text-align:center; margin-left:350px; margin-top:15px;padding-top:5px;position:absolute; }
.cadreresult {border: 1px solid #000000; width:278px; float:left; margin-left:10px; margin-top:10px; height:65px;background-color: #FFFFFF; padding:2px; display: inline;}
#cadre {float:left;width:250px;	display: inline; }
#recherchehaut {margin-left:10px; height:160px; }
.photoperso {
	height:135px;
	width:100px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #000000;
	display: inline;
}


/*****************************************/	
.adminficheinclude {
	border:1px solid #000000;
	background-color:#D3DDB6;
	width:220px;
	height:80px;
	float:right;
	margin-right:10px;
	padding:5px;
	color:#FF0000;
	font-weight:bold;
	display: inline;
}

/*****************************************/	
#bureau {
	background-color:#FFFFFF;
	text-align:center;
	border: 1px solid #000000;
	margin:5px;
	padding:10px;
}
.bureau1 {
	background-color:#D3DDB6;
	text-align:center;
	border: 1px solid #000000;
	margin:5px;
	padding:10px;
	font-weight:bold;
} 

/*****************************************/	
.calendrier {
	background-color:#FFFFFF;
	text-align:justify;
	border: 1px solid #000000;
	float:left;
	width:263px;
	margin-left:10px;
	margin-top:10px;
	padding:10px;
	display: inline;
}

/*****************************************/	
.listemembre {
	background-color:#FFFFFF;
	border: 1px solid #000000;
	padding:5px;
	margin:2%;
	text-align:center;
}

/*****************************************/	
#admin_livredor {
	background-color:#FFFFFF;
	border: 1px solid #000000;
	padding:5px;
	margin:2%;
	text-align:center;
}


/*****************************************/	
.adminnews {
	background-color:#FFFFFF;
	border: 1px solid #000000;
	padding:5px;
	margin:10px;
	text-align:center;
}
.adminnews1 {
	background-color:#FFFFFF;
	border: 1px solid #000000;
	padding:2px;
	margin:10px;
	text-align:justify;
}
.adminnewssmiley {
	height:150px;
	overflow:auto;
	border:1px solid #000000;
	background-color:#D3DDB6;
	margin:10px;
	padding:5px;
}
#smiley {
	background-color:#FFFFFF;
	border: 1px solid #000000;
	padding:2px;
	margin-left:2px;
	float:left;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	display:inline;
}
/*****************************************/	
.offreadmin {
	background-color:#FFFFFF;
	text-align:justify;
	border: 1px solid #000000;
	margin:10px;
	padding:10px;
}
.offreadmin1 {
	float:left;
	background-color:#FFFFFF;
	text-align:center;
	border: 1px solid #000000;
	float:left;
	width:262px;
	height:200px;
	margin-left:10px;
	padding:10px;
	display:inline;
}

/*****************************************/	
.tchat_cadre {
	margin-right:auto;
	margin-left:auto;
	width:460px;
	background-color:#FFFFFF;
	border: 1px solid #000000;
	text-align:left;
	padding:10px;
}
.tchat {
	margin-right:auto;
	margin-left:auto;
	width:250px;
	background-color:#D3DDB6;
	border: 1px solid #000000;
	text-align:left;
	padding:10px;
}
.tchat_titre {
	background-color:#8A7CB8;
	height:20px;
	padding-top:5px;
	margin:0;
	border:1px solid #000000;
	font-size:12px;
	font-weight:bold;
	width:100%;
	text-align:center;
	color:#FFFFFF;
}
.boite {
	background-color:#FFFFFF;
	border: 1px solid #000000;
	padding:5px;
	margin:10px;
	text-align:center;
}
/*****************************************/	
.visiteur {
	text-align:justify;
	padding:5px;
	border:1px solid #000000;
	margin-left:15px;
	margin-top:10px;  
	width:555px;
	background-color:#FFFFFF;
	float:left;
	display:inline;
}
/*****************************************/	
.cv1 {
	float:left;
	text-align:right;
	width:44%;
}
.cv2 {
	display:block;
	float:left;
	width:55%;
	padding-left:5px;
}
.cadre_bouton {
	width:586px;
	background-color:#FFFFFF;
	border:1px solid #000000;
	margin-right:auto;
	margin-left:auto;
	height:60px;
	margin-top:10px;
	margin-bottom:10px;
}
.cadre_bouton1 {
	width:576px;
	background-color:#FFFFFF;
	border:1px dotted #000000;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:2px;
}
.bouton_cv {
	background-color:#D3DDB6;
	padding:10px;
	border:1px dotted #000000;
	float:left;
	display:inline;
	width:70px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
#affich_comment {
	text-align:justify;
	padding:5px;
	border:1px solid #000000;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-color:#FFFFFF;
	width:576px;
	overflow:auto;
}
/*****************************************/	
.message_recu {
	text-align:justify;
	padding:5px;
	border:1px solid #000000;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-color:#D3DDB6;
	width:500px;
}
/***********IFRAME compteur visiteur connectes******************************/	

.iframe {
	font-family:Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	text-align:left;
	list-style-type: none;
}
.iframe p {
	margin: 0;
	padding-left: 2px;
}
.iframe a {
	color:#FFFFFF;
	text-decoration:none;
}
.iframe a:hover {
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px #FFFFFF dotted;
}
.titrecol_haut_droite {
	background-image: url(../images/fond-titre-cellules.png);
	color: #000000;
	text-align: center;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #000000;
	font-size:10px;
}

/***********POPUP PAGE D'ACCUEIL******************************/	

#pop {
	display: none;
	position: absolute;
	top:200px;
	left:300px;
	width: 400px;
	border: 1px solid black;
	background-image: url(../images/background1.png);
	z-index: 500;
	cursor: pointer;
	font-size: 14px;
	padding:10px;
}
#pop p {
	margin: 0 0.3em;
}
#pop h1 {
	font-size: 14px;
	margin: 5px;
	border-bottom: 1px solid black;
	background: white url(top.gif) left top repeat-x;
	color: black;
	text-align: center;
}
.fermer {
	color: red;
	text-align: center;
	font-size:10px;
}
/***********FIN POPUP PAGE D'ACCUEIL******************************/	

#testDiv {
	position: absolute;
	top:230px;
	left:300px;
	width: 400px;
	border: 1px solid black;
	background-image: url(../images/background1.png);
	z-index: 500;
	cursor: pointer;
	font-size: 14px;
	padding:0;
	text-align:center;
}
#titles	{
	background-image:url(../images/fond-titre-cellules.png);
	font-size: 14px;
	width: 100%;
	color: #000000;
	margin: 0px;
	height:20px;
	padding-top:5px
}
#inner	{
	margin: 0px;
	height: 100%;
}

/*******************************************************************/	

.livechat {
	padding:0px;
	border:1px solid #000000;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-image: url(../images/background1.png);
 	width:98%;
	overflow: auto;
	height:200px;
}
.chat_message {
	padding:0px;
	border:1px solid #000000;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-image: url(../images/background1.png);
 	width:98%;
	overflow: auto;
	height:400px;
}
.chat_connectes {
	float:left;
	background-image: url(../images/background1.png);
	border: 1px solid #000000;
	text-align:justify;
	padding:5px;
	margin-left:5px;
	margin-top:5px;
	display: inline;
}

/*****************************************/	
.repertoire {
	text-align:justify;
	padding:5px;
	border:1px solid #000000;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-color:#FFFFFF;
	width:576px;
	height:200px;
	overflow:auto;
}