/* CSS French-Card (by Fifi) - 2005 - */

/* -o- "FC Look" -o- */

/* tout pour la partie "Mon Compte" */







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

* Commun aux ecrans "mon compte"

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


#moncompte {

	position: absolute;

	top: 70px;

	left: 250px;

	display: block;

	overflow: visible;

	width: 600px;

	height: 328px;

	vertical-align: middle;


	/*border: 1px solid #000000;*/

	/*cursor: hand;*/

	}

/*#moncompte a h1.page span {

	cursor: hand;

	visibility: visible;

	overflow: visible;

	display: block;

	text-decoration: none;

	}*/

	

#moncompte h2

{

	display: block;

	overflow: hidden;

	visibility: visible;

	position: relative;

	width: 100%;

	height: 20px;

	/*font: 600 16px/20px "Arial black", Verdana, Arial, Tahoma, sans-serif;*/

	/*color: #323C52;*/

	color: #000;

	/*text-align: right;*/

	text-transform: uppercase;

	margin: 0;

	padding: 0;

	margin-bottom: 7px;

}



#moncompte h3.rouge1, #moncompte h3.rouge2, #moncompte h3.rouge3

{

	font: 600 16px Arial, Verdana, Tahoma, sans-serif;

	font-weight: bold;

	color: #663366;

	text-align: center;

		/*border: 1px solid #F0F;*/

}



#moncompte h3.rouge1

{

	/*border: 1px solid #F0F;*/

	position: absolute;

	left: 310px;

	top: 50px;

}



#moncompte h3.rouge2

{

	/*border: 1px solid #F0F;*/

	position: absolute;

	left: 290px;

	top: 210px;

}



#moncompte h3.rouge3

{

	/*border: 1px solid #F0F;*/

	position: absolute;

	left: 310px;

	top: 30px;

}



#retour {

	position: absolute;

	top: 200px;

	left: 272px;

	background-color: #FFF;

	color: #9D0000;

	width: 250px;

	visibility: visible;

	overflow: visible;

	display: block;

	z-index: 100;

	border: 2px #CCC solid;

	vertical-align: middle;

	text-align: center;

	cursor: hand;

	}



#retour span {

	margin: 20px auto;

	font: 600 12px/12px Arial, Verdana, Tahoma, sans-serif;

	text-align: center;

	text-decoration: blink;

	visibility: visible;

	overflow: visible;

	display: block;

	cursor: hand;

	}

/* 

-------------------------------------------------*/

#mc_btnsmenu {

	padding: 0 0 0 20px;

	margin: 0;

	}

#mc_btnsmenu li {

	display: block;

	height: 19px;

	padding: 0;

	margin: 0;

	float: left;

	list-style-type: none;

	margin-right: 10px; /* espace entre les boutons*/

		/*border: 1px solid #F0F;*/

	}

/* ---------- */

#mc_btnsmenu a, #mc_btnsmenu span {

	display: block;

	overflow: hidden;

	height: 19px;

	text-decoration: none;

	border: 0;

	}

#mc_btnsmenu a span, #mc_btnsmenu span span {

	visibility: hidden;

	display: none;

	}

/* ---------- */



#mc_btnsmenu span.moncompte_offoff {

	width: 100px;

	background: transparent url(img/mc_moncompte_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.moncompte_off {

	width: 100px;

	background: transparent url(img/mc_moncompte_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.moncompte_off:hover {

	background: transparent url(img/mc_moncompte_on.gif) no-repeat center bottom;

	}

#mc_btnsmenu span.moncompte_on {

	width: 100px;

	background: transparent url(img/mc_moncompte_on.gif) no-repeat center top;

	}



/* ---------- */



#mc_btnsmenu span.moncoord_offoff {

	width: 133px;

	background: transparent url(img/mc_mescoordonnees_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.moncoord_off {

	width: 133px;

	background: transparent url(img/mc_mescoordonnees_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.moncoord_off:hover {

	background: transparent url(img/mc_mescoordonnees_on.gif) no-repeat center bottom;

	}

#mc_btnsmenu span.moncoord_on {

	width: 133px;

	background: transparent url(img/mc_mescoordonnees_on.gif) no-repeat center top;

	}



/* ---------- */



#mc_btnsmenu span.monprofil_offoff {

	width: 83px;

	background: transparent url(img/mc_monprofil_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.monprofil_off {

	width: 83px;

	background: transparent url(img/mc_monprofil_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.monprofil_off:hover {

	background: transparent url(img/mc_monprofil_on.gif) no-repeat center bottom;

	}

#mc_btnsmenu span.monprofil_on {

	width: 83px;

	background: transparent url(img/mc_monprofil_on.gif) no-repeat center top;

	}



/* ---------- */



#mc_btnsmenu span.moncmdes_offoff {

	width: 117px;

	background: transparent url(img/mc_mescommandes_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.moncmdes_off {

	width: 117px;

	background: transparent url(img/mc_mescommandes_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.moncmdes_off:hover {

	background: transparent url(img/mc_mescommandes_on.gif) no-repeat center bottom;

	}

#mc_btnsmenu span.moncmdes_on {

	width: 117px;

	background: transparent url(img/mc_mescommandes_on.gif) no-repeat center top;

	}



/* ---------- */



#mc_btnsmenu span.mesba_offoff {

	width: 126px;

	background: transparent url(img/mc_mesbonsachat_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.mesba_off {

	width: 126px;

	background: transparent url(img/mc_mesbonsachat_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.mesba_off:hover {

	background: transparent url(img/mc_mesbonsachat_on.gif) no-repeat center bottom;

	}

#mc_btnsmenu span.mesba_on {

	width: 126px;

	background: transparent url(img/mc_mesbonsachat_on.gif) no-repeat center top;

	}



/* ---------- */



#mc_btnsmenu span.monparrain_offoff {

	width: 85px;

	background: transparent url(img/mc_monparrain_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.monparrain_off {

	width: 85px;

	background: transparent url(img/mc_monparrain_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.monparrain_off:hover {

	background: transparent url(img/mc_monparrain_on.gif) no-repeat center bottom;

	}

#mc_btnsmenu span.monparrain_on {

	width: 85px;

	background: transparent url(img/mc_monparrain_on.gif) no-repeat center top;

	}



/* ---------- */



#mc_btnsmenu span.mesprezos_offoff {

	width: 86px;

	background: transparent url(img/mc_mesprezos_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.mesprezos_off {

	width: 86px;

	background: transparent url(img/mc_mesprezos_off.gif) no-repeat center top;

	}

#mc_btnsmenu a.mesprezos_off:hover {

	background: transparent url(img/mc_mesprezos_on.gif) no-repeat center bottom;

	}

#mc_btnsmenu span.mesprezos_on {

	width: 86px;

	background: transparent url(img/mc_mesprezos_on.gif) no-repeat center top;

	}



/* 

-------------------------------------------------*/

#moncompte p.chapo {

	clear: left;

	margin: 0;
  color: #A30080;
	font: 14px/14px Verdana;
	font-weight: bold;
  position: absolute;
  line-height: 1.2em;
	/*border: 1px solid #F0F;*/

	}





/* 

-------------------------------------------------*/

a.mc_lien {

	color: #5D5D5D;

	font-size: 11px;

	text-decoration: none;

	}







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

* "Mon compte" / "Login" / "Creation (Register)"

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

h3 {

	/*color: #333c55;*/

	color: #A30080;

	font: 900 15px/15px Arial, Verdana, Tahoma, sans-serif;

	margin: 20px 0 7px 0;

	}





/* 

-------------------------------------------------*/

#loginzone, #notyet, #creazone {

	width: 100%;
  margin: 0;
  padding: 20px 0;
  
	z-index:6;
  }



/*

-------------------------------------------------*/

#loginzone {

	position: absolute;

	left: 80px;

	top: 90px;
		height: 180px;

	
	background: url(../img/new_design/blocinscrit.jpg) no-repeat;

	}

#creazone2 {

	position: absolute;
  left: 80px;
  top: 320px;
	height: 180px;
	width: 419px;
  background: url(../img/new_design/blocpainscrit.jpg) no-repeat;
  text-align: center;
  color: #A30080;
  font: 900 12px Verdana;
 
}

#vierge {

	position: absolute;
  left: 25px;
  top: 0px;
	height: 250px;
	width: 500px;
  background: url(../img/new_design/blocvierg.jpg) no-repeat;
}



/* 

-------------------------------------------------*/

#notyet {

	text-align: left;


	font: 11px Arial, Verdana, Tahoma, sans-serif;

	height: 150px;

		/*border: 1px solid #F0F;*/

	position: absolute;

	left: 80px;

	top: 280px;
	
  background: url(../img/new_design/blocpainscrit.jpg) no-repeat;
	}



/* 

-------------------------------------------------*/

#creazone {

	padding: 10px;

	width: 500px;

	height: 307px;


		/*border: 1px solid #F0F;*/

	}

	

/* 

-------------------------------------------------*/

#pwmisszone, #pwmisszone2, #infopwmisszone {

	position: absolute;

	left: 80px;

	top: 90px;
	
	background: url(../img/new_design/blocinscrit.jpg) no-repeat;

	}





/* 

-------------------------------------------------*/

#loginzone form, #pwmisszone form, #pwmisszone2 form, #notyet form {

	margin: 0;

	padding: 0;

	}



#loginzone form { margin-left: 10px; }



#pwmisszone form, #pwmisszone2 form { margin-left: 10px; }



#loginzone p, #pwmisszone p, #pwmisszone2 p, #notyet p, #creazone p {	margin: 3px;}



#notyet p{

	/*border: 1px solid #F0F;*/

	text-align: center;

	font-weight: bold;

	font: 900 11px/11px Arial, Verdana, Tahoma, sans-serif;

	margin-bottom: 5px;

	}

	

#loginzone p.lib { 

		font: 12px Arial, Verdana, Tahoma, sans-serif; 

		text-align: center;

		color: #CA0000;

		position: absolute;

		left: 0px;

		top: -3px;

		width: 100%;

		}



#pwmisszone p.lib { 

		font: 11px Arial, Verdana, Tahoma, sans-serif; 

		text-align: center;

		font-weight: bold;
		
		

		}

		

#infopwmisszone { 

		font: 11px Arial, Verdana, Tahoma, sans-serif; 

		text-align: center;

		font-weight: bold;

		}



#infopwmisszone .emailpwmisszone a { 

		background-color: transparent;

		color: #A38;

		width: 100px;

		padding: 5px;

		text-decoration: none;

		}

		

#creazone p.lib { 

		font-weight: bold;

		font: 900 11px/11px Arial, Verdana, Tahoma, sans-serif;

		text-align: center;

		position: absolute;

		left: 140px;

		top: 60px;

		}

		

#creazone p.messagelib { 

		font: 12px Arial, Verdana, Tahoma, sans-serif; 

		text-align: center;

		color: #CA0000;

		position: absolute;

		left: 10px;

		top: 60px;

		width: 100%;
		
    

		}

			

#loginzone label, #pwmisszone label, #pwmisszone2 label, #creazone label {

	float: left;

	width: 145px;

	margin-top: 15px;

	margin-right: 2px;

	font: 900 13px/13px Verdana;
 
  color: #A30080;

	text-align: right;

	vertical-align: middle;

	height: 10px;
  
	}



#creazone label {	width: 250px;}



#creazone .input {

		color: #000;/*333c55*/

	font-size: 11px;

	width: 130px;
  margin-top: 12px;
	vertical-align: middle;



		/*border: 1px solid #F0F;*/

	}

	

#loginzone span a {

	margin-left: 10px;

	color: #5D5D5D;/*858583*/

	font: normal 11px/11px Arial, Verdana, Tahoma, sans-serif;

	text-decoration: none;

	}



#loginzone input, #pwmisszone input, #pwmisszone2 input {


 font-size: 11px;

	width: 130px;
  margin-top: 15px;
	vertical-align: middle;
}



#pwmisszone .lib, #pwmisszone2 .lib {

	width: 100%;  
	margin: 0;

	text-align: center;

	font-weight: bold;

	}



#pwmisszone .pmailinput, #pwmisszone2 .pmailinput {

	width:419px;
  vertical-align: middle;

	}



#pwmisszone .pmailinput {

	font: 11px Arial, Verdana, Tahoma, sans-serif; 

	}

	

#creazone h3 {	margin: 0;}



#creazone form {

	/*border: 1px solid #F0F;*/

	position: absolute;

	left: 40px;

	top: 100px;

	}



#loginzone h4, #pwmisszone h4, #pwmisszone2 h4, #profilzone h4 {

	width: 100%;

	color: #9D0000;

	font: normal 12px/12px Arial, Verdana, Tahoma, sans-serif;

	text-align: center;

	text-decoration: blink;

	padding: 0;

	margin: 0;

	}



#pwmisszone p a span, #pwmisszone2 p a span {

	color: #ffffff;

	font: 900 12px/16px Arial, Verdana, Tahoma, sans-serif;

	height: 16px;

	line-height: 16px;

	text-align: center;

	text-decoration: none;

	vertical-align: middle;

	padding: 3px;

	margin: 10px;

	background-color: #000;/*333c55*/

	cursor: hand;

	}



#pwmisszone p a, #pwmisszone2 p a {	text-decoration: none;}







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

"Mon compte" / "Accueil"

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

#accueilzone, #aidezone

{

	/*background-color: #E6E6E1;*/


	padding: 10px;

	height: 307px;

		border: 1px solid #A30080;

	position: absolute;

	left: 10px;

	width: 600px;

}

#aidezone2

{
border: 1px solid #A30080;
position: absolute;
left: 10px;
	width: 600px;
	font: normal 12px/12px Verdana;
	padding: 5px;
	line-height: 2em;
  color: #000000;	

}

#aidezone

{

	height: 325px;

	padding: 0;

	margin: 0;

	left: 0px;

		/*border: 1px solid #F0F;*/

}



#accueilzone h3

{

	margin: 0;

	padding: 0;

}





#accueilzone ul, #aidezone ul

{

	width: 500px;

	/*margin: 30px 0 40px 50px;*/

	padding: 10px;

	list-style-type: none;

	margin: 0;

	margin-left: 50px;

	margin-top: 10px;

}



#aidezone ul{

	width: 300px;

	margin-left: 200px;

	/*border: 1px solid #FF0;*/

	}



#accueilzone li, #aidezone li

{

	/*background-color: #D9D5CB;*/

	margin: 0;

	margin-bottom: 15px;

		/*border: 1px solid #0FF;*/

}



#aidezone li{

	text-align: center;

	}



#accueilzone li a

{

	width: 100%;

	display: block;

	padding: 2px;

	/*color: #333c55;*/

	color: #A30080;

	font-size: 14px;

	text-decoration: none;

}



#aidezone li a

{

	width: 300px;/*100%*/

	/*display: block;*/

	padding: 2px;

	color: #BD004A;

	height: 14px;

	text-decoration: none;

	border: 0;

	font: 900 11pt/14pt Arial, Arial, Verdana;

	font-weight: bold;

	/*margin-right: 10px;*/

		/*border: 1px solid #000000;*/

	

}



#accueilzone li a:hover, #aidezone li a:hover

{

	/*background-color: #CCC6BB;*/

	color: #900;

	/*color: #000;*/

}





#accueilzone p

{

	width: 100%;

	text-align: center;

	height: 20px;

	/*font: 11px/8px Arial, Verdana, Tahoma, sans-serif;*/

	font-weight: bold;

	font: 900 11px/11px Arial, Verdana, Tahoma, sans-serif;

	margin: 0;

	padding: 0;

	position: absolute;

	left: 0px;

	top: 230px;

	margin: 3px;

}



#accueilzone p.BtDeconnect

{

	/*border: 1px solid #F0F;*/

	position: absolute;

	left: 0px;

	top: 280px;

	width: 100%;

	text-align: center;

	

}



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

"Mon compte" / "Mes coordonnees"

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

#coordzone

{

	position: absolute;

	width: 620px;

	height: 330px;

	padding: 10px;

	text-align: center;

	border: 1px solid #A54765;

}



#coordzone form, #coordzone input

{

	margin-top: 8px;

	padding: 10;
}



.colonne1, .colonne2

{

	float: left;

	width: 345px;

	position: absolute;

	top: 15px;

	/*border: 1px solid #0FF;*/

}



.colonne1

{

	position: absolute;

	left: 0px;

	/*top: 13px;*/

}



.colonne2

{

	position: absolute;

	right: 10px;

}



.colonne1 p, .colonne2 p

{

	clear: both;

	margin: 5px;

	text-align: left;

}



#coordzone input, #coordzone select

{

	font-size: 10px;

	width: 140px;

  border: 1px solid #000000;

}



#coordzone .infochamp

{

	position: absolute;

	margin: 5px;

	text-align: right;

	top: -15px;

	right: 8px;
	
		font: 900 10px Verdana;
		color: #A30080;


		/*border: 1px solid #0FF;*/

}



#coordzone .checkbox

{

	width: 15px;
  height: 15px;
	vertical-align: right;

}



#coordzone .jj, #coordzone .mm { width: 45px; }



#coordzone .aaaa { width: 65px; }



#coordzone label

{

	float: left;

}



#coordzone label, #coordzone .label

{

	margin-top: 8px;

	margin-right: 10px;

	font: 900 12px Verdana;

	text-align: right;

	width: 120px;
	color: #A30080;

}



/*#coordzone label.detail

{

	margin-top: 5px;

	font: normal 11px/11px Arial, Verdana, Tahoma, sans-serif;

	color: #000;

}*/



#coordzone label.confpw

{

	font: 900 11px/8px Arial, Verdana, Tahoma, sans-serif;

	margin-top: -2px;

	height: 20px;

	vertical-align: top;

	overflow: visible;

}



#coordzone label.datenaiss

{

	width:150px;

}



#coordzone div.colonne2 select

{

	width: auto;

}



#coordzone p

{

	margin: 3px;

}



#coordzone fieldset

{

	padding: 0;

	margin: 2px;
  
	color: #A30080;

	text-align: left;

	font: 11px Arial, Verdana, Tahoma, sans-serif;

	border: 0px solid #FFF;

}



#coordzone fieldset p

{

	margin: 2px 3px 3px 3px;

	padding: 0;

}



#coordzone p.pbtn

{

	position: absolute;

	top: 355px;

	left: 220px;

	margin: 0;

	padding: 0;

}



#coordzone p.pbtn img

{

	border: 0;

}



#coordzone p.pcnil

{

	margin: 0;

	margin-top: 390px;

	padding: 0;

	font-size: 11px;

	text-align: left;

color: #A30080;
;

}



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

"Mon compte" / "Profil"

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

#profilzone

{

	position: absolute;

	width: 615px;

	height: 370px;

	left: 5px;

	top: 10px;

	padding: 2px;

	text-align: center;

	border: 1px solid #A54765;


}



#profilzone form

{

	margin-left: 10px;	

	margin-top: -10px;

	margin-bottom: -10px;

	text-align: left;

	height: 220px;

}



/*#profilzone form div*/

#profilzoneForm

{

	visibility: visible;

	display: block;

	overflow: auto;

	position: absolute;

	width: 640px;

	height: 345px;

	left: 5px;

	top: 5px;

  font: 900 12px/14px Verdana;
  
  
  color: #A30080;
		/*border: 1px solid #FF0;*/

}



#profilzoneForm h3

{

	text-align: left;

	font: 900 12px/14px Arial, Verdana, Tahoma, sans-serif;

	color: #FFF;

	clear: left;

	/*border-top: 1px dashed #666;

	border-bottom: 1px dashed #666;*/

	background-color: #848A4A;

	margin: 0;

	padding-left: 10px;

}





#profilzoneForm ul {

	width: 590 px;

	height: 30px;

	margin: 2px 0 20px 10px;

	padding: 0;

	list-style-type: none;

	text-decoration: none;
	
	

	}

#profilzoneForm ul li {

	/*display: inline;*/

	float: left;

	width: 145px;

	/*height: 19px;*/

	padding: 0;

	margin: 0;

	margin-left: 10px;

	text-align: left;

	vertical-align: center;

	font-weight: bold;

	font: 900 11px/11px Arial, Verdana, Tahoma, sans-serif;
	color: #A30080;

	}







#profilzone p

{

	float: none;

	display: block;

	margin: 30px 0 0 0;

	text-align: center;

}



#profilzone p.pbtn, #profilzoneOK p.pbtn

{

	position: absolute;

	top: 375px;

	left: 230px;

	margin: 0;

	padding: 0;

}



#profilzone p.fcprofil, #profilzoneOK p.fcprofil

{

	text-align: center;

	font: normal 11px/11px Arial, Verdana, Tahoma, sans-serif;

	margin: 0;

	height: 13px;
	margin-top: 110px;
	margin-left: -45px;
		color: #A30080;
}



#profilzoneOK p.fcprofil

{

	/*border: 1px solid #F0F;*/

	position: absolute;

	left: 190px;

	top: 305px;

}



#profilzone input

{

	/*color: #333c55;*/

	color: #000;

	font-size: 11px;

	border: 0;

}



/* specials */

.popDesc

{

	position: absolute;

	z-index: 100;

	font: normal 11px/12px sans-serif, Arial, Verdana, Tahoma;

	border: 1px #BFBAA7 solid;

	padding: 7px 5px 7px 5px;

	/*margin: 4px;*/

	width: 220px;

	text-align: left;

	background: transparent url(../img/fd_info.gif) center center repeat-y;

	display: none;

	color: #000;

	text-align: justify;

	background-color: #F7EFD6;/*EFDFAD*/

	margin-bottom:180px;

		/*border: 1px solid #F0F;*/

}



.popDescCaddie

{

	display: none;

	z-index: 10000;

	position: absolute;

	width: 200px;

	font: normal 11px/12px sans-serif, Arial, Verdana, Tahoma;

	border: 1px #BFBAA7 solid;

	text-align: justify;

	background-color: #F7EFD6;

	padding: 7px 5px 7px 5px;

	color: #000;

	margin-top: -120px;

	/*

	background: transparent url(../img/fd_info.gif) center center repeat-y;

	*/

}