@charset "utf-8";
/* CSS Document */

/*********************************************************/
/*structure principale*/
/*********************************************************/
* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
body  {
	behavior:url("../../css/csshover.htc");
	font-size:100%;
	background:#1B0C0C;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	overflow-y:scroll
}
* html body  {
	overflow-y:auto /*hacks pour IE : correction of two scrolls*/
}
*:first-child+html body  {
	overflow-y:auto /*hacks pour IE7 : correction of two scrolls*/
}
div {
	margin:0;
	padding:0;
}
h1 {
	margin:0;
	padding:0
}
p {
	padding:0;
	margin:10px 0 0 0;
}
#container {
	width: 800px;
	margin: 1px auto 0 auto;
	padding-bottom:40px;
	text-align: left;
}
#header { 
	background: #1B0C0C url(../images/backgrounds/bdHeader.jpg) no-repeat scroll 0pt 0pt;
	padding-top:20px;
	padding-bottom:4px;
	height:88px;
}
#mainContent, #mainContentInfos, #mainContentMessages, #mainContentProfil, #mainContentCompte, #mainContentAmesSoeurs {
	width:100%;
	background:#8d0100 url(../images/backgrounds/bdMainContent.jpg) repeat-x scroll 0pt 0pt;
	border:#ee2c2c solid 1px;
	padding:30px 0 10px 0;
}
#mainContentInfos, #mainContentMessages, #mainContentProfil, #mainContentCompte, #mainContentAmesSoeurs {
	padding-top:0px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*********************************************************/
/*mise en page en colonnes
	1 colonne : .colonneContainerUnique
	2 colonnes : .colonneContainerGauche, .colonneContainerDroite
	1 ligne de colonnes : .ligne
	div : .section
	variation des tailles des container : .containerPetit, .containerGrand
/*********************************************************/	
.colonneContainerUnique, .colonneContainerGauche, .containerPetit {
	float:left;
	position:relative;
	left:40px;
}
.colonneContainerUnique {
	width:720px;
}
.colonneContainerGauche, .colonneContainerDroite {
	width:353px;/*prendre en compte la taille des labels et input, select, textarea pour définir cette taille*/
}
.colonneContainerDroite {
	margin-left:407px;
}
* html .colonneContainerDroite {/*hacks pour IE : correction du bug des 3 pixels*/
	margin-left:404px;
}
*:first-child+html .colonneContainerDroite {/*hacks pour IE7 : correction du bug des 3 pixels*/
	margin-left:404px;
}
.section {
	margin:0 0 10px 0;
	padding:15px;
	background:#ee2c2c url(../images/backgrounds/bdSection.jpg) repeat-x scroll 0pt 0pt;
	border:#FFFFFF solid 1px;
}
.ligne {
	margin-bottom:10px;
}
.containerPetit {
	width:263px;
}
.containerGrand {
	width:443px;
	margin-left:316px;
}
* html .containerGrand {/*hacks pour IE : correction du bug des 3 pixels*/
	width:443px;
	margin-left:313px;
}
*:first-child+html .containerGrand {/*hacks pour IE7 : correction du bug des 3 pixels*/
	width:443px;
	margin-left:313px;
}
/*********************************************************/
/*mise en page du texte*/
/*********************************************************/
.titre {
	height:32px;
}
.titre h1 span.titreTxt, .titre h1 span.titreTxtRouge, .titre h1 span.titreProfil {
	display:block;
	float:left;
	font-size:14px;
	color:#FFFFFF;
}
.titre h1 span.titreTxtRouge {
	color:#ee2c2c;
}
.titre h1 span.titreProfil {
	margin:5px 0 0 10px;
}
.titre h1 span.obligatoire {
	font-style:italic;
	margin-left:10px;
	color:#FFFFFF
}
.titre h1 span.image {
	display:block;
	float:left;
	margin-left:1px
}
.titre h1 span.triAmesSoeurs {
	float:right;
	color:#FFFFFF;
	font-weight:normal;
}
.blanc {
	color:#FFFFFF
}
/*********************************************************/
/*navigation principale*/
/*********************************************************/
div#menu, div#menuMessages {
	width: 100%;
	height:25px;
	background:#1B0C0C;
	margin-bottom:4px;
}
ul#nav, ul#nav li {
	list-style-type:none;
	padding:0;
	margin:0;
}
ul#nav {
	padding-left:40px;
}
ul#nav li {
	float:left;
	display:inline;
	margin-right: 4px;
	text-align: center;
}
ul#nav li.helpClose {
	margin-right:0px;
}
ul#nav li.helpClose a, ul#nav li.helpClose a:hover {
	width:14px;
	background-color:transparent;
	padding:0px;
	margin:0px;
	text-decoration:none;
	line-height:normal
}
ul#nav li.helpClose a img, ul#nav li.helpClose a:hover img {
	border:0px;
}
ul#nav a {
	float:left;
	display:inline;
	width: 141px;
	padding: 5px 0;
	background: #ee2c2c;
	text-decoration:none;
	color:#FFFFFF;
	line-height:15px
}
ul#nav a:hover {
	background: #FFFFFF;
	color: #ee2c2c;
}
#accueil ul#nav #ac a, #amesSoeurs ul#nav #as a, #messagesRecus ul#nav #mg a, #ecrireMessage ul#nav #mg a, #messagesEnvoyes ul#nav #mg a, #messagesSupprimes ul#nav #mg a, #repondeur ul#nav #mg a, #profil ul#nav #pf a, #compteAbo ul#nav #ab a, #comptePrive ul#nav #ab a, #compteCancel ul#nav #ab a {
	background:#FFFFFF;
	color:#ee2c2c;
	cursor:default;
}
/*********************************************************/
/*navigation secondaire*/
/*********************************************************/
div#sousMenu {
	width: 714px;
	height:25px;
	background: #221F72;
	margin:0 0 30px 40px;
	background:transparent;
}
ul#navSnd, ul#navSnd li {
	list-style-type:none;
	padding:0;
	margin:0;
}
ul#navSnd li {
	float:left;
	margin-right: 3px;
	text-align: left;
}
ul#navSnd a {
	float:left;
	padding: 5px;
	text-decoration:underline;
	color:#ee2c2c;
}
ul#navSnd a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
#cg ul#navSnd #cg a, #philo ul#navSnd #ph a, #demo ul#navSnd #de a, #help ul#navSnd #ai a, #contact ul#navSnd #co a, #amesSoeurs ul#navSnd #as a, #messagesRecus ul#navSnd #mr a, #ecrireMessage ul#navSnd #em a, #messagesEnvoyes ul#navSnd #me a, #messagesSupprimes ul#navSnd #ms a, #repondeur ul#navSnd #rp a, #profil ul#navSnd #vi a, #compteAbo ul#navSnd #ab a, #comptePrive ul#navSnd #dc a, #compteCancel ul#navSnd #re a { 
	color: #FFFFFF;
	cursor:default;
	text-decoration:none;
}
/*********************************************************/
/*navigation en bas de page*/
/*********************************************************/
#bottomMenu {
	color:#ee2c2c;
	width:100%;
	padding-top:20px;
	text-align:center
}
#bottomMenu a, #bottomMenu a:hover {
	color:#ee2c2c;
	text-decoration:underline;
	font-weight:normal
}
#bottomMenu a:hover {
	color:#FFFFFF
}
/*********************************************************/
/*tables styles communs*/
/*********************************************************/
table {
	margin:10px auto 0 auto;
	width:100%;
	background-color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	color:#000000;
}
td, th {
	padding:3px 5px;
	border-bottom:#ee2c2c solid 1px;
}

th {
	line-height:24px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	color:#ee2c2c;
	white-space:nowrap;
}
.sansBordure {
	border-bottom:0px
}
.sansEspace {
	margin:0;
	padding:0
}
.tableTxtRouge {
	color:#ee2c2c;
}
.tableTxtNoir {
	color:#000000;
}
.paddingG {
	padding-left:10px;
}
.tableTextarea {
	border-bottom:0; 
	text-align:left;
	padding:0 10px 10px 10px;
}
.tableSeparationVertical {
	background-color: #ee2c2c;
	padding:0;
	border-bottom:0px;
	width:4px;
	empty-cells:show
}
/*********************************************************/
/*message explicatif en bas des tables*/
.tableExplications {
	padding:0;
	border:#ee2c2c solid 1px;
}
.tableExplications td {
	border-bottom:0px
}
.tableExplications p {
	padding:0;
	margin:0;
}
/*********************************************************/
/*table rubriques accueil de l'espace client*/
/*********************************************************/
#tableHoroscope .horoscopeRead {
	padding:px;
}
#tableHoroscope .horoscopeRead img {
	float:left
}
#tableHoroscope .horoscopeAll {
	text-align:center
}
#tableHoroscope .horoscopeAll a {
	color:#000000
}
#tableHoroscope .horoscopeAll a:hover {
	color:#ee2c2c
}
#tableHoroscope .tableColumnPetit, #tableInfo .tableColumnPetit {
	width:10%;
	margin:0;
	padding:0
}
#tableHoroscope .tableColumnGrand, #tableInfo .tableColumnGrand {
	width:90%
}
#tableAbonnement th, #tableAbonnement td {
	width:50%
}
#tableAbonnement th {
	text-align:right
}
#tableAmesSoeurs .tableColumnPetit {
	width:38px;
	padding:2px
}
#tableAmesSoeurs .tableColumnGrand {
	width:50%;
}
#tableAmesSoeurs .tableColumnGrandMargeG {
	width:50%;
	padding-left:20px;
}
#tableMessages .tableColumnPetit {
	width:38px;
	padding:2px
}
#tableMessages .tableColumnMoyen {
	width:30%;
	padding-left:10px;
	white-space:nowrap
}
#tableMessages .tableColumnGrand {
	width:70%;
	color:#999999
}
#tableEnLigne .tableColumnPetit {
	width:38px;
}
#tableEnLigne .tableColumnImage {
	width:38px;
	padding:2px
}
#tableEnLigne .tableColumnGrandMargeG {
	width:210px;
	padding-left:20px;
}
p.accueilRubrique {
	margin:0;
	padding:0;
}
/*********************************************************/
/*tables section "Vos ames Soeurs"*/
/*********************************************************/
table#amesSoeurs .tableColumnPetit {
	width:70px;
}
table#amesSoeurs .tableColumnMoyen {
	width:100px;
}
table#amesSoeurs .tableColumnGrand {
	width:240px;
}
table#amesSoeurs tr {
	text-align:center
}
table#amesSoeurs td.bordureNoire {
	border-bottom:#000000 solid 1px
}
table#amesSoeurs a {
	color:#000000;
}
table#amesSoeurs a:hover {
	color:#ee2c2c;
	cursor:pointer
}

.lnk a {
	color:#000000;
}
.lnk a:hover {
	color:#ee2c2c;
	cursor:pointer
}

/*********************************************************/
/*ames Soeurs Lecture - général*/
table#amesSoeursLecture th {
	text-align:left;
	line-height:12px;
	background-color:#ee2c2c;
	color:#FFFFFF;
}
table#amesSoeursLecture th.titre {
	text-align:left;
	line-height:normal;
	background-color:#FFFFFF;
	color:#000000;
	padding:2px 5px 5px 0
}
table#amesSoeursLecture th.pseudoAmeSoeur {
	width:100%;
	font-size:16px;
	text-align:center;
}
table#amesSoeursLecture th.pseudoAmeSoeurJumeau {
	width:100%;
	font-size:14px;
	text-align:left;
}
table#amesSoeursLecture td {
	vertical-align:top;
}
/*ames Soeurs Lecture - liste*/
table#amesSoeursLecture td.liste {
	width:140px;
	vertical-align:top;
	height:10%;
	border-bottom:0px;
}
table#amesSoeursLecture td.listePictoAstro {
	margin:0;
	padding:0;
	vertical-align:middle
}
table#amesSoeursLecture td.listePseudo {
	width:100%;
	white-space:nowrap
}
table#amesSoeursLecture table.navigation td {
	border-bottom:0px;
	text-align:center;
	vertical-align:middle
}
/*ames Soeurs Lecture - profil*/
table#amesSoeursLecture td.profil {
	width:560px
}
table#amesSoeursLecture td.profilJumeau {
	width:250px
}
table#amesSoeursLecture .tableColumnInfosPerso {
	width:265px
}
table#amesSoeursLecture ul {
	margin:5px 0;
	padding:0 0 0 15px
}
table#amesSoeursLecture p {
	margin:10px 0
}
table#amesSoeursLecture span {
	line-height:20px;
	font-weight:normal
}
table#amesSoeursLecture label {
	float:left;
	font-weight:normal;
/*	padding-left:10px;
*/	color:#000000;
	width:130px;
	margin:2px 0
}
table#amesSoeursLecture td.cache {
	margin:0;
	padding:0;
	height:50px;
	text-align:center;
	vertical-align:middle
}
#tableAmesSoeursAlbumPhoto {
	margin:0;
	padding:0;	
}
#tableAmesSoeursAlbumPhoto .tableColumnPetit {
	width:56px;
	border:0px
}
#tableAmesSoeursAlbumPhoto .tableColumnGrand {
	width:100%;
	border:0px
}
a.signalerProfil {
	float:right;
	color:#FFFFFF;
	font-weight:normal;
	margin-right:10px;
}
a.retour img {
	border:0px
}
a.signalerProfil:hover, a.retour:hover {
	color:#ee2c2c;
}
select.signalerProfil {
	width:350px;
	margin-left:5px;
	border:#ee2c2c solid 1px;
}
/*********************************************************/
/*tables section "Vos messages"*/
/*********************************************************/
h1 span.flecheD, h1 span.flecheG {
	float:left;
	margin-top:1px
}
h1 span.flecheD {
	margin-right:20px;
}
h1 span.flecheG {
	margin-left:20px;
}
#messages .tableColumnMoyen {
	width:30%;
}
#messages .tableColumnGrand {
	width:70%;
}
#messages th {
	text-align:left;
	white-space:nowrap;
	border-bottom:0px;
}
/*********************************************************/
/*hacks pour IE*/
* html .IEbug td {
	padding:1px 5px;
}
*:first-child+html .IEbug td {
	padding:1px 5px;
}
* html .IEbug td.tableTextarea {
	padding:0 10px 10px 10px
}
*:first-child+html .IEbug td.tableTextarea {
	padding:0 10px 10px 10px
}
* html .IEbug .tableExplications td {
	padding:4px
}
*:first-child+html .IEbug .tableExplications td {
	padding:4px
}
#messages .tableLabelDate {
	padding-right:10px;
	white-space:nowrap;
}
#messages input.checkbox {
	padding:0;
	margin:0 0 0 5px;
}
#messages a {
	color:#000000;
	text-decoration:underline;
}
#messages a:hover {
	color:#ee2c2c;
	text-decoration:underline;
}
a.suivant {
	color:#FFFFFF;
	font-weight:normal;
	margin-left:10px
}
a.precedent {
	color:#FFFFFF;
	font-weight:normal;
	margin-right:10px
}
/*********************************************************/
/*Ecrire un message*/
#messages textarea {
	width:100%;
	height:200px;
	border:#ee2c2c solid 1px;
	overflow:auto
}
#messages td.barreInfo {
	background-color:#762F22;
	color:#FFFFFF;
	padding-left:10px;
	margin:0;
	text-align:center
}
#messages div.barreInfo {
	display:none;
	background-color:#762F22;
	color:#FFFFFF;
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	margin:0;
	text-align:center
}
#messages .tableInput {
	border-bottom:0;
	text-align:left
}
#messages .tableInput input {
	width:350px;
	margin-left:5px;
	border:#ee2c2c solid 1px;
}
#messages .tableColumnContacts {
	width:20%;
	padding:10px;
	vertical-align:top;
	text-align:left
}
#messages .tableColumnContacts span {
	padding-left:10px;
	color:#ee2c2c
}
#messages .tableColumnContacts table {
	border:#ee2c2c solid 1px;
	margin-top:10px;
	padding:0
}
#messages .tableColumnContacts td {
	border-bottom:0px;
	padding-left:10px;
	line-height:12px;
}
/*********************************************************/
/*Lecture des messages*/
#messages span.expediteurLecture {
	float:right;
	padding-right:10px
}
#messages span.titreLecture {
	padding-left:10px;
}
#messages .tableLecture {
	height:200px;
	padding:0;
	border:#ee2c2c solid 1px;
}
#messages .tableLecture p {
	padding:0;
	margin:0;
	vertical-align:top;
}
#messages .tableLecture td {
	border-bottom:0px;
	vertical-align:top;
	overflow:auto
}
/*********************************************************/
/*Repondeur*/
#messages .repondeur th {
	width:15%;
	white-space:nowrap
}
#messages .repondeur td {
	white-space:nowrap;
	border-bottom:0px
}
#messages .repondeur select {
	width:100px;
	margin-right:4px;
}

#messages tr.tableTxtBold{
	font-weight:bold;
}

#messages div.tableTxtBold{
	margin-top:10px;
	height:auto;
	overflow:auto;
	font-weight:bold;
	padding-left:9px;
	max-height:200px;
	border:#ee2c2c solid 1px;
}
/*********************************************************/
/*table section "Chat"*/
/*********************************************************/
#chat .TableColumnBoutton {
	width:35%
}
#chat .tableColumnMoyen {
	width:30%;
}
#chat .tableColumnGrand {
	width:70%;
}
#chat th {
	text-align:left;
	white-space:nowrap;
	border-bottom:0px;
}
#chat td.barreInfo {
	background-color:#762F22;
	color:#FFFFFF;
	height:10px
}
#chat .tableLabelDate {
	padding-right:10px;
	white-space:nowrap;
}
#chat input.checkbox {
	padding:0;
	margin:0 0 0 5px;
}
a.suivant {
	color:#FFFFFF;
	font-weight:normal;
	margin-left:10px
}
a.precedent {
	color:#FFFFFF;
	font-weight:normal;
	margin-right:10px
}
/*********************************************************/
/*table section "Votre profil"*/
/*********************************************************/
/*Page d'accueil de "Votre profil - Infos perso"*/
#tableProfilInfosPerso .tableColumnGrand {
	width:323px
}
#tableProfilInfosPerso th {
	text-align:left;
	line-height:normal
}
#tableProfilInfosPerso td {
	vertical-align:top
}
#tableProfilInfosPerso p {
	margin:0;
	padding:0
}
#tableProfilInfosPerso span {
	line-height:20px
}
#tableProfilInfosPerso label {
	float:left;
	font-weight:bold;
	padding-left:10px;
	color:#000000;
	width:150px;
	margin:2px 0
}
#tableProfilInfosPerso ul {
	margin:5px 0;
	padding:0 0 0 25px
}
#profil .tableExplications {
	padding:0;
	border:#ee2c2c solid 1px;

}
#profil p.explications {
	padding:0;
	margin:0;
}
#profil a.cliquerIci {
	color:#000000;
	font-weight:bold
}
#profil a.cliquerIci:hover {
	color:#ee2c2c;
	font-weight:bold
}
#profil a.returnMenu, #profil a.returnMenu:hover {
	float:right;
	margin-top:3px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:underline
}
#profil a.returnMenu:hover {
	color:#000000
}
/*Page d'accueil de "Votre profil - Annonce écrite"*/
#annonceEcrite {
	margin-top:10px;
	padding:10px;
	background-color:#FFFFFF
}
* html #annonceEcrite {/*hacks pour IE : correction du bug des 3 pixels*/
	height:112px;
}
*:first-child+html #annonceEcrite {/*hacks pour IE : correction du bug des 3 pixels*/
	height:112px;
}
/*Page d'accueil de "Votre profil - Album photo"*/
#tableProfilAlbumPhoto .tableColumnPetit {
	width:56px;
	border:0px
}
#tableProfilAlbumPhoto .tableColumnGrand {
	width:100%;
	border:0px
}
/*********************************************************/
/*Page de modifications : Informations personnelles*/
.tableProfilInfosPersoM .tableColumnGrand {
	width:343px
}
.tableProfilInfosPersoM th {
	text-align:left;
	line-height:normal
}
.tableProfilInfosPersoM td {
	vertical-align:top
}
.tableProfilInfosPersoM table.langues td {
	vertical-align:top;
	border-bottom:0px;
	padding:0;
	margin:0
}
.tableProfilInfosPersoM p {
	margin:0;
	padding:0
}
.tableProfilInfosPersoM label, .tableProfilInfosPersoM label.pwd, .tableProfilInfosPersoM select, .tableProfilInfosPersoM input.pwd {
	margin:5px 0
}
.tableProfilInfosPersoM label, .tableProfilInfosPersoM label.petit, .tableProfilInfosPersoM label.pwd {
	float:left;
	font-weight:bold;
	color:#000000;
	margin-left:5px;
	width:140px
}
.tableProfilInfosPersoM label.petit {
	width:80px
}
.tableProfilInfosPersoM label.pwd {
	width:170px
}
.tableProfilInfosPersoM select {
	width:180px
}
.tableProfilInfosPersoM select.profession {
	width:220px
}
.tableProfilInfosPersoM input.pwd {
	width:110px
}
.tableProfilInfosPersoM ul {
	margin:5px 0;
	padding:0
}
.tableProfilInfosPersoM li {
	list-style:none outside none;
	padding:0px;
	margin:0px;
	white-space:nowrap
}
/*********************************************************/
/*Page de modifications : Portrait*/
.tableProfilPortraitM ol {
	margin:5px 0;
	padding:0 0 0 30px
}
.tableProfilPortraitM li {
	list-style: decimal outside none
}
.tableProfilPortraitM .tableColumnGrand {
	width:100%
}
/*********************************************************/
/*Page de modifications : Annonce écrite*/
.tableProfilAnnonceEcriteM textarea {
	width:670px;
	height:150px;
	margin:10px 0 0 0;
	overflow:auto
}
.compteurCaracteres {
	text-align:right;
	padding:0 10px 10px 10px
}
.compteurCaracteres label {
	width:155px;
	margin:0;
}
/*********************************************************/
/*Page de modifications : Control acces des infos*/
#tableAccessControl .tableColumnMoyen {
	width:200px;
}
#tableAccessControl .tableColumnGrand {
	width:488px;
}
#tableAccessControl td {
	text-align:center
}
#tableAccessControl img {
	margin:0 10px
}
#tableAccessControl .italic {
	font-weight:normal;
	font-style:italic;
	line-height:12px;
	color:#000000
}
/*********************************************************/
/*table section "Votre compte"*/
/*********************************************************/
/*********************************************************/
/*abonnement*/
#abonnement .tableColumnGrand {
	width:100%
}
#abonnement label {
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#ee2c2c;
	width:90px
}
#abonnement span.prix {
	font-size:18px;
	color:#000000;
}
/*abonnement - table services*/
#services .tableColumnGrand {
	width:280px;
}
#services {
	margin:10px auto 0 auto;
	width:100%;
	background-color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	vertical-align:middle;
	color:#000000;
}
#services tbody.servicesAb {
	background-color:#000000;
	color:#FFFFFF
}
#services th {
	line-height:24px;
	font-weight:bold;
	color:#ee2c2c;
	text-align:center;
	white-space:nowrap
}
#services td {
	padding:3px 5px;
	border-bottom:#FF0000 solid 1px;
	white-space:nowrap
}
#services .tableImg {
	text-align:center
}
/*données confidentielles*/
#private .tableColumnGrand {
	width:343px
}
#private th {
	text-align:left;
	line-height:normal
}
#private td {
	vertical-align:top
}
#private p {
	margin:0;
	padding:0
}
#private span {
	line-height:20px
}
#private label {
	float:left;
	font-weight:bold;
	padding-left:10px;
	color:#000000;
	width:150px;
	margin:2px 0
}


/*données confidentielles - modif*/
#privateM th {
	text-align:left;
	white-space:nowrap;
	border-bottom:0px;
}
#privateM th.titrePrivate {
	border-bottom:#ee2c2c solid 1px;
	padding-left:10px;
	line-height:12px;
}
#privateM label.pwd {
	float:left;
	width:180px;
	font-weight:bold
}
#privateM input.pwd {
	width:150px
}
#privateM select.motif {
	width:420px;
	margin-left:5px
}
#privateM textarea{
	width:540px;
	height:150px;
	overflow:auto
}
/*********************************************************/
/*pages sous-menu*/
/*********************************************************/
#infosCosmo p {
	padding-bottom:15px;
}
#infosCosmo th {
	text-align:left;
	white-space:nowrap;
	border-bottom:0px;
}
#infosCosmo th.titrePrivate {
	border-bottom:#ee2c2c solid 1px;
	padding-left:10px;
	line-height:12px;
}
#infosCosmo label.pwd {
	float:left;
	width:180px;
	font-weight:bold
}
#infosCosmo input.pwd {
	width:150px
}
#infosCosmo select.motif {
	width:420px;
	margin-left:5px
}
#infosCosmo input.coordonnees {
	width:250px;
	margin-left:5px
}
#infosCosmo textarea{
	width:540px;
	height:200px;
	overflow:auto
}
a.returnInfo, a.returnInfo:hover {
	float:right;
	margin-top:3px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:underline
}
a.returnInfo:hover {
	color:#000000
}

/*********************************************************/
/*Bulles*/
/*********************************************************/
/*Acces restreint pour les visiteurs*/
#bulleAccessDenied {
	display:none;
	width:335px;
	height:81px;
	background:transparent url(../images/speechBalloons/bulleAccessDenied.gif) no-repeat scroll 0pt 0pt;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
	padding-top:18px;
	text-align:center;
}
#bulleAccessDenied span.close {
	background:url(../images/close.gif) no-repeat scroll;
	width:15px;
	height:14px;
	float:right;
	position:relative;
	top:-6px;
}
#bulleAccessDenied span {
	color:#ee2c2c
}
#bulleAccessDenied p {
	color:#000000;
}
#bulleAccessDenied button {
	float:none;
	border:#ee2c2c solid 1px;
	margin-top:10px
}
/*********************************************************/
/*Bulles informatives*/

#bulleInfo {
	width:231px;
	height:41px;
	background:transparent url(../images/speechBalloons/bullePt.gif) no-repeat scroll 0pt 0pt;
	position:absolute;
	left:466px;
	top:0px;
	z-index:1000;
	padding:6px;
	text-align:left;
}
#bulleInfo form {
	margin:0;
	padding:0
}
#bulleInfo span {
	color:#ee2c2c
}
#bulleInfo p {
	color:#000000;
	margin:0 0 0 18px
}
#bulleInfo p.email {
	margin-top:10px
}
#bulleInfo input {
	margin:0 5px;
	width:170px
}
#bulleInfo button {
	float:none;
	border:#ee2c2c solid 1px;
}
#bulleAccessProfil {
	width:335px;
	height:99px;
	background:transparent url(../images/speechBalloons/bulleGd.gif) no-repeat scroll 0pt 0pt;
	position:absolute;
	left:343px;
	top:85px;
	z-index:100;
	padding-top:20px;
	text-align:center
}
#bulleAccessProfil span.close {
	background:url(../images/close.gif) no-repeat scroll;
	width:15px;
	height:14px;
	float:right;
	position:relative;
	top:-7px;
	border:#000000 solid 1px
}
/*********************************************************/
/*Boutons*/
/*********************************************************/
button.blancBrdRouge, button.noirBrdRouge, button.rougeBrdBlanche, button.rougeBrdNoire, button.registrationForm, button.homePage {
	float:right;
	margin:0 4px;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:1px 4px;
	cursor:pointer
}
/*hacks pour IE*/
* html button.blancBrdRouge, * html button.noirBrdRouge, * html button.rougeBrdBlanche, * html button.rougeBrdNoire, * html button.registrationForm, * html button.homePage {
	width:1%;
	overflow:visible;
}
*:first-child+html button.blancBrdRouge, *:first-child+html button.noirBrdRouge, *:first-child+html button.rougeBrdBlanche, *:first-child+html button.rougeBrdNoire, *:first-child+html button.registrationForm, *:first-child+html button.homePage {
	overflow:visible;
}
button.blancBrdRouge {
	border:#ee2c2c solid 1px;
	background-color:#FFFFFF;
	color:#000000;
}
button.blancBrdRouge:hover {
	color:#ee2c2c;
	cursor:pointer;
}
button.noirBrdRouge {
	border:#ee2c2c solid 1px;
	background-color:#000000;
	color:#FFFFFF;
}
button.noirBrdRouge:hover {
	color:#ee2c2c;
	cursor:pointer
}
button.rougeBrdBlanche {
	border:#FFFFFF solid 1px;
	background-color:#ee2c2c;
	color:#FFFFFF;
}
button.rougeBrdBlanche:hover {
	color:#000000;
	cursor:pointer
}
button.rougeBrdNoire {
	border:#000000 solid 1px;
	background-color:#ee2c2c;
	color:#FFFFFF;	
}
button.rougeBrdNoire:hover {
	color:#000000;
	cursor:pointer	
}
button.homePage {
	float:none;
	border:#ee2c2c solid 1px;
	background-color:#000000;
	color:#FFFFFF;
}
button.homePage:hover {
	color:#ee2c2c;
	cursor:pointer
}
/*********************************************************/
/*Bouton avec fleche COMMUNS*/
/*********************************************************/
a.BtFlecheD, button.BtFlecheD, a.BtFlecheG, button.BtFlecheG, a.BtSansFleche, button.BtSansFleche {
	display:inline-block;
	position:relative;
	margin:10px auto 0 auto;
	padding:0;
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:#FFFFFF solid 1px;
	background: url(../images/buttons/buttonRougeMilieu.gif) left top repeat-x;
}
a.BtFlecheD span, button.BtFlecheD span, a.BtFlecheG span, button.BtFlecheG span, a.BtSansFleche span, button.BtSansFleche span {
	float:left;
	font:16px/1.9 Verdana, Arial, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
}
a.BtFlecheD:hover span, button.BtFlecheD:hover span, a.BtFlecheG:hover span, button.BtFlecheG:hover span, a.BtSansFleche:hover span, button.BtSansFleche:hover span {
	color: #000000;
}
/*******************************************/
/*hacks pour IE*/
* html button.BtFlecheD, * html button.BtFlecheG, * html button.BtSansFleche {
	width:1%;
	overflow:visible;
}
*:first-child+html button.BtFlecheD, *:first-child+html button.BtFlecheG, *:first-child+html button.BtSansFleche {
	overflow:visible;
}
/*********************************************************/
/*Bouton avec fleche à droite*/
/*********************************************************/
a.BtFlecheD span, button.BtFlecheD span { /*partie de gauche*/
	padding:0 34px 0 10px;
	background: url(../images/buttons/buttonRougeFlecheD.gif) right top no-repeat;
}
/*********************************************************/
/*Bouton avec fleche à gauche*/
/*********************************************************/
a.BtFlecheG span, button.BtFlecheG span { /*partie de gauche*/
	padding:0 10px 0 34px;
	background: url(../images/buttons/buttonRougeFlecheG.gif) left top no-repeat;
}
/*********************************************************/
/*Bouton sans fleche*/
/*********************************************************/
a.BtSansFleche span, button.BtSansFleche span { /*partie de gauche*/
	padding:0 10px;
}

.frmtable{
}


.notice{
width:auto;
background-color:#EEEEDD;
color:#669900;
padding:6px;
text-align:center;
}

.error{  	display:none;  }
        
.showerror{
            color:#FFFFFF;
            font-size:10px;
            line-height:auto;
            padding-left:130px;
			display:block;
}
        
        /*hacks pour IE*/
        * html .showerror {
            padding-left:133px;
			display:block;
        }
        *:first-child+html .showerror {
            padding-left:133px;
			display:block;
        }
.no_border td{
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	vertical-align:top;
	vertical-align:text-top;
	border-bottom:none;
}

.no_border table{
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	vertical-align:top;
	border-spacing:inherit;
	border-collapse:collapse;
}

.no_border table td{
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	vertical-align:top;
}

.popUp{
	width:331px;
	height:auto;
	background-color:#FFFFFF;
	border:.1em solid #000000;
	position:absolute;
	left:566px;
	top:200px;
	z-index:2000;
	padding:6px;
	text-align:center;
}

#baloon{
	display:none;
	text-align:center;
	width:auto;
	height:auto;
	background:transparent url(../images/speechBalloons/bullePt1.gif) no-repeat scroll 0pt 0pt;
	position:absolute;
	left:466px;
	top:0px;
	z-index:1000;
	padding:3px;
	padding-left:14px;
}

img{
border:0;
}


DIV.autocomplete {
	BORDER-RIGHT: #888 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #888 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #888 1px solid; WIDTH: 250px; PADDING-TOP: 0px; BORDER-BOTTOM: #888 1px solid; POSITION: absolute; BACKGROUND-COLOR: white; color:#000000;z-index:1000;
}
DIV.autocomplete UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV.autocomplete UL LI.selected {
	BACKGROUND-COLOR: #ffb
}
DIV.autocomplete UL LI {
	PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; CURSOR: pointer; PADDING-TOP: 2px; LIST-STYLE-TYPE: none; HEIGHT: 22px
}

.profil_list{
	list-style-type:circle;
	float:left;
	width:150px;
}

.requestButtons{
	border:#ee2c2c solid 1px;
	background-color:#000000;
	color:#FFFFFF;
	margin:0 4px;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:1px 4px;
	cursor:pointer
}