/*  MICKAEL  */
#PopupParrainage .ValidParrain
{
	Display:block;
	background: url(../images/btn-valider.gif) no-repeat;
	width:91px;
	height:35px;
	float:left;	
}

#DivError
{
	display:block;
	background-color:transparent;
	float:left;
	width:275px;
	text-align:center;	
	color:Red;
}

.btn_ok
{
	display:block;
	float:left;
	background: url(../images/popup-btn-ok.gif) no-repeat;
	width:30px;
	height:16px;
}


.ImageGrid
{
	background: url(../images/picto_print.gif) no-repeat;
	width:16px;
	height:16px;
}


/* FIN MICKAEL  */

/*DEBUT SQUELETTE SITE*/
*
{
margin: 0; padding: 0; border: 0; }
body {
background:url(../images/bkg.gif) repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#606060;
}

a {outline:none; color:#444444; text-decoration:underline;}
a:hover { text-decoration:underline;}
:focus{-moz-outline-style: none;}

ul, li, ol
{
list-style-image:none;
list-style-type:none;
list-style-position:outside;}

#global { 
 position:relative;
 margin: 20px auto;
 width: 790px;
}
#wrapper {
 background: url(faux-4-2-col.gif);
 margin-bottom: 0px;
 overflow: auto; /* Fix for IE */
 width: 100%;
 /*height:100%;*/
}
#header {
 color: #333;
 width: 780px;
 height: 68px;
	}
	#carte_fid
	{
		width:160px; 
	 	height:105px; 
		margin-left:15px;
		position:absolute; z-index:11;
		}
	#login-area
	{	
		float:right; 
		margin-top:10px;		
		width:315px; 
		}
	#login-area.connecte 
	{
		float:right; 
		margin-top:10px;
		width:550px;
		}
		#login-area.connecte .titre
		{width:360px; display:block; float:left; padding-top:25px; margin-right:20px; text-align:right;}
		#login-area.connecte  #zonelog	
		{ float:left; }		
		#login-area.connecte  #zonelog span.perso { color:#38373a; font-weight:bold; font-size:12px; padding-right:5px;}
		#login-area.connecte  #zonelog div#btn a{ font-weight:normal; text-decoration:none; font-size:11px;}
		#login-area.connecte  #zonelog div#btn a:hover{ text-decoration:underline;}
		
	#video-intro { position:absolute; z-index:10; left:-11px; top:45px; /*width:800px; height:460px;*/ }	
		
#rightcolumn { 
 display: inline;
 color: #333;
 width: 151px;
 float: right;
}
#leftcolumn { 
 float: left;
 color: #333;
 width: 620px;
 display: inline;
 position: relative;
}
#footer { 
 width: 780px;
 clear: both;
 margin-top:10px;
 color: #333;
 height:150px;
	}
	#footer div#gosport_plus { height:105px; background:url(../images/bg_gosport_plus.gif) top left no-repeat;}
	#footer div#gosport_contact { font: 10px; color:#ababab; height:45px; padding-left:10px; margin-top:5px;}
	#footer div#gosport_contact .site_gosport{ float:left; width:111px;}
	#footer div#gosport_contact .infos{ float:left; padding:4px 0 0 10px; line-height:12px; font-size:10px;}
	#footer div#gosport_contact .infos a, .infos a:active, .infos a:focus{ color:#ababab; text-decoration:none;}
	#footer div#gosport_contact .infos a:hover { color:#ababab; background-color:#ababab; color:#FFFFFF;}
	
.clear { clear: both; background: none; }
/*FIN SQUELETTE SITE*/

div#gosport_plus div#plus-question 
{ 
	width:190px; 
	height:auto; 
	padding:12px 0 0 15px; 
	margin:0; 
	float:left;
	}
	#puces
	{
		width:190px;
		float:left;
		color:#444444;
		font-size:12px;
		font-weight:bold;
		}
		#puces a {text-decoration:underline;}
		.iconlist
		{
		  list-style-type: none;
		  padding: 0;
		  margin: 0;
		}
		.iconlist li {		  
			background-repeat: no-repeat;
		  	background-position: 0 50%;
		  	padding: 0px 0 0px 22px;
		  	margin: 3px 0;
			}
			li.faq {background-image:url(../images/bullet_faq.gif);}
			li.contact {background-image:url(../images/bullet_contact.gif);}
			li.cartevole {background-image:url(../images/bullet_cartevole.gif);}
			/*li.print {background-image:url(../images/bullet_print.gif);}*/

div#gosport_plus div#plus-parrainage 
{ 
	width:230px; 
	padding: 12px 0 0 10px; 
	margin:0;
	height:auto; 
	float:left;
	}
	div#gosport_plus div#plus-parrainage .text{margin:0px 0 5px 2px;}
	div#gosport_plus div#plus-parrainage .text p.bonustext{line-height:12px;}
	div#gosport_plus div#plus-parrainage .text p strong.orange{color: #f29c24;}
	div#gosport_plus div#plus-parrainage .text img.bonusprofil{float:left; margin: 0 4px 0 0;}
	div#gosport_plus div#plus-parrainage  div.bonusprofil{clear: both;}
	#btn ul {		
		color:#414141;
		font-size:12px;
		font-weight:bold;
		}
	#btn li { /*background:url(../images/bullet_arrow.png) 0 50% no-repeat;*/
               background:url(../images/bullet_arrow.gif) 0 50% no-repeat;
               padding:0 0 0 22px;
               margin:2px 0;
               line-height:14px;
                       }


div#gosport_plus div#plus-profil 
{ 
	width:230px; 
	padding: 12px 0 0 10px; 
	margin:0;
	height:auto; 
	float:left;
	}
	div#gosport_plus div#plus-profil .text
	{margin:0px 0 5px 2px; height:42px;}
		div#gosport_plus div#plus-profil .text img
		{ float:left; margin-right:4px;}		
		div#gosport_plus div#plus-profil .text span
		{ display:block; padding:6px;}

div#gosport_plus div#plus-adhesion 
{ 
	width:328px;
	height:95px; 
	margin:5px 0 0 2px;  
	float:left; 
	background:url(../images/bg_offre_adhesion.gif) no-repeat top left;
	}
	div#plus-adhesion div.button
	{
	margin:62px 0 0 178px;
	}  

div#gosport_plus div#plus-paiement
{ 
	width:325px;
	height:94px; 
	padding: 11px 0 0 10px; 
	float:left; 
	background:url(../images/bg_option_paiement.gif) bottom right no-repeat;
	}
	div#gosport_plus div#plus-paiement .text
	{ width:205px; margin: 0 0 5px 2px; text-decoration:none; cursor:pointer; }

#menufeel-big ul {
    padding-left: 0;
    }
    #menufeel-big li {
    text-align: center;
    float: left;
	margin-right:4px;
    width: 204px;
    }
	#menufeel-big .feelcool {margin:0;}



/*************************************************************************************************/
/*************************************************************************************************/
/**************************************** LES BOUTONS ********************************************/
/*************************************************************************************************/
/*************************************************************************************************/
/* BOUTON */
div.button, div.button a { 
    display:-moz-inline-box; 
	color:#000000;
	height:32px;
	font-size:11px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
    vertical-align:middle; 
    background:none; 
	text-decoration:none;
}
	div.button a:hover {
	/*text-decoration:underline;*/
	}
	div.button span { 
		position:relative; 
		float:left; 
		padding:0 0 0 21px;        /* Largeur du côté gauche */ 
		/*background:url(../images/button_left.png) left top no-repeat transparent;*/
		background:transparent url(../images/button_left.gif) left top no-repeat;
	}
	div.button span span { 
		padding:0 14px 0 0;  /* Largeur du côté droit */ 
		/*background:url(../images/button_right.png) right top no-repeat transparent;*/
		background:transparent url(../images/button_right.gif) right top no-repeat;
	}
	div.button span span span { 
		height:32px;        /* Hauteur du bouton */ 
		padding:0;
		padding-left:4px;
		line-height:32px;    /* Alignement vertical du texte */
		/*background:url(../images/button_middle.png) left top repeat-x transparent;*/
		background:transparent url(../images/button_middle.gif) left top repeat-x;
	}
	
	a.btn-compte { display:inline; float:right; margin:7px 10px 0 0; }
	a.btn-conditions { display:block; width:125px; height:36px; background:url(../images/btn-voirconditions.png) no-repeat left top; }

/* BOUTON ORANGE */
div.button_orange, div.button_orange a { 
    display:-moz-inline-box; 
	color:#000000;
	height:32px;
	font-size:11px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
    background:none; 
	text-decoration:none;
}
	div.button_orange a:hover {
	/*text-decoration:underline;*/
	}
	div.button_orange span { 
		position:relative; 
		float:left; 
		padding:0 0 0 21px;        /* Largeur du côté gauche */
		/*background:url(../images/button_orange_left.png) left top no-repeat transparent;*/
		background:url(../images/button_orange_left.gif) left top no-repeat;
	}
	div.button_orange span span { 
		padding:0 14px 0 0;        /* Largeur du côté droit */ 
		/*background:url(../images/button_orange_right.png) right top no-repeat transparent;*/
		background:url(../images/button_orange_right.gif) right top no-repeat;
	}
	div.button_orange span span span { 
		height:32px;        /* Hauteur du bouton */ 
		padding:0;
		padding-left:4px;
		line-height:32px;    /* Alignement vertical du texte */
		/*background:url(../images/button_orange_middle.png) left top repeat-x transparent;*/
		background:url(../images/button_orange_middle.gif) left top repeat-x;
	}

/* BOUTON VERT */
div.button_vert, div.button_vert a { 
    display:-moz-inline-box; 
	color:#000000;
	font-size:11px;
	height:32px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
    background:none; 
	text-decoration:none;
}
	div.button_vert a:hover {
	/*text-decoration:underline;*/
	}
	div.button_vert span { 
		position:relative; 
		float:left; 
		padding:0 0 0 21px;        /* Largeur du côté gauche */ 
		/*background:url(../images/button_vert_left.png) left top no-repeat transparent;*/
		background:url(../images/button_vert_left.gif) left top no-repeat;
	}
	div.button_vert span span { 
		padding:0 14px 0 0;        /* Largeur du côté droit */ 
		/*background:url(../images/button_vert_right.png) right top no-repeat transparent;*/
		background:url(../images/button_vert_right.gif) right top no-repeat;
	}
	div.button_vert span span span { 
		height:32px;        /* Hauteur du bouton */ 
		padding:0;
		padding-left:4px;
		line-height:32px;    /* Alignement vertical du texte */
		/*background:url(../images/button_vert_middle.png) left top repeat-x transparent;*/
		background:url(../images/button_vert_middle.gif) left top repeat-x;
	}
/*****************************************************************************************************/
/*****************************************************************************************************/
/**************************************** FIN LES BOUTONS ********************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/

/*DEBUT ZONE DE LOGIN */ 
/*STATUT NON LOGUE*/
.login-bar {
	margin:2px 0;
}
div.login-error {
	color: #d63300;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0px;
	margin-top: 2px;
	padding: 0px;
	padding-left:10px;
    visibility:hidden;
}
.login-bar span.bgcarte {
	float: left;
	padding: 1px 2px;
	background:url(../images/int-carte.gif) no-repeat;
	width:149px;
	height:16px;
}
.login-bar span.bgpass {
	float: left;
	margin: 0 0px 0 0;
	padding: 1px 2px;
	background:url(../images/int-pass.gif) no-repeat;
	width:118px;
	height:16px;
}
.login-bar .inp_carte {
	float: left;
	padding: 0px 0px 0px 26px;
	color: #444444;
	font: 11px Arial, sans-serif;
	background:url(../images/inp-carte-bg.gif) no-repeat 5px 0;
	border: none;
	position: relative;
}
.login-bar .inp_password {
	float: left;
	width: 85px;
	padding: 0px 0px 0px 20px;
	color: #444444;
	font: 11px Arial, sans-serif;
	background:url(../images/inp-password-bg.gif) no-repeat 5px 0;
	border: none;
	position: relative;
}
.login-bar .btn_ok { /*float: left;*/
	margin-top: 0;
	position: relative;
	width: 29px;
	height: 16px;
	vertical-align:top;
	border: 0;
	background:url(../images/btn-ok.gif) no-repeat;
	text-indent: -9999px;
	line-height: 0px;
	cursor: pointer;
	color: #FFFFFF;
	cursor: hand; /* pour IE */
}

/*DEBUT ZONE DE LOGIN */ 
/*STATUT LOGUE*/

/*FLASH INTRO 
#intro { position:relative; z-index:2; margin-left:-10px; margin-top:-10px; }
/*FIN FLASH INTRO */

/************** PAGES FEEL *****/
/* MENU FEEL */
.navfeel {
	width: 620px;
	height: 98px;
	background: url(../images/nav-feel.gif) no-repeat;
	/*position: absolute;*/
}
.navfeel li {
	display: inline;
}
.navfeel li a:link, .navfeel li a:visited {
	position: absolute;
	top: 0px;
	height: 98px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 2;
	}
	/*NAV FEEL HAPPY*/
	.navfeel .feelhappy a:link, .navfeel .feelhappy a:visited{left: 0px;width: 206px;}
	.navfeel .feelhappy a:hover, .navfeel .feelhappy a:focus{background:url(../images/nav-feel.gif) no-repeat -0px -98px;}
	.current-feelhappy .feelhappy a:link{background: url(../images/nav-feel.gif) no-repeat -0px -98px;cursor: pointer;}
	/*NAV FEEL FREE*/
	.navfeel .feelfree a:link, .navfeel .feelfree a:visited{left: 206px;width: 206px;}
	.navfeel .feelfree a:hover, .navfeel .feelfree a:focus{background:url(../images/nav-feel.gif) no-repeat -206px -98px;}
	.current-feelfree .feelfree a:link{background: url(../images/nav-feel.gif) no-repeat -206px -98px;cursor: pointer;}
	/*NAV FEEL COOL*/
	.navfeel .feelcool a:link, .navfeel .feelcool a:visited {left: 412px;width: 206px;}
	.navfeel .feelcool a:hover, .navfeel .feelcool a:focus {background:url(../images/nav-feel.gif) no-repeat -412px -98px;}
	.current-feelcool .feelcool a:link {background: url(../images/nav-feel.gif) no-repeat -412px -98px;cursor: pointer;}
	
/* FIN MENU FEEL */

/* GABARIT, ZONING, ELEMENTS GLOBAL FEEL */

#main
{background:#fff url(../images/bg_mainfeel.gif) bottom right no-repeat; font-size:12px; }
#main div#titre { margin:5px 0 0 10px;}
#content-feel
{
padding-top:20px;
color:#1a171b;
font-size:12px;
}
#content-feel ul {
list-style-position:outside;
margin: 8px 0 12px 2px;
		}
		#content-feel li { background:url(../images/arrow.gif) no-repeat;
			padding:0 0 0 12px;
			margin:4px 0;
			}
#content-feel .mentions { color:#6f6f6f; font-size:10px; margin:40px 15px 0 0;}
/* FIN GABARIT, ZONING, ELEMENTS GLOBAL FEEL */

/* PAGE FEEL HAPPY */
#main div#happy
{
background:#fff url(../images/bg_feelhappy.gif) bottom right no-repeat;
min-height:462px;
-height:462px;
padding-bottom:10px;}

#content-feel div#content-happy {margin-left: 180px;}

#content-feel ul.happy {width:325px;}
#content-feel div.content-h1, #content-feel div.content-h2, #content-feel div.content-h3
{
	margin:0 10px 12px 0;
	}
	#content-feel div.content-h1
	{background:url(../images/offre-content-h1.gif) top right no-repeat;padding:0 0 10px 0;}
	#content-feel div.content-h2
	{background:url(../images/offre-content-h2.gif) top right no-repeat;padding:0 0 40px 0;}
/* FIN PAGE FEEL HAPPY */


/* PAGE FEEL FREE */
#main #free
{
background:#fff url(../images/bg_feelfree.gif) bottom right no-repeat;
min-height:577px;
-height:577px;}

#content-feel div#content-free {margin-left: 10px;}

#content-feel ul.free {width:400px;}
#content-feel div.content-f1, #content-feel div.content-f2
{
	margin:0 10px 20px 0;
	}
	#content-feel div.content-f3
	{background:url(../images/offre-content-f3.gif) top right no-repeat; margin:0 10px 0 0;}
	#content-feel div.content-f3 ul.free li sup
	{ line-height:6px; font-size:8px;}
	
	#content-feel div.content-f3 ul.free {width:490px;}
	div.content-f3 .mentions sup{ line-height:5px; font-size:8px;} 
	div.content-f3 .conditions { margin:10px 0 0 15px; padding-bottom:8px;}
	

/* FIN PAGE FEEL FREE */


/* PAGE FEEL COOL */
#main div#cool
{
background:#fff url(../images/bg_feelcool.gif) bottom right no-repeat;
min-height:418px;
-height:418px;
padding-bottom:15px;}
#main div#cool strong.vert {color: #a8c248;}


#main div#intro-cool { color:#6f6f6f; margin:10px;}
#main div#intro-cool span { color:#333333; font-weight:bold;}

#content-cool ul#info-cool h3 { color:#FFFFFF; font-size:14px; width:398px; height:20px; cursor:pointer; background:url(../images/bg-h-feelcool.gif) top left no-repeat;padding:5px 0 0 28px;margin:4px 0;}
#content-cool ul#info-cool h3:hover {cursor:pointer; background:url(../images/bg-h-feelcool.gif) 0 -25px no-repeat;}
#content-cool ul#info-cool h3.acc-selected, #content-cool ul#info-cool h3.acc-selected:hover {cursor:pointer; background:url(../images/bg-h-feelcool.gif) 0 -25px no-repeat;}
#content-cool ul#info-cool div#acc-section {overflow:hidden;}
#content-cool ul#info-cool div#acc-content-c {color:#000000; width:410px; padding:2px 0 12px 2px;}
#content-cool ul#info-cool li { margin-bottom:5px;}
div#content-cool ul#info-cool { margin-left:180px;}

#content-feel ul#info-cool, #content-feel ul#info-cool li 
{ margin:0; padding:0; list-style:none; background:none;}

div#acc-content-c ul {list-style-position:outside; margin:0; padding:0;} 
div#acc-content-c ul#list li { background:url(../images/arrow.gif) no-repeat; padding:0 0 10px 12px;margin:4px 0;}
div#acc-content-c ul#list li span {font-weight:bold; display:block;}
div#acc-content-c ul#list li sup { line-height:0px; font-size:9px;}
div#acc-content-c div#boutons div#btn { margin:10px 0 0 10px;}
div#acc-content-c div#boutons div#btn a{ font-weight:bold;}


div#acc-content-c .codeoublie { font-size:11px;}
div#acc-content-c .codeoublie span { font-size:9px; color:#6f6f6f; }
div#acc-content-c .btn_savoir_plus {background:url(../images/bullet_arrow.gif) 0 50% no-repeat; padding:0 0 0 18px; margin:2px 0; line-height:14px;}

div#acc-content-c div#btn ul {		
		color:#1a171b;
		font-size:12px;
		font-weight:normal;
		}
		div#acc-content-c div#btn li { 

			}
/* FIN PAGE FEEL COOL */


/* FAQ, CONTACT, CARTE PERDU VOLE*/
/* FAQ */
#questions {width:599px; margin:10px 10px 0 10px;}

#questions h3#one { color:#FFFFFF; font-size:14px; width:574px; height:20px; cursor:pointer; background:url(../images/bg-h-faq.gif) top left no-repeat;padding:5px 0 0 25px;}
#questions h3#one:hover {cursor:pointer; background:url(../images/bg-h-faq.gif) 0 -25px no-repeat;}
#questions h3#one.acc-selected, #questions h3#one.acc-selected:hover {cursor:pointer; background:url(../images/bg-h-faq.gif) 0 -25px no-repeat;}

#questions h3#two { color:#FFFFFF; font-size:14px; width:574px; height:20px; cursor:pointer; background:url(../images/bg-h-faq.gif) 0 -50px no-repeat;padding:5px 0 0 25px;}
#questions h3#two:hover {cursor:pointer; background:url(../images/bg-h-faq.gif) 0 -75px no-repeat;}
#questions h3#two.acc-selected, #questions h3#two.acc-selected:hover {cursor:pointer; background:url(../images/bg-h-faq.gif) 0 -75px no-repeat;}

#questions h3 { color:#FFFFFF; font-size:14px; width:574px; height:20px; cursor:pointer; background:url(../images/bg-h-faq.gif) 0 -100px no-repeat;padding:5px 0 0 25px;}
#questions h3:hover {cursor:pointer; background:url(../images/bg-h-faq.gif) 0 -125px no-repeat;}
#questions .acc-selected, #questions .acc-selected:hover {cursor:pointer; background:url(../images/bg-h-faq.gif)  0 -125px no-repeat;}

#questions .acc-section {overflow:hidden;}
#questions .acc-content {padding: 8px 12px 12px 2px; color:#000000;}
#questions li { margin-bottom:5px;}
#questions ul.adhesion, #questions ul.paiement {list-style-position:outside; margin: 8px 0 12px 5px;}
#questions ul.adhesion li, #questions ul.paiement li { background:url(../images/arrow.gif) no-repeat; padding:0 0 0 12px; margin:4px 0;}
#questions ul.adhesion li li, #questions ul.paiement li  li{ background:none; padding:0 0 0 10px; margin:0;}

/* FIN FAQ */
div#separator { margin:5px 0 5px 10px;}
/*CONTACT */
#main div.titre { margin:5px 0 0 10px;}
#contact { margin-left:10px;}
#contact ul {
list-style-position:outside;
margin: 8px 0 12px 2px;
		}
		#contact li { background:url(../images/arrow.gif) no-repeat;
			padding:0 0 0 12px;
			margin:4px 0;
			}
		#contact li span.num { font-size:10px; color:#444444;}		
/* FIN CONTACT */

/* CARTE VOLE, PERDU */
#perte-vol { margin-left:10px; padding-bottom:10px;}
#perte-vol ul {
list-style-position:outside;
margin: 8px 0 12px 2px;
		}
		#perte-vol li { background:url(../images/arrow.gif) no-repeat;
			padding:0 0 0 12px;
			margin:4px 0;
			}
/* FIN CARTE VOLE, PERDU */



/****************************/
/**********DIV***************/
/****************************/

/*FACEBOX DISPLAY*/
#facebox .b {background:url(../images/b.png);}
#facebox .tl {background:url(../images/tl.png);}
#facebox .tr {background:url(../images/tr.png);}
#facebox .bl {background:url(../images/bl.png);}
#facebox .br {background:url(../images/br.png);}
#facebox .ht {background:url(../images/ht.png);}
#facebox .hb {background:url(../images/hb.png);}
#facebox .vl {background:url(../images/vl.png);}
#facebox .vr {background:url(../images/vr.png);}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {position: relative;}



#facebox table {border-collapse: collapse;}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 5px;
  background: #fff;
  width: 370px;
}

#facebox .content { display:block; width:100%; height:100%;}

#facebox .loading {text-align: center;}

#facebox .image {text-align: center;}

#facebox img {border: 0;margin: 0;}

#facebox .closeposition {
	position:absolute;
	right:10px;
	top:10px;
	z-index:2;
 /* padding: 0px;
  margin: -10px;
  margin-left:0; 
  margin-right:-5px;
  float:right;*/
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  display:block;
  padding: 0;
}

#facebox .vl, #facebox .vr{
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox .ht, #facebox .hb{
  height: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background:#ebebeb;
}

.facebox_hide {z-index:-100;}

.facebox_overlayBG {
  background-color: #ebebeb;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* FIN FACE BOX DISPLAY */
/*DIV*/
#id { width:100%; height:100%; display:block;}
/*FIN DIV*/

/*PAGE ACTUALITE*/
#actu-offre { width:570px; padding:15px; padding-bottom:5px; height:190px;}
#actu-offre div { margin-bottom:10px;}

#actu-offre div h3 { color:#ffffff; font-size:16px; padding:7px; padding-left:20px;}
#actu-offre div.une 
{
	/*background:url(../images/2009-10-29-Bd.gif) top left no-repeat;*/
	/*cursor:pointer;*/
	width:582px; 
	height:70px;
	text-decoration:none;
	
}
#actu-offre div.deux { background:url(../images/actu_offre10e.png) top left no-repeat; width:582px; height:140px;}
#actu-offre div.button_vert { margin-left:300px; margin-top:70px;}



/*FIN PAGE ACTUALITE*/


/*PAGE ACTU PAIEMENT */

#main div#intro-actupaiement { color:#6f6f6f; margin:11px}
#main #actupaiement { width:590px; padding:5px 0 10px 15px;}

#actupaiement #offre-fid1 { width:582px; height:183px;
	background:url(../images/bg-offrefid1.png) no-repeat 0 0;
	margin-bottom:10px;}
#actupaiement #offre-fid2 { position:relative; width:582px; height:159px; background:url(../images/bg-offrefid2.png) top left no-repeat;margin-bottom:10px;}
	#actupaiement #offre-fid2 a.btn-conditions { position:absolute; right:12px; top:100px; }

#actupaiement #offre-fid1 div#top { height:160px;}
#actupaiement #offre-fid1 .flap { height: 122px; width:164px; float:left; padding:18px 5px; position:relative;}
#actupaiement #offre-fid1 .option { width:400px; float:left; margin-top:3px;}
#actupaiement #offre-fid1 .option span.profit {color:#606060; font-weight:bold; display:block; margin-bottom:5px;}
#actupaiement #offre-fid1 .option .condition{ font-size:9px; margin-top:8px; display:block; line-height:10px;}
#actupaiement #offre-fid1 div#bottom { margin:4px 0 0 20px; }
#actupaiement #offre-fid1 div#bottom div#btn a {color:#ffffff; text-decoration:none;position:relative;}

#actupaiement #offre-fid2 div#top { height:138px;}
#actupaiement #offre-fid2 .info { float:left;padding-left:15px;}
#actupaiement #offre-fid2 .flap { float:left; height: 129px; width:150px;padding:5px 5px;}
#actupaiement #offre-fid2 div#bottom { margin:2px 20px 0 25px; font-weight:bold; color:#1a171b; }
#actupaiement #offre-fid2 div#bottom .cout {float:left;width:200px;}
#actupaiement #offre-fid2 div#bottom .taux {float:right;width:200px; text-align:right;}

#main #actupaiement #boutons { position:relative; padding-left:40px; }
#main #actupaiement  div#boutons div#btn { float:left; font-weight:normal; padding-top:8px; width:250px;}
#main #actupaiement  div#boutons div#button_vert { float:left; }

/*
#actupaiement div#option {margin-bottom:10px;}

#actupaiement #option div.offre-a { background:url(../images/bg-actupaiement_offre.png) top left no-repeat; width:582px; height:162px; margin:0;}
#actupaiement #option div.info-a { background:url(../images/bg-actupaiement_infosplus.png) top left no-repeat; width:582px; height:21px; position:relative; color:#ffffff; margin:0;}

#actupaiement #option div.offre-b { width:582px; height:139px; margin:0;}
#actupaiement #option div.info-b { background:url(../images/bg-actupaiement_infosplus.png) top left no-repeat; width:582px; height:21px; position:relative; color:#1a171b; margin:0;}

*/

/*FIN PAGE ACTU PAIEMENT */

/*PAGE CONDITIONS GENERALES */

#main div#intro-cgv { margin:10px 0 0 15px; border-bottom:1px solid #dddddd; padding-bottom:10px;}

#main div#cgv { padding-bottom:15px; min-height:300px; -height:300px;} 

#conditions_carte {width:599px; margin:10px 10px 0 10px;}
#conditions_carte h3 { color:#606060; font-size:12px; font-weight:bold; width:574px; cursor:pointer; background:url(../images/acc_plus.gif) top left no-repeat; padding:0 0 0 20px;}
#conditions_carte h3:hover {cursor:pointer; background:url(../images/acc_plus.gif) 0 -15px no-repeat;}
#conditions_carte .acc-selected, #conditions_carte .acc-selected:hover {cursor:pointer; background:url(../images/acc_plus.gif) 0 -15px no-repeat;}

#conditions_carte .acc-section {overflow:hidden;}
#conditions_carte .acc-content {padding: 8px 12px 8px 20px; color:#606060; text-align:justify;}
#conditions_carte .acc-content div#paragraph { margin-bottom:5px;}

#conditions_carte .acc-content div span.rub { font-weight:bold; color:#606060; }
#conditions_carte li { margin-bottom:5px;}
/*FIN PAGE CONDITIONS GENERALES */



/* ESPACE PERSO */
#leftcolumn div#espace_perso 
{
background:url(../images/bg_espace_perso.gif) top left no-repeat;
width:100%;
height:310px;
margin:0;
position:absolute;
			}
			div#espace_perso div.content
			{
			background:url(../images/bg_content_espace.png) top left no-repeat;
			width:337px;
			height:287px;
			margin:15px 0 0 262px;}
			div#points
			{
				
			height:163px;
			padding:10px 20px 0 20px;
			font-weight:bold;
			color:4f4f4f;
			}
				div#points .total_points
				{			
				text-align:center;
				font-size:15px;
				line-height:18px;
					}
					div#points .total_points span
					{ 
					font-size:25px;
					color:#1a181c;
					display:block;
					}
				div#points .points_restant
				{
				margin-top:26px;
				/*line-height:12px;*/
				}
				div#points .points_restant .reste
				{
				padding: 0 0 5px 0;
				font-size:20px;
				}
				div#points .points_restant .mentions
				{
				font-size:10px;
				padding-top:5px;
				font-weight:normal;
				line-height:2px;
				
				}
				div#points .points_restant .mentions a { text-decoration:none; position:relative; }
				
				div#points .points_restant a { text-decoration:underline; position:relative; }
				
			div#ticket 
			{
			width:310px;
			height:102px;
			margin-left:16px;
				}
				div#ticket table { color:11px; font-size:11px; margin-top:7px;}
				div#ticket table td { padding-left:2px; height:19px;}
				div#ticket table tr.gris { background-color:#dedede;}
/* FIN ESPACE PERSO */

/**************************************/
/******MODIFICATION PROFIL ************/

#leftcolumn div#modification_profil div#header {width:580px; height:35px;} 
#leftcolumn div#modification_profil .titre { float:left;width:77px; height:20px;}
#leftcolumn div#modification_profil .messerror { display:block; color:#d63300; font-weight:bold; width:495px;text-align:center; height:30px; float:left;}

#leftcolumn div#modification_profil form { clear:both; }

#formulaire { color:#606060;}
#formulaire span.txtError {color:#d63300; font-weight:bold;}
#formulaire input span { padding:0; margin:0;}

#formulaire .left div, #formulaire .right div, #formulaire .right div { height:18px; margin-bottom:2px;}
#formulaire div.left input, #formulaire div.right input  {height:17px; padding-left:5px; width:170px; border:none; background:#dddddd;}

#formulaire .left input.rbutton { border:none; background:none; width:auto; line-height:17px; margin-left:8px;}
#formulaire .left span.civilite { vertical-align:top; line-height:20px;}
#formulaire .left{ float:left; width:285px;}
#formulaire .left div label { width:100px; font-weight:bold; float:left; line-height:17px;}

#formulaire .right { float:left; width:275px; margin-left:10px;}
#formulaire .right div label { width:90px; font-weight:bold; float:left; line-height:17px;}
#formulaire .right div.datenaissance { height:35px;} 
#formulaire .right div.datenaissance input { margin-top:17px;}
#formulaire .right input.mois { width:25px;}
#formulaire .right input.annee { width:35px;}
#formulaire .right input.tel { width:15px;}

#formulaire .bottom {float:left; width:390px; margin:15px 0 0 0;background-color:transparent;}
#formulaire .bottom div.intro { height:18px; font-size:13px; border-bottom:1px solid #eeeeee; font-weight:bold; margin-bottom:5px;}
#formulaire .bottom div label { width:270px; font-weight:bold; float:left; line-height:17px;}
#formulaire .bottom div input { line-height:17px; height:18px; }
#formulaire .bottom span.optin { vertical-align:top; line-height:20px; margin-right:5px;}

#formulaire #boutons { clear:both;position:relative; padding-left:60px; margin-bottom:5px; }
#formulaire div#boutons div#btn { float:left; font-weight:normal; padding-top:8px; width:220px;}
#formulaire div#boutons div#button_orange { float:left; }

#formulaire .champs_obligatoires { color:#d63300; font-size:11px; margin-bottom:10px; line-height:11px;}
#formulaire .mentions { color:#999999; font-size:10px; line-height:10px;}

	/* MODIFICATION PROFIL NON SALARIE [NS]*/
	#leftcolumn div#modification_profil .non_salarie {background:url(../images/bg_modification_profil-ns.gif) top left no-repeat; height:465px; padding:40px 15px 0 30px;}
	/* FIN MODIFICATION PROFIL NON SALARIE [NS]*/
	
	/* MODIFICATION PROFIL SALARIE [S]*/
	#leftcolumn div#modification_profil .salarie {background:url(../images/bg_modification_profil-s.gif) top left no-repeat; height:570px; padding:40px 15px 0 30px;}
	#leftcolumn .right .situation label {  width:120px; font-weight:bold; float:left; line-height:17px;}
	#formulaire .right .situation select {height:17px; padding-left:5px; width:120px; border:1px solid #dddddd; background:#dddddd; font-size:11px; } 
	
	#formulaire div#CA { margin:5px 0 10px 0;}
	#formulaire div#CA table { color:#ffffff;text-align:left; padding-left:10px; }
	#formulaire div#CA table th {  width:290px; background-color:#f29c24; height:22px; line-height:22px;padding-left:10px; font-weight:bold;}
		#formulaire div#CA table th.topca {background:#f29c24 url(../images/topth_ca.gif) top left no-repeat;}
		#formulaire div#CA table th.bottomca { background:#f29c24 url(../images/bottomth_ca.gif) bottom left no-repeat; margin:0;}
	#formulaire div#CA table td {  width:100px; background-color:#757575;padding-left:10px;}
		#formulaire div#CA table td.topca {background:#757575 url(../images/toptd_ca.gif) top right no-repeat;}
		#formulaire div#CA table td.bottomca {background:#757575 url(../images/bottomtd_ca.gif) bottom right no-repeat; margin:0;}
	
	/* FIN MODIFICATION PROFIL SALARIE [S]*/

/******FIN MODIFICATION PROFIL ************/
/******************************************/

/* SCROLL BAR STYLE */
.scroll {background:none;outline-style:none;}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase {
width: 14px;
background:transparent url(../images/bg_scroll.gif) top left repeat-y;
}
.vscrollerbar {
width: 4px;
padding:16px;
cursor:pointer;
background-color:#1b191d;
z-index: 2;
margin: 0 5px;
}
.vscrollerbasebeg {
background:#ffffff url(../images/up.gif) no-repeat top left;
width: 14px;
height: 14px !important; /*  Safari BG repeat fix */
cursor:pointer;
}
.vscrollerbasebeg:hover {
background:#ffffff url(../images/up.gif) no-repeat top left;
width: 14px;
height: 14px !important; /*  Safari BG repeat fix */
cursor:pointer;
}
.vscrollerbaseend {
background:#ffffff url(../images/down.gif) bottom right no-repeat;
height: 14px;
width: 14px;
cursor:pointer;
}
.vscrollerbaseend:hover {
background:#ffffff url(../images/down.gif) bottom right no-repeat;
height: 14px;
width: 14px;
cursor:pointer;
}

/* FIN SCROLL BAR STYLE */



/****************************/
/*******DIV / Popups*********/
/****************************/
#facebox .body { width:auto; }
#facebox .popupContent { display:block; }
.popupContent { display:none; position:relative; color:#010101; font-size:12px; font-family:Arial, sans-serif; }
	.popupContent h4 { font-size:16px; color:#8a8a8a; margin:0 0 5px; }
	.popupContent fieldset { border:none; }
	.popupLinkBack { display:block; line-height:25px; color:#414141; font-weight:bold; text-decoration:none; padding:0 0 0 20px; background:url(../images/popup-fleche-retour.gif) no-repeat left center; }
		.popupLinkBack:hover { text-decoration:none; }
	.popupList { position:relative; list-style:none; }
		.popupList li { position:relative; padding:0 0 10px 15px; background:url(../images/popup-fleche-noire.gif) no-repeat 0 2px; }
			.popupList li li { padding:0; background:none; }
	.popupField { line-height:15px; }
		.popupTextbox { padding:0 8px; width:134px; height:16px; color:#444; font-size:11px; background:url(../images/popup-textbox.gif) no-repeat bottom right; position:relative; }
	.popupIntro { margin:0 0 15px; }
	.popupMentions { clear:both; color:#999; font-size:10px; line-height:12px; }
	.popupObligatoryFields { clear:both; color:#d63300; font-size:11px; margin:0 0 5px; }
	.requiredFieldStar { color:#f00; }
	.popupErrorMessage { font-size:11px; color:#f00; }
	/* Mes achats */
#PopupAchats { width:295px; padding:0 5px 30px 0; }
	#PopupAchats .magasin { margin:0 0 15px; }
		#PopupAchats .magasin address { font-style:normal; }
	#PopupAchats .ticket { padding:0 0 8px; margin:0 0 5px; background:url(../images/popup-points.gif) repeat-x left bottom; }
	#PopupAchats .articles {padding:0 0 8px; margin:0 0 5px; background:url(../images/popup-points.gif) repeat-x left bottom; }
		#PopupAchats .articles table { width:290px; }
			#PopupAchats .articles table td { padding:2px 0; vertical-align:top; }
			#PopupAchats .articles td.articleNb { width:25px; font-weight:bold; }
			#PopupAchats .articles td.articleRef { width:80px; }
			#PopupAchats .articles td.articleLibelle { width:135px; }
			#PopupAchats .articles td.articlePrix { width:50px; text-align:right; font-weight:bold; }
			#PopupAchats .contentScroll { width:310px; height:180px; overflow-y:auto; }
	#PopupAchats .total { position:relative; padding:8px 0 0; height:77px; background:url(../images/popup-points.gif) repeat-x left 35px; }
		#PopupAchats .total .totalText { font-weight:bold; }
		#PopupAchats .total .totalValue { position:absolute; right:0; top:2px; font-weight:bold; font-size:20px; }
		#PopupAchats .total .nbArticles { display:block; position:absolute; top:50px; width:290px; text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase; }
	#PopupAchats .popupLinkBack { position:absolute; bottom:8px; left:5px; }
	#PopupAchats .popupLinkPrint { position:absolute; bottom:0; right:0; }
/* Aide a la connexion */
#PopupAide { display:none; width:580px; background:url(../images/popup-aide-carte.jpg) no-repeat right 20px; }
	#PopupAide .popupList strong { display:block; margin:0 0 2px; }
	#PopupAide .popupField { margin:15px 0 0; }
	#PopupAide .popupTextbox { float:left; margin:0 5px 0 0; }
/* Parrainage */
#PopupParrainage { display:none; width:520px; }
	#PopupParrainage .popupField { float:left; margin:0 20px 0 0; }
		#PopupParrainage .popupLastField { margin:0; }
		#PopupParrainage .popupField label { float:left; }
	#PopupParrainage .popupIntro strong { display:block; }
	#PopupParrainage .popupButtons { height:35px; padding:30px 0 15px 100px;  }
		#PopupParrainage .popupButtons .popupLinkBack { float:left; margin:3px 40px 0 0; }
		#PopupParrainage .popupButtons .popupLinkButton { float:left; }
	#PopupParrainage .vosCoordonnees { margin:0 0 25px; }
		#PopupParrainage .vosCoordonnees h5 { margin:0 0 5px; font-size:13px; font-weight:bold; color:#f29c24;  }
		#PopupParrainage .popupTextbox { width:100px; _width:80px; padding:0 3px; background:#ddd; }
	#PopupParrainage .parrainageAmi { margin:0 0 10px; .margin:0; }
		#PopupParrainage .parrainageAmi h5 { margin:0 0 15px; font-size:13px; font-weight:bold; color:#000; border-bottom:1px solid #ebebeb; }
			#PopupParrainage .parrainageAmi h5 span { position:relative; top:8px; padding:0 10px 0 0; background:#fff; }
	#PopupParrainage .labelName { width:45px; }
	#PopupParrainage .labelFirstName { width:60px; }
	#PopupParrainage .labelEmail { width:55px; }
	#PopupParrainage .popupLinkBack { padding: 0 100px 0 20px; }
/* Credits */
#PopupCredits { display:none; width:380px; color:#000; }
	#PopupCredits .popupList li { clear:both; }
	#PopupCredits address { float:left; padding:0 10px 0 0; margin:0 10px 0 0; font-style:normal; border-right:1px solid #b5b5b5; }
	#PopupCredits .popupList strong { display:block; margin:0 0 5px; }
	#PopupCredits .popupButtons { text-align:center; }
	#PopupCredits .creditETO { margin:0 0 20px; }
	#PopupCredits .popupLogo { display:block; margin:5px 0 10px; }
/* Changement de mot de passe */
#PopupPassword { display:none; width:475px; }
	#PopupPassword .popupIntro { text-align:center; margin:20px 0 20px; padding:0 70px; }
	#PopupPassword .popupField { margin:0 0 10px; }
		#PopupPassword .popupField label { display:block; margin:0 0 2px; }
	#PopupPassword .popupButtons { height:35px; padding:10px 0 0 80px;  }
		#PopupPassword .popupButtons .popupLinkBack { float:left; margin:3px 40px 0 0; }
		#PopupPassword .popupButtons .popupLinkButton { float:left; }
/* Avantages */
#PopupAvantages { display:none; width:650px; }
	#PopupAvantages .popupIntro { height:66px; padding:5px 0 0 120px; background:url(../images/popup-avantages-cartes.jpg) no-repeat left top; }
	#PopupAvantages .popupButtons { text-align:center; }
	#PopupAvantages .popupList { margin:0 0 10px; }
/* Messages d'infos */
.popupMessageContent {padding: 20px 0 0 0;width:480px; text-align:center;}
.popupMessageContent  h5{font-size:12px; font-weight:bold;}
.popupMessageContent  a{display: block; margin: 10px 0 0 0;}
.popupContent strong.orange {color: #f29c24;}
.popupContent strong.vert {color: #a8c248;}
#PopupMdpEnvoye {padding: 20px 60px 0 60px;width:360px;}
#PopupServicesClients .services{padding: 10px 0 0 0;}
#PopupServicesClients .mentions{font-size: 10px;}
#PopupCommentAdherer {width:500px;padding: 0 0 20px 0;}
#PopupCommentAdherer h5 {padding: 0 0 10px 0;}
#PopupCommentAdherer .btnPdf {position:absolute; bottom:-10px; right: -5px;}