a:hover 
{	
	text-decoration: none;
}

html, body
{
	margin:0; 
	border: none; 
	width:100%;
	/*height:100%;*/
	padding:0;
	/*background: #C28858 url(Images/back.jpg);*/
	background: #FFFFFF url(Images/back1.jpg) repeat-x;
	/*background-attachment:fixed;*/
	/*background-repeat:no-repeat;*/
	/*background-position:center center;*/
	background-position:left 196px;
}

.MargeGriseDiv
{
	width : 100%;
		margin-left : auto;
	margin-right : auto;

	background-color : #C0C0C0;
	/*background-image : url('images/upperleft.png');*/
	background-repeat : no-repeat;
	background-position : top left;
	padding : 5px 5px 5px 5px;
}


.ArondisHautGaucheBleu
{
	width : 100%;
	margin-left : auto;
	margin-right : auto;

	background-color : #5681ab;
	background-image : url('images/upperleftBleu.png');
	background-repeat : no-repeat;
	background-position : top left;
}

.ArondisHautDroitBleu
{
	background-image : url('images/upperrightBleu.png');
	background-repeat : no-repeat;
	background-position : top right;
}

.ArondisBasGaucheBleu
{
	background-image : url('images/lowerleftBleu.png');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.ArondisBasDroiteBleu
{
	background-image : url('images/lowerrightBleu.png');
	background-repeat : no-repeat;
	background-position : bottom right;
	/*padding : 3% 3% 3% 3%;*/
	padding : 5px 5px 5px 5px;
}



/*
     -------------------------------------------------------------------------
     ------------------------------ FIN OUTILS -------------------------------
     -------------------------------------------------------------------------
*/






#corps
{
	border: none; 
	margin:0; 
	width:100%; 
	/*height: 100%;*/
	color: white;
}

#ban
{
	padding:0;
	margin:0;
	border: none; 
	width: 100%;
	height: 200px;
	/*position: fixed;*/
}

#debut_baniere
{
	background: #5681ab url(Images/header-bg.png) repeat-x;
	width: 100%;
	height: 35px;
}

#baniere
{	
	background: #5681ab;
	width: 100%;
	height: 100px;
}

#EnglobeLogo
{	
	background: #5681ab;
	margin-top:0;
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	height: 100px;
}

#fin_baniere
{
	background: #888 url(Images/header-bg.png) repeat-x;
	width:100%; 
	height: 10px;
}

#ZoneLogo
{
	margin-top:0;
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
	width: 990px;
	height:100%;
}

#logo
{
	float:left;
	background-image: url(Images/logo.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 100px;
	width: 363px;
}

#PubHeader
{
	float:right;
	height: 60px;
	background-color:#5681ab;
	width: 468px;
}

#DecalPubHeader
{
	float:right;
	height:20px;
	width: 468px;
}


#decal_contenu
{
	height: 279px;
}

#contenu
{
	color:#000;
	/*background: #FFF;*/
	width:990px;									/* Largeur du contenu */
	margin-left:auto;								/* Marges automatique a gauche pour centrer le tout */
	margin-right:auto;							/* Marges automatique a droite pour centrer le tout */
}

.PaddingBleu
{
	width:100%;
	background:#5681ab; 			/* Fond bleu */
}


#right
{
	width:260px;
	float:right;
	margin: 0;
	margin-bottom:20px;
	border:none;
}

#left
{
	width:700px;
	float:left;
	margin: 0;
	border:none;
	margin-bottom:50px;
}

#copyright
{
	clear:both; 
	position:relative;
	width:100%; 
	height: 60px;
	font:bold 12px Trebuchet MS, arial;
	color: #5681ab;
}

#copyright a 
{
	color: #5681ab;
	text-decoration:none;
}

#copyright a:hover 
{
	color: #5681ab;
	text-decoration:underline;
}

#pied
{
	clear:both; 
	position:relative;
	background: #888 url(Images/header-bg.png) repeat-x;
	background-position: bottom; 
	width:100%; 
	height: 19px;
	background-repeat: repeat-x;
}

#footertext 
{
	color: #000;
	font-size: 10px;
	font:bold 12px Trebuchet MS, arial;
	margin-top: 60px;
	padding-bottom: 25px;
	position: absolute;
    bottom: 0;
	left: 0;
	width: 100%;
}

#footertext a 
{
	color: #333;
}

#footertext a:hover 
{
	color: #479c7f;
}


/* ----- navigation ----- */
#navAl 
{
	margin:0;
	font:bold 13px Trebuchet MS,arial;
	background-color: #f3830a;
	height: 25px;
	width: 100%;
}

#navAl ul 
{
	margin-top:0;
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
	width: 990px;
	height:100%;
}

#navAl li 
{
	display: inline;
}

#navAl a 
{
	color: #fff;
	margin-right: 5.5px;
	text-decoration: none;
	text-transform: uppercase;
}

#endcap 
{
	margin-right: 0;
}

#navAl a:hover 
{
	color: #4d77a6;
}

/* navigation Haut */
#navH
{
	font:bold 15px Trebuchet MS,arial;
	background-color: #80a1c0;
	height: 28px;
	width: 100%;
}

#navH ul 
{
	margin-top:0;
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
	width: 990px;
	height:100%;
}

#navH li 
{
	display: inline;
}
#navH a.active
{
	margin: auto;
	color: #4d77a6;
	margin-right: 22px;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
}
#navH a 
{
	margin: auto;
	color: #fff;
	margin-right: 22px;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
}

#navH a.endcap 
{
	margin-right: 0;
}

#navH a:hover 
{
	color: #4d77a6;
}

/* navigation */
#nav 
{
	font:bold 15px Trebuchet MS,arial;
	background-color: #80a1c0;
	height: 28px;
	width: 100%;
}

#nav ul 
{
	margin-top:0;
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
	width: 990px;
	height:100%;
}

#nav li 
{
	display: inline;
}

#nav a 
{
	margin: auto;
	color: #fff;
	margin-right: 22px;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
}

#nav a.endcap 
{
	margin-right: 0;
}

#nav a:hover 
{
	color: #4d77a6;
}

#Copyright
{
	float:right;
	color: #000;
	font:bold 12px Trebuchet MS, arial;
	width: 250px;
	/*background-color:#0F0;*/
}


/* ----- fin navigation ----- */



/* ------------------------ PARTIE DE GAUCHE ---------------------- */

#Zone_Player
{
	width:100%;
	height:317px;
}

#PlayerFlash
{
	float:left;
	width:35%;
	height:317px;
	text-align:center;
}

#Annonces
{
	float:left;
	width:60%;
	height:317px;	
	text-align:center;	
}



/* ------- [Mise en page Moteur de recherche] -------- */

#ListeRecherche
{
	width:100%;
	background:#5681ab;
}

#RechercheGauche
{
	margin-top:10px;
	float:left;
	width:300px;
	height:60px;
	background: #FFF;
	margin-left: 30px;
}


#RechercheDroite
{
	margin-top:10px;
	float:right;
	width:300px;
	height:60px;
	background: #FFF;
	margin-right: 30px;
}



#RechercheDecal1
{
	width:288px;
	height:48px;
	/*background: #555;*/
	margin: 4px;
	border:solid 2px #5681ab; /* Cree une bordure de 1 px autour de l'image */
}


#RechercheZoneImage
{
	float:left;
	width:70px;
	height:60px;
	/*background: #F00;*/
}

#RechercheImage
{
	float:left;
	width:42px;
	height:42px;
	margin-top:3px;
	margin-left:15px;
}

#RechercheTexteArtiste
{
	text-decoration:none;
	width:100%;
	height:20%;
	/*background:#000081;*/
	font:bold 14px Trebuchet MS,arial;
	text-align:left;
	margin:1px 0 0 0;
}

#RechercheTexteTitre
{
	text-decoration:none;
	font: 12px Trebuchet MS,arial;
	text-align:left;
	margin:5px 0 0 0;
	width:100%;
	height:70%;
	/*background:#008100;*/
}

#RechercheTitre
{
	float:left;
	margin-left:10px;
	width:150px;
	height:18px;
	margin-top:3px;
	/*background: #0F0;*/
}

#RechercheTitre a
{
	border:0px; 
	text-decoration:none;
	color:#5681ab;
}

#RechercheTitre a:hover
{
	border:0px; /*style:none;*/
	text-decoration:underline;
	color:#5681ab;
}

#RechercheTexte
{
	float:left;
	margin-left:10px;
	width:100px;
	height:24px;
	/*background: #00F;*/
}

#RechercheTexte a
{
	border:0px;/*style:none;*/
	text-decoration:none;
	color:#5681ab;
}

#RechercheTexte a:hover
{
	border:0px;/*style:none;*/
	text-decoration:underline;
	color:#5681ab;
}

/*
#RechercheVide
{
	float:left;
	width:150px;
	height:20px;
}
*/


/* ------- [BOUTON PLAY] -------- */

#BtPlay
{
	float:right;
	margin-bottom:5px;
	margin-right:2px;
	width: 25px;
	height:25px;
}

#BtPlay:link, #BtPlay:visited 
{
	display: block;
	background: url(images/Play.bmp) 0px 0px;
}

#BtPlay:hover, #BtPlay:active 
{
	background: url(images/Play.bmp) -26px 0px;
}


/* ------- [BOUTON REC] -------- */

#BtRec
{
	float:right;
	margin-bottom:5px;
	margin-right:2px;
	width: 25px;
	height:25px;
}

#BtRec:link, #BtRec:visited 
{
	display: block;
	background: url(images/Rec.bmp) 0px 0px;
}

#BtRec:hover, #BtRec:active 
{
	background: url(images/Rec.bmp) -26px 0px;
}


/* ------- [BOUTON PLAYLLIST] -------- */

#BtPlayList
{
	float:right;
	width: 25px;
	height:25px;
	margin-bottom:5px;
	margin-right:2px;
}

#BtPlayList:link, #BtPlayList:visited 
{
	display: block;
	background: url(images/PlayList.bmp) 0px 0px;
}

#BtPlayList:hover, #BtPlayList:active 
{
	background: url(images/PlayList.bmp) -26px 0px;
}


/* ------- [Espace chanteur (Page d'acceuil)] -------- */
.ParolesTitleS
{
	text-decoration:underline;
	font:bold 16px Trebuchet MS,arial;
	text-align:left;
	margin:0 0 0 8px;
	color:#FFF;
	display:inline;
}
.ParolesTitleNS
{
	font:bold 20px Trebuchet MS,arial;
	text-align:left;
	margin:0 0 0 8px;
	color:#FFF;
	display:inline;
	text-decoration:none;
}
.ParolesTitleNS a
{
	color:#FFF;
	text-decoration:none;
}
.ParolesTitleNS a:hover
{
	color:#FFF;
	text-decoration:underline;
}


.TOPChanteur
{
	text-decoration:underline;
	font:bold 20px Trebuchet MS,arial;
	text-align:left;
	margin:0 0 0 8px;
	color:#FFF;
}

.ListeChanteur
{
	width:690px;
	background:#5681ab;
	margin-bottom:50px;
}

.Chanteur
{
	margin-top:14px;
	background: #FFF;
	float:left;
	width:100px;
	height:150px;
	margin-left: 34px;  
	display:inline;   /* Pour IE6 qui n'interprette pas bien les marges */
}

.ChanteurFin
{
	float:left;
	width:690px;
	height:30px;
	display:inline;   /* Pour IE6 qui n'interprette pas bien les marges */
}

/*
#left a img 
{
	position:absolute;
	width:90px;
	height:90px;	
	border: 5px solid #FFF;
}

#left a:hover img 
{
	position:absolute;
	width:90px;
	height:90px;	
	border: 5px solid #f3830a;
	//display:inline;   /* Pour IE6 qui n'interprette pas bien les marges 
}
*/

#left .ListeChanteur a:hover     /* Pour faire fonctionner le hover sur IE6 */
{
	/*
	IE6 a besoin d'un déclenchement. Le déclenchement est sous forme d'effet de vol plané sur le lien lui-même, pas l'image à l'intérieur.
	Cette une règle simple, faisant pour appliquer également un changement de couleur sur le lien lui-même, 
	IE de déclenchements des modèles de vol plané pour des éléments à l'intérieur de lui.
	*/
	width:90px;
	height:90px;
	color:#f3830a;
}

#left .ListeChanteur a:link img,
#left .ListeChanteur a:visited img
{
	position:absolute;
	width:90px;
	height:90px;	
	border: 5px solid #FFF;
}

#left .ListeChanteur a:focus img,
#left .ListeChanteur a:hover img,
#left .ListeChanteur a:active img
{
	position:absolute;
	width:90px;
	height:90px;	
	border: 5px solid #f3830a;
}


.ChanteurTitre
{
	position:absolute;
	margin-top:100px;
	width:90px;
	height:15px;
	color:#FFF;
	background: #5681ab;
	margin-left:5px;
	font:bold 12px Trebuchet MS,arial;
}

.ChanteurTexte
{
	position:absolute;
	margin-top:115px;
	color:#FFF;
	width:90px;
	height:30px;
	background: #5681ab;
	margin-left:5px;
	font: 9px Trebuchet MS,arial;
}




/* ------- [Photos de l'artiste] -------- */


#ListeCarre
{
	width:690px;
	height:350px;
	background:#5681ab;
}

#Carre
{
	margin-top:14px;
	background: #FFF;
	float:left;
	width:100px;
	height:100px;
	margin-left: 32px;
}





/* ------------------------- PARTIE DROITE ------------------------- */

.InfosUser
{
	text-decoration:none;
	height:20%;
	font:bold 14px Trebuchet MS,arial;
	text-align:left;
	color:#FFF;
	margin:0 0 0 3px;
}

 .InfosUser span
{
	font:16px Trebuchet MS,arial;
	text-decoration:none;
	color:#FFF;
}

 .InfosUser a
{
	font:16px Trebuchet MS,arial;
	text-decoration:none;
	color:#FFF;
}

 .InfosUser a:hover
{
	font:16px Trebuchet MS,arial;
	text-decoration:underline;
	color:#FFF;
}

.Top10_ListeCellule 
{
	padding:7px; 				/* Agrandit le zone bleu pour quelle entourre les blanche */
}


.Top10_Cellule
{
	width:100%;
	height:50px;
	background:#5681ab;
}

.Top10_Cellule a
{
	border:0px;/*style:none;*/
	text-decoration:none;
	color:#FFF;
}

.Top10_Cellule a:hover
{
	border:0px;/*style:none;*/
	text-decoration:underline;
	color:#FFF;
}

.Top10_CelluleBlanche
{
	width:100%;
	height:50px;
	background:#fff; 			/* Div blanche dans zone de droite */
}


.Top10_CelluleBlanche a
{
	border:0px;/*style:none;*/
	text-decoration:none;
	color:#5681ab;
}

.Top10_CelluleBlanche a:hover
{
	border:0px;/*style:none;*/
	text-decoration:underline;
	color:#5681ab;
}
.Top10
{
	text-decoration:underline;
	font:bold 20px Trebuchet MS,arial;
	text-align:left;
	margin:0 0 0 0;
	color:#FFF;
}

.Top10_Nombre
{
	float:left;
	width:50px;
	font:bold 20px Trebuchet MS,arial;
	text-align:center;
	margin:12px 0 0 0;
	color:#FFF;
}

.Top10_NombreBlanc
{
	float:left;
	width:50px;
	font:bold 20px Trebuchet MS,arial;
	text-align:center;
	margin:12px 0 0 0;
	color:#5681ab;
}

.Top10_image img
{
	float:left;
	border:solid 1px #bbb; /* Cree une bordure de 1 px autour de l'image */
	width:35px;
	height:35px;
	margin:7px 12px 0 0;
}

.Top10_image img :hover
{
/*clear:both;*/	
}


.Top10_Chanteur
{
	float:left;
	height:50%;
	background:#000099;
}

.Top10_Titre
{
	text-decoration:none;
	height:20%;
	font:bold 12px Trebuchet MS,arial;
	text-align:left;
	display:inline;   /* Pour IE6 qui n'interprette pas bien les marges */
}

.Top10_Texte
{
	text-decoration:none;
	font: 14px Trebuchet MS,arial;
	text-align:left;
	height:70%;
}


/* Plus 19/12/2009 */
.Titre1
{
	font:bold 16px Trebuchet MS,arial;
	text-align:left;
	margin:12px 0 0 22px;
	color:#FFF;

}
.Text1
{
	font: 14px Trebuchet MS,arial;
	text-align:justify;
	margin:12px 22px 0 22px;
	color:#FFF;

}
.Text1 a
{
	text-decoration:underline;
	color:#FFF;
}
.Text1 a:hover
{
	text-decoration:none;
	color:#FFF;
}


.Chanteur_image img
{
	float:left;
	border:solid 1px #bbb; /* Cree une bordure de 1 px autour de l'image */
	width:90px;
	height:90px;
	margin:7px 12px 10px 0;
}

.Chanteur_image img :hover
{
	clear:both;
}

/* News */
.Chanteur_image_News img
{
	float:left;
	border:solid 1px #bbb; /* Cree une bordure de 1 px autour de l'image */
	width:150px;
	height:150px;
	margin:15px 12px 0 0;
}

.Chanteur_image_News img :hover
{
	clear:both;
}

/* News Article */
.Chanteur_image_News_Art img
{
	float:left;
	border:solid 1px #bbb; /* Cree une bordure de 1 px autour de l'image */
	width:150px;
	height:150px;
	margin:4px 12px 0 22px;
}

.Chanteur_image_News_Art img :hover
{
	clear:both;
}

.Chanteur_texte_News
{
	text-decoration:none;
	font: 14px Trebuchet MS,arial;
	text-align:justify;
	margin:10px 0 0 0;
	color:#FFF;
}

.Chanteur_texte_News a
{
	text-decoration:underline;
	color:#FFF;
}
.Chanteur_texte_News a:hover
{
	text-decoration:none;
	color:#FFF;
}

.Chanteur_Name
{
	text-decoration:none;
	font:bold 18px Trebuchet MS,arial;
	text-align:left;
	margin:10px 0 0 0;
	color:#FFF;
}

.Chanteur_Name a
{
	text-decoration:none;
	color:#FFF;
}
.Chanteur_Name a:hover
{
	text-decoration:underline;
	color:#FFF;
}

.Chanteur_texte
{
	text-decoration:none;
	font: 14px Trebuchet MS,arial;
	text-align:left;
	margin:10px 0 0 0;
	color:#FFF;
}

.Chanteur_texte a
{
	text-decoration:none;
	color:#FFF;
}
.Chanteur_texte a:hover
{
	text-decoration:underline;
	color:#FFF;
}

.Chanteur_texte input[type="text"]
{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 170px;
	font:bold 14px Trebuchet MS,arial;
	color: #5681ab;
}

#EspacePub
{
	clear:both;
	width:100%;
	height:250px;
}


.pub
{
	clear:both;
	width:450px;
	float:left;
}

#Pub1
{
	float:left;
	margin-left: 34px;
	display:inline;   /* Pour IE6 qui n'interprette pas bien les marges */
}

#Pub2
{
	float:left;
	margin-left:36px;
	display:inline;   /* Pour IE6 qui n'interprette pas bien les marges */
}

#Pub3
{
	float:left;
}

#Pub4
{
	float:left;
	margin-left:10px;
	display:inline;   /* Pour IE6 qui n'interprette pas bien les marges */
}

/*Fin  Plus 19/12/2009 */



/* ------- [Mise en page Liste de musique de l'artiste] -------- */
#ParolesR
{
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:490px;
	background:#5681ab;
	color:#FFF;
	font:bold 12px Trebuchet MS,arial;
	display:inline;   /* Pour IE6 qui n'interprette pas bien les marges */
}

#PubListeMusic
{
	float:right;
	margin-right:30px;
	margin-top:5px;
	margin-bottom:5px; 
	width:160px;
	height:600px;
	background:#5681ab;
	display:inline;   /* Pour IE6 qui n'interprette pas bien les marges */
}

#ListeMusic
{
	float:left;
	margin-left:10px;
	width:490px;
	background:#5681ab;
	display:inline;   /* Pour IE6 qui n'interprette pas bien les marges */
}

#ListeMusicCentre
{
	margin-top:5px;
	margin-left:auto; /* Marges automatique a gauche pour centrer le tout */
	margin-right:auto; /* Marges automatique a droite pour centrer le tout */
	width:460px;
	margin-bottom:10px;
	height:50px;
	background: #FFF;
}

#ListeMusicDecal1
{
	float:left;
	width:448px;
	height:38px;
	margin-left: 4px;
	margin-top: 4px;
	border:solid 2px #5681ab; /* Cree une bordure de 1 px autour de l'image */
	display:inline;   /* Pour IE6 qui n'interprette pas bien les marges */
}

#ListeMusicTexte
{
	float:left;
	margin-left:10px;
	width:350px;
	height:24px;
	margin-top:10px;
	color:#5681ab;
}

/* ------- [BOUTON READ] -------- */

#ListeParolesRead
{
	float:right;
	margin-top:10px;
	margin-right:2px;
	width: 25px;
	height:25px;
}

#ListeParolesRead:link, #ListeParolesRead:visited
{
	display: block;
	background: transparent url(images/Read.bmp) 0px 0px;
}

#ListeParolesRead:hover, #ListeParolesRead:active
{
	background: transparent url(images/Read.bmp) -26px 0px;
}
/* ------- [BOUTON Print] -------- */

#ListeParolesPrint
{
	float:right;
	margin-top:10px;
	margin-right:2px;
	width: 25px;
	height:25px;
}

#ListeParolesPrint:link, #ListeParolesPrint:visited
{
	display: block;
	background: transparent url(images/Print.bmp) 0px 0px;
}

#ListeParolesPrint:hover, #ListeParolesPrint:active
{
	background: transparent url(images/Print.bmp) -26px 0px;
}
/* ------- [BOUTON PLAY] -------- */

#ListeMusicBtPlay
{
	float:right;
	margin-top:10px;
	margin-right:2px;
	width: 25px;
	height:25px;
}

#ListeMusicBtPlay:link, #ListeMusicBtPlay:visited
{
	display: block;
	background: transparent url(images/Play.bmp) 0px 0px;
}

#ListeMusicBtPlay:hover, #ListeMusicBtPlay:active
{
	background: transparent url(images/Play.bmp) -26px 0px;
}


/* ------- [BOUTON REC] -------- */

#ListeMusicBtRec
{
	float:right;
	margin-top:10px;
	margin-right:2px;
	width: 25px;
	height:25px;
}

#ListeMusicBtRec:link, #ListeMusicBtRec:visited
{
	display: block;
	background: transparent url(images/Rec.bmp) 0px 0px;
}

#ListeMusicBtRec:hover, #ListeMusicBtRec:active
{
	background: transparent url(images/Rec.bmp) -26px 0px;
}


/* ------- [BOUTON PLAYLLIST] -------- */

#ListeMusicBtPlayList
{
	float:right;
	width: 25px;
	height:25px;
	margin-top:10px;
	margin-right:2px;
}

#ListeMusicBtPlayList:link, #ListeMusicBtPlayList:visited
{
	display: block;
	background: transparent url(images/PlayList.bmp) 0px 0px;
}

#ListeMusicBtPlayList:hover, #ListeMusicBtPlayList:active
{
	background: transparent url(images/PlayList.bmp) -26px 0px;
}

/* ------- [BOUTON SUPPRIMER PLAYLLIST] -------- */
#BtSUPPlayList
{
	float:right;
	width: 25px;
	height:25px;
	margin-top:10px;
	margin-right:2px;
}

#BtSUPPlayList:link, #BtSUPPlayList:visited
{
	display: block;
	background: transparent url(images/Delete.bmp) 0px 0px;
}

#BtSUPPlayList:hover, #BtSUPPlayList:active
{
	background: transparent url(images/Delete.bmp) -26px 0px;
}

/*formulaire*/
.Charte
{
	width: 600px;
	margin-left: 62px; 
	font:bold 16px Trebuchet MS,arial;
	color: #FFFFFF;
}
.Charte a
{
	font:bold 16px Trebuchet MS,arial;
	color: #FFFFFF;
}

.Error
{
	width: 600px;
	margin-left: 62px; 
	font:bold 16px Trebuchet MS,arial;
	color: #ffb1b1;
}

.Error a
{
	font:bold 16px Trebuchet MS,arial;
	color: #ffb1b1;
}

.Succes
{
	width: 600px;
	margin-left: 62px; 
	font:bold 16px Trebuchet MS,arial;
	color: #a5ff85;
}

.cssform p
{
	width: 430px;
	clear: left;
	margin: 0 0 0 62px;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-bottom: 1px dashed white;
	height: 1%;
	font:bold 16px Trebuchet MS,arial;
	color: #FFFFFF;
}

.cssform label
{
	font:bold 16px Trebuchet MS,arial;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 250px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	color: white;
}

.cssform input[type="text"]
{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 320px;
	font:bold 14px Trebuchet MS,arial;
	color: #5681ab;
}

.cssform input[type="password"]
{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 320px;
	font:bold 14px Trebuchet MS,arial;
	color: #5681ab;
}


.cssform select
{
	font:bold 14px Trebuchet MS,arial;
	color: #5681ab;
}

.cssform textarea
{
	width: 320px;
	height: 250px;
}

.cssform1 input[type="text"]
{
	font:bold 14px Trebuchet MS,arial;
	color: #5681ab;
}

* html .threepxfix
{
	margin-left: 3px;
}