body {
	background: #AE498D;
	margin: 0;
	/*background: #E2BAD6;*/
}
.bodypop	{
background: #B64C96
		}
#header
{
width: 750px;
height: 118px;
background: url('imagesCSS/fondheader.jpg') repeat-x;
}
#logo
{
text-align: left;
margin-top: 7px;
width: 159px;
height: 44px;
margin-left: 10px;
}
#loginform
{
border: #ffffff solid 1px;
font-family: verdana;
font-size: 10px;
background: #e2bad6;
}
#loginform a, #loginform a:link
{
color: #ffffff;
text-decoration: none;
}
#loginform a:hover
{
color: #9b3879;
text-decoration: underline;
}
.logininput
{
margin-top: 2px;
margin-bottom: 2px;
margin-right: 2px;
text-indent: 2px;
font-family: Arial; 
font-size: 10px; 
border: 1px solid #9b3879;
color: #800080;
}

#mainimage
{
width: 309px;
height: 461px;

}

#bienvenue
{
width: 309px;
height: 236px;
background: #ffffff;
background: url('imagesCSS/hp1.jpg') no-repeat;
}

.bienvenue_contenu
{
padding: 10px;
color: #ffffff;
font-size: 18px;
}


.profil_fond
{
width: 750px;
height: 133px;
background: #ffffff url('imagesCSS/profil_fond.gif') no-repeat;
padding: 3px;
}

.pavecontenu
{
width: 439px;
height: 278px;
background: #ffffff url('imagesCSS/pavecontenu.jpg') repeat-x;
padding-right: 5px;
text-align: left;
}
.paveformulaire
{
width: 439px;
background: #f5deee url('imagesCSS/pavecontenu.jpg') repeat-x;
padding-right: 5px;
margin-left: 15px;
text-align: left;
font-family: verdana;
font-size: 12px;
}

#pavepub
{
width: 215px;
height: 199px;
background: url('imagesCSS/pavepub.jpg') no-repeat;
}

.boutoninscription
{
width: 223px;
height: 70px;
text-align: left;
background: url('imagesCSS/boutoninscription.gif') no-repeat;
text-align: center;
font-family: verdana;
font-size: 16px;
font-weight: bold;
}
.boutoninscriptionover
{
width: 223px;
height: 70px;
text-align: left;
background: url('imagesCSS/boutoninscription2.gif') no-repeat;
text-align: center;
font-family: verdana;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #000000;
}
.boutoninscription a
	{
	text-decoration: none;
	color: #000000;
	}
.boutoninscriptionover a:hover
	{
	text-decoration: none;
	color: #000000;
	}
.boutoninscriptionover a
	{
	text-decoration: none;
	color: #000000;
	}

.boutoninscription a:visited
{
	text-decoration: none;
	color: #000000;
	}

.separator
{
height: 10px;
width: 233px;
}
#pub
{
position: absolute;
margin-left: 20px;
margin-top: -160px;
width: 223px;
}
.envoimotpasse
{
font-family: verdana;
font-size: 10px;
text-align: left;
background: #f4e4ef;
width: 750px;
height: 40px;
background: #faf7a3;
}
.nouvellesinscriptions
{
width: 86px;
height: 101px;
font-family: verdana;
font-size: 10px;
text-align: center;
background: url('imagesCSS/profil_bg.gif') no-repeat;
padding-top: 7px
}

.profilenligne
{
width: 86px;
height: 101px;
font-family: verdana;
font-size: 10px;
text-align: center;
background: url('imagesCSS/profil_bgel.gif') no-repeat;
padding-top: 7px
}
.profilhorsligne
{
width: 86px;
height: 101px;
font-family: verdana;
font-size: 10px;
text-align: center;
background: url('imagesCSS/profil_bghl.gif') no-repeat;
padding-top: 7px
}
.profilblackliste
{
width: 86px;
height: 101px;
font-family: verdana;
font-size: 10px;
text-align: center;
background: url('imagesCSS/profil_blacklist.gif') no-repeat;
padding-top: 7px
}

.nouvellesinscriptionsbg
{
}

#paverecherche
{
width: 257px;
height: 150px;
text-align: left;
background: url('imagesCSS/paverecherche.gif') repeat-x;
border: #ffffff solid 1px;
font-family: verdana;
font-size: 10px;
}
#paverechercheL
{
width: 247px;
height: 50px;
text-align: left;
background: #f9f58d; 
border: #e2183e solid 1px;
font-family: verdana;
font-size: 12px;
padding: 5px;
font-weight: bold;
}

.infoabo
{
width: 198px;
height: 148px;
text-align: left;
background: url('imagesCSS/infoabo.gif') no-repeat bottom;
border: #ffffff solid 1px;
font-family: verdana;
font-size: 10px;
}

/**********************************************************************/
/*                           CONFIGURATION DES PUCES                 */
/**********************************************************************/

ul{
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 0px;
	margin-top:0px;
	list-style-type: none;
	text-align:left;
	font-family:Verdana;
	text-indent:10px;
	}
li
{
	border-top: 1px solid #989933; 
	color: #b64c94;
	margin-left: 3px;
	display: block;
	padding: 3px;
	width: 95%;
	margin-top:2px;
	font-size:11px;
	font-family:Verdana;
}
li a, li a:visited
{
color: #336799;
text-decoration: none;
font-weight: bold
}
li a:hover
{
color: #336799;
text-decoration: underline;
}

/**********************************************************************/
/*                           CONFIGURATION DES TITRES                 */
/**********************************************************************/
.titrevert
	{
	font-family:Verdana;
	font-size: 12px;
	color: #999933;
	font-weight: bold;
	}
.titreviolet
	{
	font-family:Verdana;
	font-size: 12px;
	color: #800080;
	font-weight: bold;
	}
.titreabonnement
	{
	font-family: Verdana;
	font-size: 22px;
	color: #800080;
	font-weight: bold;
	}
.titrerouge, .titrerouge a, .titrerouge a:link, .titrerouge a:hover, .titrerouge a:visited

	{
	font-family:Verdana;
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
	text-decoration : none;
	}
	
.pseudo
	{
	color: #800080;
	font-weight: bold;
	}
.slogan
{
color: #6e285e;
font-family: verdana;
font-size: 14px;
font-weight: bold;
background: #f5deee;
border: #f5deee solid 1px;
}
.sommairegauche
{
width: 230px;
background: #f5deee;
z-index: 5;
}
.hauttableau
{
width: 750px;
height: 78px;
background: #e2bad6 url('imagesCSS/hauttableau.gif') repeat-x;
}
.hauttableausimple
{
width: 750px;
height: 30px;
background: #e2bad6 url('imagesCSS/hauttableausimple.gif') repeat-x;
}

.bastableau
{
width: 750px;
height: 25px;
background: #e2bad6 url('imagesCSS/bastableau.gif') repeat-x;
}

.hauttableautitre
{
color: #ffffff;
font-weight: bold;
}
.hauttableauchiffre
{
color: #000000;
font-weight: bold;
padding: 5px;
font-size: 14px;
background: #fce804;
display: inline;
border: #000000 solid 1px;
margin-left: 10px;
}
.tableausoustitre
{
text-indent: 40px;
text-align: left;
}
.ovale
{
background: #e2bad6 url('imagesCSS/fond_ovale.gif') repeat-y;
}
.ovale2
{
background: #e2bad6 url('imagesCSS/fond_ovale.gif') repeat-y;
padding: 15px;
}

.photo1
{
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
width: 87px;
height: 139px;
}
#profilresume
{
width: 220px;
margin-top: -50px;
color: #6e285e;
font-family:Verdana;
font-size: 12px;
text-align: left;
position: absolute;
}
.profil
{
border-right: #f7e8f2 solid 1px;
font-size: 14px;


}

.alert
{
width: 140px;
height: 54px;
background: #e2bad5 url('imagesCSS/fond_alerte.jpg') repeat-x top;
color: #000000;
font-size: 11px;
font-family: verdana;
}
.alerttitre
{
width: 140px;
height: 10px;
background: #660066;
color: #ffffff;
font-size: 11px;
font-family: verdana;
text-indent: 3px;
}
.indefini
{
background: #ffcc00;
}
.listepays
{
width: 90%; 
background-color: transparent; 
text-align: left; 
font-family: verdana; 
font-size: 10px;
color: #000000;
margin-left: 2px;
}
.noscroll
{
width: 270px; 
height: 100px; 
overflow: auto; 
}

.formule1
{
width: 250px;
height: 323px;
background: url('imagesCSS/formule1.jpg') no-repeat top left;
text-indent: 5px;
text-align: left;
font-family: verdana, tahoma, helvetica;
font-size: 12px;
color: #ffffff;
padding-bottom: 5px;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 5px;
font-weight: bold;
}
.formule2
{
width: 250px;
height: 323px;
background: url('imagesCSS/formule2.jpg') no-repeat top left;
text-indent: 5px;
text-align: left;
font-family: verdana, tahoma, helvetica;
font-size: 12px;
color: #ffffff;
padding-bottom: 5px;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 5px;
font-weight: bold;
}
.formule3
{
width: 250px;
height: 323px;
background: url('imagesCSS/formule3.jpg') no-repeat top left;
text-indent: 5px;
text-align: left;
font-family: verdana, tahoma, helvetica;
font-size: 12px;
color: #ffffff;
padding-bottom: 5px;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 5px;
font-weight: bold;
}
.contenuformule
{
width: 240px;
height: 190px;
text-align: left;
color: #FFFFFF;
font-family: verdana, tahoma, helvetica;
font-size: 14px;
}


.titre1
	{
	font-family:Verdana;
	font-size: 16px;
	color: #7d2d68;
	font-weight: bold;
	text-align: left;
	margin-left: 20px;
	}



.offre1
	{
	height: 37px;
	background: url('imagesCSS/Fleche_Titre.gif') no-repeat left top;
	text-indent: 30px;
	font-family: verdana, tahoma, helvetica;
	font-size: 18px;
	color: #086bb6;
	padding-bottom: 10px;
	font-weight: bold;
	text-align: left;
	}
.offre2
	{
	height: 37px;
	background: url('imagesCSS/Titre2.gif') no-repeat left top;
	text-indent: 30px;
	font-family: verdana, tahoma, helvetica;
	font-size: 18px;
	color: #0a8d1e;
	padding-bottom: 10px;
	font-weight: bold;
	text-align: left;
	}
.offre3
	{
	height: 37px;
	background: url('imagesCSS/Fleche_Titre_Violet.gif') no-repeat left top;
	text-indent: 30px;
	font-family: verdana, tahoma, helvetica;
	font-size: 18px;
	color: #9d0ba1;
	padding-bottom: 10px;
	font-weight: bold;
	text-align: left;
	}

.titrecontenu
{
font-size: 30px;
}

.titrepromo
{
display: block;
width: 90%;
height: 60px;
color: #FFFFFF;
text-decoration: none;
font-family: verdana, tahoma, helvetica;
text-align: center;
font-size: 30px;
}

a.rollbouton
{
display: block;
width: 157px;
height: 24px;
background: url('imagesCSS/Boutonbleu.gif') no-repeat;
color: #FFFFFF;
text-decoration: none;
font-family: verdana, tahoma, helvetica;
text-align: center;
font-size: 18px;
}
a.rollbouton:hover
{
background: url('imagesCSS/Boutonorange.gif') no-repeat;
text-decoration: none;
}

a.rollboutoninv
{
display: block;
width: 157px;
height: 24px;
background: url('imagesCSS/Boutonorange.gif') no-repeat;
color: #000000;
text-decoration: none;
font-family: verdana, tahoma, helvetica;
text-align: center;
font-size: 18px;
}
a.rollboutoninv:hover
{
background: url('imagesCSS/Boutonbleu.gif') no-repeat;
text-decoration: none;
color: #FFFFFF;
}



.profilallege
{
font-family: verdana, tahoma, helvetica;
text-align: left;
font-size: 16px;
}
.profilimage2
{
float: right;
padding-left: 10px;
}
.menuoutils
{
font-family: verdana, tahoma, helvetica;
font-weight: bold;
text-align: left;
font-size: 14px;
color: #000000;
}
.mailtop
{
height : 33px;
background: url('imagesCSS/mailtop_bg.jpg') repeat-x;
margin: 5px;
}
.mailbottom
{
height : 30px;
background: #f2f2f2;
}
.previewdiv
{
color: #000000;
border : #999999 solid 1px;
font-family: verdana, tahoma, helvetica;
text-align: left;
font-size: 14px;
padding: 5px;
margin-top: 5px;
}

.scrolldiv{	
	height: 200px;	
	width: 509px;	
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #fff;	
	padding: 10px;
	border: #999999 solid 1px;
	margin-top: 10px;
background: url('imagesCSS/info_bg.gif') no-repeat fixed top;
}

.msgpreviewdiv{	
	height: 200px;	
	width: 509px;	
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #fff;	
	padding: 10px;
	border: #999999 solid 1px;
	margin-top: 10px;
background: url('imagesCSS/info_bg.gif') no-repeat;
}
.messagenonlu
{
font-family: verdana, tahoma, helvetica;
text-align: left;
font-size: 12px;
font-weight: bold;
}
.messagelu{
font-family: verdana;
text-align: left;
font-size: 12px;
}

.messagenonlu a, .messagelu a, .messagelu a:visited, .messagenonlu a:visited
{
text-decoration: none;
color: #5450d9;
}

.messagenonlu a:hover, .messagelu a:hover
{
text-decoration: underline;
}
.message{
font-family: verdana;
text-align: left;
font-size: 14px;
}

.listemail
{
background: #FFFFFF;
}
.lignemail
{
background: #FFFFFF;
border-bottom: #EFEFEF solid 1px;
font-family: verdana;
text-align: left;
}
.lignemail2
{
background: #FFFFFF;
border-bottom: #EFEFEF solid 1px;
font-family: verdana;
font-size: 14px;
text-align: left;
}

.entetemail
{
background: #EFEFEF;
border-bottom: #999999 solid 1px;
}
.chat
{
background: #f6dfef;
width: 20px;
height: 55px;

}
   #chatok  
  {
    position: absolute;

    width: 300px;        /* selon la largeur voulue */
    margin-left: -150px; /* moitie de width */
    left: 50%;           /* constant, toujours 50% */

    height: 120px;       /* selon la quantite de texte */
    margin-top: -60px;   /* moitie de height */
    top: 50%;            /* constant, toujours 50% */

    border: 1px solid #333;
    background-color: #eee;
    z-index : 10;
  }
  #alertcontent { margin: 1em; 
  }
.chatbg
{
width : 500px;
height : 399px;
background: url('imagesCSS/chat_pop_bg.gif') repeat-x;
margin: 5px;
}

.previewimage{	
	height: 325px;	
	width: 500px;	
	background-color: #000000;	
	padding: 3px;
	border: #FF0000 solid 1px;
}

.previewimagesmall{	
	height: 325px;	
	width: 500px;	
	background-color: #000000;	
	padding: 3px;
	border: #FF0000 solid 1px;
}
.policeminimale{
	font-size: 10px;
}