/*  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/btn_ok.png) no-repeat;width:30px;height:16px; margin-top:1px;}
.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:#1A171B;}

a {outline:none; color:#1A171B; 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;width:100%;background-color:#1A171B;padding:35px 0;}
#wrapper {margin:0 auto;overflow:auto; /*Fix for IE */width:765px;position:relative;}
#header {color: #333;width: 765px;height: 68px;margin:0 auto;display:block;}
	#carte_fid{width:160px; height:105px; margin-left:15px;position:absolute; z-index:11; display:block;}
	#login-area{float:right; margin-top:10px; top:0; right:0px;width:345px;	}
	    #login-area.connecte {float:right; margin-top:10px;width:600px;}
		#login-area.connecte .titre{width:420px; display:block; float:left;padding:25px 0 0 10px; margin-right:20px; text-align:left;}
		#login-area.connecte  #zonelog	{color:#FFFFFF;float:right;width:150px;}	
		#login-area.connecte  #zonelog ul {margin-top:10px;}	
		#login-area.connecte  #zonelog span.perso {color:#FFFFFF; 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;color:#FFFFFF;}
		#login-area.connecte  #zonelog div#btn a:hover{text-decoration:underline;}
		
	#video-intro { position:absolute; z-index:10; left:-11px; top:45px;}	
		
#rightcolumn { display: inline;color: #333;width: 151px;float:right;}
#leftcolumn { float: left;color: #333;width:604px;display: inline;position: relative; margin-top:1px;}
div#desQuestions {background-color:#1a171b; border:1px solid #535154; display:block; width:602px; height:60px; margin-top:12px;font-family:Century Gothic, Helvetica, Sans-Serif; color:#FFFFFF;}
#footer { width:100%;clear: both;margin-top:10px;color: #333;position:relative;}
	#footer div#gosport_contact { font-size:10px; color:#ababab; height:45px;position:relative; margin:0 auto; width:780px; background-color:#FFFFFF;}
	#footer div#gosport_contact .site_gosport{ float:left; width:45px;}
	#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#desQuestions h1 {font-size:15px;color:#FFFFFF;font-weight:bold; height:20px; border-bottom:1px solid #FFFFFF;width:275px;float:left;margin:8px 0 0 10px;}
#puces{width:190px;float:left;font-size:14px;font-weight:bold;margin-top:15px;}
		#puces a {text-decoration:none; color:#FFFFFF;}
		.iconlist{list-style-type: none;padding: 0;margin: 0;}
		.iconlist li {padding: 0px 0 0px 22px;margin: 2px 0;}
/*

	
/************************************************************************************************/
/**************************************** MENU HOME ********************************************/
/***********************************************************************************************/

#menu {height:301px;}
#menu li {float:left; height:301px;}
	/* avantages*/
	#menu li.avantages, #menu li.avantages a {float:left;width:298px;margin-right:8px;background:#bfc1c2 url(../images/bg_menu.jpg) top left no-repeat;display:block;height:301px;}
	#menu li.avantages a:link, .menu .avantages a:visited{left:0px;width:298px;display:block; height:301px;}
	/* services*/
	#menu li.services, #menu li.services a {float:left;width:298px;background:#b0b70f url(../images/bg_menu.jpg) top right no-repeat;display:block;height:301px;}
	#menu li.services a:link, .menu .services a:visited{left:298px;width:298px;background: url(../images/bg_menu.jpg) 298px 0 no-repeat;}

/* DEBUT MENU FEEL */	
.navfeel {height:103px;}
.navfeel li {float:left;height:103px;}
	/* avantages*/
	
	.navfeel li.feelavantages {float:left;width:298px;margin-right:8px;background:#bfc1c2 url(../images/bg_menu_small.gif) top left no-repeat;display:block;height:103px;text-indent:-9999px;}
	.navfeel li.feelavantages a {float:left;width:298px;margin-right:8px;background:#bfc1c2 url(../images/bg_menu_small.gif) bottom left no-repeat;display:block;height:103px;text-indent:-9999px;}
	.navfeel li.feelavantages a:link{left:0px;width:298px;display:block; height:103px;background:url(../images/bg_menu_small.gif) bottom left no-repeat;}
	.current-feelavantages li.feelavantages a:link {background:url(../images/bg_menu_small.gif) bottom left no-repeat;cursor:default;width:298px;height:103px;}
	.navfeel li.feelavantages a.other {background:#bfc1c2 url(../images/bg_menu_small.gif) top left no-repeat;height:103px;}
	/* services*/
	.navfeel li.feelservices {float:left;width:298px;background:#b0b70f url(../images/bg_menu_small.gif) top right no-repeat;display:block;height:103px;text-indent:-9999px;}
	.navfeel li.feelservices a {float:left;width:298px;background:#b0b70f url(../images/bg_menu_small.gif) bottom right no-repeat;display:block;height:103px;text-indent:-9999px;}
	.navfeel li.feelservices a:link{left:298px;width:298px;background: url(../images/bg_menu_small.gif) bottom right no-repeat;}
	.current-feelservices li.feelservices a:link {background:url(../images/bg_menu_small.gif) bottom right no-repeat ;cursor:default;width:298px;height:103px;}
	.navfeel li.feelservices a.other {background:#bfc1c2 url(../images/bg_menu_small.gif) top right no-repeat;height:103px;}
/* FIN MENU FEEL */

/*************************************************************************************************/
/*************************************************************************************************/
/**************************************** LES BOUTONS ********************************************/
/*************************************************************************************************/
/*************************************************************************************************/
/* BOUTON */

div.btn {font-size:13px;font-weight:bold;color:#1a171b;font-family:Century Gothic, Helvetica, Sans-Serif;padding:2px 5px; height:18px; margin:0px;}
div.btn a { text-decoration:underline;color:#1a171b;font-family:font-family:Century Gothic, Helvetica, Sans-Serif;}

div.btn_green { position:relative;background-color:#b0b70f;font-size:13px;font-weight:bold;color:#FFFFFF;font-family:Century Gothic, Helvetica, Sans-Serif;padding:2px 5px; height:18px; margin:0px;}
div.btn_green a { text-decoration:underline;color:#FFFFFF;font-family:font-family:Century Gothic, Helvetica, Sans-Serif;}


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: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_grey, div.button_grey 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_grey a:hover {/*text-decoration:underline;*/}
	div.button_grey 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_grey 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_grey 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;}

/*****************************************************************************************************/
/*****************************************************************************************************/
/**************************************** 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;width:180px;height:16px;}
.login-bar span.bgpass {float: left;margin: 0 0px 0 8px;padding: 1px 2px;width:118px;height:16px;}
.login-bar .inp_carte {float: left;width:175px;padding: 0px 0px 0px 5px;color: #797979;background-color:#e5e5e6;font: 11px Arial, sans-serif;border:1px solid #9f9fa1;position: relative;}
.login-bar .inp_password {display: none; float: left;width: 105px;padding: 0px 0px 0px 8px;color: #797979;background-color:#e5e5e6;font: 11px Arial, sans-serif;border:1px solid #9f9fa1;position: relative;}
.login-bar .inp_passwordTextVisible { float: left;width: 105px;padding: 0px 0px 0px 8px;color: #797979;background-color:#e5e5e6;font: 11px Arial, sans-serif;border:1px solid #9f9fa1;position: relative;}

/*
.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;}*/

/*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 *****/

/* GABARIT, ZONING, ELEMENTS GLOBAL FEEL */

#main{background:#fff url(../images/bg_mainfeel.gif) bottom right no-repeat;font-size:12px;}
#main div.titre { padding-left:10px; margin:0px;}
#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.png) 0 2px no-repeat;padding:0 0 0 12px;margin:5px 0; line-height:15px;}
#content-feel #content-avantages li { background:url(../images/arrow-b-grey.gif) 0 2px no-repeat;}
#content-feel #content-services li { background:url(../images/arrow-b-green.gif) 0 2px no-repeat;}
#content-feel .mentions { color:#6f6f6f; font-size:10px; padding:20px 15px 0 0; line-height:11px;}
/* FIN GABARIT, ZONING, ELEMENTS GLOBAL FEEL */

#main h1 {font-family:Century Gothic, Helvetica, Sans-Serif;font-size:20px;color:#1a171b;font-weight:bold;}
#main h2 {font-family:Century Gothic, Helvetica, Sans-Serif;font-size:15px;color:#ffffff;font-weight:bold; border-bottom:1px solid #1a171b; width:440px;height:20px;}
#main h2.twoline { height:40px;}
#main sup {line-height:8px;}

/* PAGE AVANTAGES */
#main div#avantages{background:#bfc1c2 url(../images/bg-avantages.gif) top right no-repeat;padding:35px 20px 20px 22px;position:relative;}
#content-feel div.content-h1, #content-feel div.content-h2, #content-feel div.content-h3{margin:0 10px 12px 0;}
#content-feel ul.avant {width:335px; float:left; display:block;}
#content-feel div.content-h1 p, #content-feel div.content-h2 p { margin:-1px 0 0 100px; float:left;}
/* FIN PAGE AVANTAGES */


/* PAGE SERVICES GAGNANTS */
#main #services {background:#b0b70f url(../images/bg-services.gif) top right no-repeat;padding:35px 20px 20px 22px;position:relative;}
#content-feel ul.serv {width:490px; float:left; display:block;}
#content-feel ul.serv li.vetement { width:365px;}
#content-feel div.content-f3 p { margin:-1px 0 0 100px; position:absolute; margin-top:-1px; right:50px;}
/* FIN PAGE SERVICES GAGNANTS */

/* FAQ, CONTACT, CARTE PERDU VOLE*/
/* FAQ */
#faq { background-color:#1A171B; color:#FFFFFF;}
#faq a { color:#FFFFFF;}
#faq h1 {font-family:Century Gothic, Helvetica, Sans-Serif;font-size:20px;color:#1a171b;font-weight:bold; height:29px;padding:5px 0 0 10px;background-color:#FFFFFF; margin:32px 0 20px 0; }
#questions {width:599px; margin:10px 10px 0 10px;}

#questions h3 { color:#FFFFFF; font-size:15px;font-family:Century Gothic, Helvetica, Sans-Serif; width:574px; height:22px; cursor:pointer;background:url(../images/bg-h-faq.gif) 0px -23px no-repeat;padding:5px 0 0 15px;border-bottom:1px solid #ffffff;}
#questions h3:hover {cursor:pointer; background:url(../images/bg-h-faq.gif) 0 0px no-repeat;}
#questions .acc-selected, #questions h3#one.acc-selected:hover {cursor:pointer; background:url(../images/bg-h-faq.gif) 0 0px no-repeat;}

#questions .acc-section {overflow:hidden;}
#questions .acc-content {padding: 8px 12px 12px 15px;}
#questions li { margin-bottom:5px; line-height:15px;}
#questions ul.adhesion, #questions ul.paiement, #contact ul {margin: 8px 0 12px 0px;}
#questions ul.adhesion li, #questions ul.paiement li, #contact ul { background:url(../images/arrow-w-black.gif) no-repeat 0 2px; 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 */
/*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 */



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

/*FACEBOX DISPLAY*/
#facebox .b, #facebox .tl,#facebox .tr, #facebox .bl, #facebox .br, #facebox .ht, #facebox .hb, #facebox .vl, #facebox .vr  {background-color:#ffffff;}

#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;}

#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:#000;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000000;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 {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 CONDITIONS GENERALES */

#main div#cgv { background-color:#1A171B; color:#FFFFFF;}

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

#cgv h1 {font-family:Century Gothic, Helvetica, Sans-Serif;font-size:20px;color:#1a171b;font-weight:bold; height:29px;padding:5px 0 0 10px;background-color:#FFFFFF; margin:32px 0 20px 0; }
#cgv a { color:#FFFFFF;}
#conditions_carte {width:599px; margin:15px 10px 0 0px; line-height:15px;}
#conditions_carte h3 { color:#FFFFFF; font-size:13px;font-family:Century Gothic, Helvetica, Sans-Serif;font-weight:bold;width:574px; cursor:pointer;background:url(../images/bg-h-faq.gif) 0px -25px no-repeat; height:18px;padding:5px 0 0 15px;border-bottom:1px solid #ffffff;}
#questconditions_carteions h3:hover {cursor:pointer; background:url(../images/bg-h-faq.gif) 0 -25px no-repeat;}
#conditions_carte .acc-selected, #questions h3#one.acc-selected:hover {cursor:pointer; background:url(../images/bg-h-faq.gif) 0 0px no-repeat;}

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

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



/* ESPACE PERSO */
div#espace_perso {background-color:#1a171b; border:1px solid #535154; display:block; width:602px;}
div#espace_perso div.content{padding:50px 20px 20px 20px;}
div#points {margin-bottom:15px;font-weight:bold;color:#FFFFFF;}
div#points .total_points {font-size:22px;font-family:Century Gothic, Helvetica, Sans-Serif;font-weight:bold;}
/*div#points .total_points span {color:#FFFFFF;}*/
div#points .points_restant {margin-top:20px;font-size:15px;font-family:Century Gothic, Helvetica, Sans-Serif;font-weight:normal;}
div#points .points_restant .reste {font-weight:bold;}
div#points .points_restant a {color:#FFFFFF;font-size:12px;}
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#vosachats {background-color:#b0b70f;padding:10px;color:#1A171B;position:relative;}
div#vosachats h1 {font-family:Century Gothic, Helvetica, Sans-Serif;font-size:18px;color:#1A171B;font-weight:bold;border-bottom:1px solid #1A171B;}
div#vosachats .tableau {background-color:#FFFFFF; height:150px; display:block; margin-top:10px; padding:8px; position:relative; overflow:hidden; border:0px;}
div#vosachats .tableau ul { margin:20px 0 10px 0;}
div#vosachats .tableau ul li {float:left;display:inline;color:#1a171b;font-family:Arial;font-weight:bold;font-size:11px; text-align:center;}
div#vosachats .tableau ul li.tdAchats {width:220px;} 
div#vosachats .tableau ul li.tdDate {width:100px;}
div#vosachats .tableau ul li.tdPoints {width:75px;}
a.tdPrint {width:100px; display:block;}

div#ticket{/*width:310px;*/height:145px;}
div#ticket table { color:#1A171B; font-size:11px; margin-top:7px; border-spacing:0px; border-width:0px; border:none; width:100%;}
div#ticket table td { padding-left:2px; height:19px; text-align:center; border:0px;}
div#ticket table tr.green { background-color:#D0D46F;border:0px;}
/* FIN ESPACE PERSO */

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

div#modification_profil {background-color:#FFFFFF;display:block;width:604px;position:relative;}
div#modification_profil div#header {height:35px; width:585px;}
div#modification_profil h1{font-family:Century Gothic, Helvetica, Sans-Serif;font-size:18px;color:#1A171B;font-weight:bold;height:23px;border-bottom:1px solid #1A171B; margin-left:165px;}
div#modification_profil .messerror{ display:block; color:#d63300; font-weight:bold; width:100%;text-align:center; height:30px; float:left; padding-top:3px;}

div#modification_profil form {clear:both;}

#formulaire {color:#606060; padding:8px 10px 10px 10px;}
#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;font-size:11px;}

#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;font-size:11px; color:#606060;}
#formulaire .left{ float:left;/* width:285px;*/}
#formulaire .left div label { width:100px; font-weight:bold; float:left; line-height:17px;}
#formulaire .left div label { width:90px; font-weight:bold; float:left; line-height:17px;}
#formulaire .left div.datenaissance { height:35px;} 
#formulaire .left div.datenaissance input { margin-top:17px;}
#formulaire .left input.mois { width:25px;}
#formulaire .left input.annee { width:35px;}
#formulaire .left input.tel { width:15px;}
#formulaire .left .pays {background:#dddddd;font-size:11px;}
#formulaire .left .lastie {height:45px; display:block;}
#formulaire .left .situationfam { margin-top:15px;background:#dddddd;font-size:11px;}


#formulaire .right {float:right;/*width:290px;margin:15px 0 0 0;background-color:transparent;*/ width:300px;}
#formulaire .right div.intro { height:18px;font-size:12px; border-bottom:1px solid #eeeeee; font-weight:bold; margin-bottom:5px;}
#formulaire .right div label { width:218px;font-size:11px;float:left; line-height:17px;}
#formulaire .right div input { line-height:17px;height:18px; width:auto; background-color:#FFFFFF;}
#formulaire .right span.optin { vertical-align:top;line-height:20px;}

#formulaire #boutons { clear:both;position:absolute;padding-left:40px; margin-bottom:5px; }
/*#formulaire div#boutons div#btn {font-weight:normal; padding-top:8px;width:220px;}*/

#formulaire .champs_obligatoires {color:#d63300;font-size:9px;margin:10px 0;line-height:11px;}
#formulaire .mentions {color:#999999; font-size:10px; line-height:10px; margin-top:20px; display:block;}

	/* 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 .right .content-ca { height:100px; display:block;}
	#formulaire div#CA {margin:5px 0 10px 0;}
	#formulaire div#CA table {color:#ffffff;text-align:left;}
	#formulaire div#CA table th {/*width:100px;*/background-color:#b0b70f;height:17px;line-height:20px;font-weight:bold;text-align:center;}
		/*#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:40px;*/background-color:#bfc1c2;text-align:center;}
		/*#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;}

.mcontentwrapper { width:100%;}
.scrollwrapper { background-color:#FFFFFF;}
.vscrollerbase {width:14px;background-color:#e5e5e6;}
.vscrollerbar {width:6px;padding:16px;cursor:pointer;background-color:#1b191d;z-index:2;margin:0 4px;}
.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 15px; }
	.popupContent fieldset { border:none; }
	.popupLinkBack { display:block; line-height:25px;font-family:Century Gothic, Helvetica, Sans-Serif;color:#1A171B; font-weight:bold; text-decoration:none; padding:0 0 0 12px; background:url(../images/arrow.png) no-repeat left center; text-decoration:underline; }
	.popupList { position:relative; list-style:none; }
		.popupList li { position:relative; padding:0 0 10px 15px; background:url(../images/arrow.png) no-repeat 0 2px; }
			.popupList li li { padding:0; background:none; }
	.popupField { line-height:15px; }
		.popupTextbox {width:134px; height:16px;padding: 0px 0px 0px 5px;color: #797979;background-color:#e5e5e6;font: 11px Arial, sans-serif;border:1px solid #9f9fa1;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;right:0; }
/* Aide a la connexion */
#PopupAide { display:none; width:580px; background:url(../images/aide-carte.gif) no-repeat right 20px; }
	#PopupAide .popupList strong { display:block; margin:0 0 2px; }
	#PopupAide .popupField { margin:10px 0 0; }
	#PopupAide .popupTextbox { float:left; margin:0 5px 0 0;width: 170px; }
/* 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;}