/******** Default Behaviour Tags ********/
/****************************************/
/* RESET STYLE */

*				{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#60562e; outline:none;}
body			{font-size:0.625em; background:#500019 url(/images/bgd_home_body.gif) 0 0 repeat-x;}
a				{text-decoration:underline; color:#aa0035;}
a:hover			{text-decoration:none}
select, input, textarea	{font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; border:#010800 solid 1px; font-size:0.92em;}
input, textarea{padding:1px 1px 1px 2px}
h1{}
h2, h3,h4{font-size:1.3em;}
img, fieldset{border:0}
/***********/
ol, ul{list-style-type:none;}
ul{}
	ul li{}
ol{}
	ol li{}
dl{}
	dt{font-weight:bold; text-transform:uppercase;} 
	dd{}
/***********/
table{border-collapse:separate; border-spacing:0; margin:0;}
	th, td{text-align:left; padding:0;}
	th{}
	td{}
	thead{font-weight:bold;}
		thead th{}
		thead td{}
	tbody{}
		tbody th{}
		tbody td{}
		
p{line-height:16px;}
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}
/********** Common Structure (for all templates) ********/
/********************************************************/
/* Styles that are used in all pages (there are the structure styles)
The css tree must be ordered exactly as the same as HTML document
No use of additional comments (if the css tree is well ordered, the code is clear) *//*  main structure
***************************************/
#container{width:965px; padding:0; margin:0 auto; font-size:1.2em;}

	/*********header***********/	
	#header{width:100%; padding:0 0 16px 0}
		#header h1{text-align:center;}
	
	/*********main content***********/
	#mainWrapper{width:965px; background:url(/images/bgd_mainWrapper.gif) 0 0 repeat-y;}
		#main{width:866px; background:url(/images/bgd_main.jpg) 100% 0 no-repeat; padding:0 99px 0 0; overflow:hidden;}
		
	/********************/
	#content{width:633px; float:left;}
		#content h2{background:#fdf4d7; text-align:center; padding:13px 0}
		#highlightContent{width:100%;}
		
		.home{background:#dfcc96 url(/images/bgd_home.jpg) 0 0 no-repeat;}
		.inscription{background:#e0cd97 url(/images/bgd_inscription.jpg) 0 0 no-repeat;}
		.brasseries{background:#dfcc96 url(/images/bgd_brasseriesNew.jpg) 0 52px no-repeat;}
		.faq{background:#dfcc96 url(/images/bgd_faq.jpg) 0 0 no-repeat;}
		
		/********************/
		.blockPhoto{width:633px; overflow:hidden; margin:0 0 19px 0; background:url(/images/bgd_blockPhoto.jpg) no-repeat;}
			.blockPhoto ul{margin:0 auto; width:459px}
			.blockPhoto li{ width:134px; height:208px; display:block; float:left; padding:0 8px 6px 3px; margin:0 8px 0 0; background:url(/images/bgd_illus_01.png) 0 0 no-repeat;}
				.blockPhoto li img{display:block;}
				.blockPhoto li span{display:block; background:url(/images/bgd_line_01.gif) 0 0 no-repeat; height:27px; text-align:center}
				.blockPhoto li span img{margin:0 auto; padding:15px 0 0 0;}
				#articleContent{ padding:0 0 0 0; width:100%;}
		#articleBody { overflow:hidden; padding:0 0 0 10px;}
		#articleBody p,ol{ width:70%;}
		
		.fidelity_space{  }
			.fidelity_space img{ padding:0 0 0 5px;}
			.fidelity_space p{ padding:10px 60px 0 90px;}
			.fidelity_space span { display:block; padding:10px 60px 10px 50px; }
			.fidelity_space center { padding:10px 0 20px 0; }
		/********************/
		.contType1{width:368px; padding:0 200px 90px 65px;}
			.contType1 p{padding:0 0 10px 24px;}
			.contType1 ul{padding:0 0 15px 0}
			.contType1 li{display:block; background:url(/images/ico_li.gif) 0 0 no-repeat; padding:0 0 0 24px; margin:0 0 10px 0}
			.contType1 li strong{font-size:1.167em; color:#ce0040;}
			
			.infoType1{width:354px; overflow:hidden; padding:0 0 0 14px}
				.contType1 .infoType1 ul{padding:0; width:100%; overflow:hidden}
				.contType1 .infoType1 li{background:none; padding:0; float:left; margin:0 32px 0 0}
				.contType1 .infoType1 li.last{margin:0}
				.infoType1 li strong{font-weight:bold; color:#000; font-size:0.83em; padding:0 0 0 10px}
				.infoType1 li a{ color:#fdf4d7; font-weight:bold; width:136px; height:25px; padding:14px 10px 13px 10px; line-height:17px; text-transform:uppercase; text-align:center; display:block; background:url(/images/bgd_btn.png) 0 0 no-repeat; text-decoration:none}
				.infoType1 li a:hover{text-decoration:none}
				.contType1 .infoType1 p{padding:0 0 0 10px; font-size:0.92em; color:#000}
				.infoType1 p a{background:url(/images/ico_arrow_01.gif) 0 4px no-repeat; padding:0 0 0 10px;}
		
		/**********Inscription**********/
		.contInscription{width:100%; background:url(/images/visu_women.gif) 100% 100% no-repeat;}
			.contInscription fieldset{ width:526px; padding:0 0 0 90px;}
			.contInscription fieldset p strong{color:#cb003f; padding:0 0 5px 0; display:block}
			.contInscription fieldset p {width:536px;  overflow:hidden; margin:0 0 10px 0;}
				.contInscription fieldset .lost{ color:#000000; padding:0 0 50px 0;}
			.contInscription .question{margin:30px 0;}
			.contInscription input{width:220px; height:14px; float:left; margin:0 5px 0 0}
			.contInscription .box1{width:60px}
			.contInscription label{ font-size:0.92em;  font-weight:bold; padding:0 0 3px 0; float:left; width:160px;}
			.contInscription span.error {color: red;font-size:11px;display:block; clear: left; margin-left : 160px} 
			.civilite{}
				.contInscription .civilite p input{text-transform:capitalize;}
				.contInscription .civilite label{float:left; margin:0 0px 0 0; font-weight:normal;}
				.contInscription .civilite label strong{color:#60562e;}				
				.civilite input{border:none; width:15px; height:15px; float:left; margin:0 5px 0 0}
				#member_name,#member_firstname,#member_address{ width:220px; border:1px solid #000000;}
				.infoModification #member_name,#member_firstname,#member_address{ width:120px; border:1px solid #000000;}
					.infoModification label{ float:left; width:140px;}
					.infoModification #lblcheck03,#lblcheck04{ width:100%!important; padding:10px 0 0 0;}
					.infoModification fieldset select{ width:40px!important;}
					.infoModification #member_birthdate_year{ width:60px!important;}
					.infoModification .btn{ padding:0 0 0 160px;}
					.infoModification label#lblOptin_partner, .infoModification label#lblOptin_sms, .infoModification label#lblAlert { width:390px; float:right; }
					.infoModification input#member_optin_partner, .infoModification input#member_optin_sms, input#member_alert { width:15px; float:left; margin-top:5px; border:none; }
					.infoModification .alertForm { width:300px; display:block; font-size:10px; color:red; font-weight:100; }
				 #lblName{font-weight:bold;}
				 #lblFirstname{font-weight:bold;}
				 
				#frmInscription .pCheck { width:530px; overflow:hidden; margin:0 0 15px 0}
					#frmInscription .pCheck #lblCivility{ width:150px;font-weight:bold;}
					#frmInscription .pCheck div {width:100px;overflow:hidden; float:left}
					#frmInscription .pCheck label {width:70px;float:left; padding:0; margin:0}
					#frmInscription .pCheck input {width:30px;border:none;float:left;padding:0; margin:0}
				
				
				.pCheck01 input{ width:20px; border:none;}
				.pCheck01 label{ width:450px;}
				.contInscription h5 span{color:#CB003F;}
				.contInscription h5{color:#CB003F; padding:0 0 5px 0;}
				.checklist label{ color:#000000;}
			.date input{width:43px;}
			.checkType input{border:none; width:15px; height:15px; float:left; margin:0 5px 0 0}
			.contInscription .checkType label{float:left; margin:0 15px 0 0; font-weight:normal;}
			.contInscription .checkType a{font-size:0.92em; color:#60562e; font-weight:normal; background:url(/images/ico_arrow_02.gif) 0 4px no-repeat; padding:0 0 0 8px; margin:0 0 0 5px}
			.contInscription fieldset li{display:block; width:100%; overflow:hidden; margin:0 0 10px 0}
			.contInscription fieldset li input{width:15px; height:15px; float:left; margin:0 5px 0 0; border:none}
			.contInscription fieldset li label{float:left; color:#000;}
			.contInscription fieldset li a{color:#000}
			.contInscription .btn{ width:286px; padding:0 0 0 220px;}
				.contInscription .btn input{width:92px; height:45px; padding:0; margin:0; float:none; cursor:pointer; text-align:center; color:#fff; font-weight:bold; background:url(/images/bgd_validate.png) 0 0 no-repeat; border:none;}
		
		/********************/
		.contBrasseries{width:100%; padding:0 0 30px 0}
			.contBrasseries fieldset{padding:0 0 30px 90px;}
			.contBrasseries fieldset p{font-weight:bold; padding:0 0 10px 0}
			.contBrasseries fieldset label{display:block; font-weight:bold; padding:0 0 10px 0}
			.contBrasseries fieldset select{width:215px; color:#000; font-weight:bold; font-size:0.92em}
			.contBrasseries fieldset select option{padding:1px 0; color:#000; font-size:0.92em}
		
			/********************/
			.listLogo{width:563px; padding:0 15px 0 55px;}
				.listLogo ul{}
				.listLogo li{display:block; overflow:hidden; width:563px; margin:0 0 10px 0}
					.listLogo li img{display:block; float:left; margin:0 18px 0 0;}
					.listLogo li.last{background:url(/images/bgd_line.gif) 50% 0 no-repeat; width:323px; padding:35px 0 0 190px; margin:15px 0 0 0}
					.listLogo li.middle img{margin:10px 30px 0 0;}
					.listLogo li.last img{margin:0 30px 0 0;}


			.listCadeaux{width:526px; padding:0 15px 0 92px;}
				.listCadeaux ul{ padding:40px 0 0 0; overflow:hidden}
				.listCadeaux li{display:block; overflow:hidden; width:118px; margin:0 40px 10px 0; float:left; height: 265px; }
					.listCadeaux li img{display:block; float:left; /*margin:0 20px 0 0;*/}
					.listCadeaux li.last{background:url(/images/bgd_line.gif) 50% 0 no-repeat; padding:35px 0 0 0; margin:15px 0 0 0}
					.listCadeaux p.legende { text-align:right; font-size:9px; padding:0 140px 0 0; }
					.giftNumber{ color:#bd003b; height:55px; text-align:center; font-size:12px; font-weight:bold; float:left; margin:0 0 15px 0;}
					.giftPoints{color:#bd003b; font-size:10px; float:left; padding:15px 0 10px 20px;}
					.giftPoints span{ font-weight:bold;color:#bd003b;}
					.giftBtn{ margin:0px 0 0 10px;}
					.indexCadeaux{ padding:0 0 50px 265px;}
						.indexCadeaux span{color:#AA0035;}
					
					.photo {float:left; position:relative; /*height:120px; width:180px;*/}
					.photo span {background:transparent url(/images/ico_zoom.gif) no-repeat scroll 0 0; display:block; height:18px; width:20px;  position:absolute; top:100px; left:3px; }
					.photo img {border:1px solid #928654;}

			.layer {width:345px; height:530px; background:url(/images/bgd_layerZoom.png) 0 0 no-repeat; position:absolute; display:none; z-index:9999;}
				.layer div {width:310px; padding:8px 0 0 5px; position:absolute; top:0; left:0; float:left; }
				.layer div span{position:absolute; top:10px; left:250px;  color:#bd003b; font-size:10px; background:url(/images/btn_close.gif) top right no-repeat; padding:0 20px 3px 0; margin:2px 3px 0 0;}
					.layer div span a{text-decoration:none;}
				.layer div h4 {color:#bd003b; font-weight:bold; text-align:center; padding:20px 0 20px 0;}
				.layer div dl {padding:0 20px 0 20px;}
				.layer div dl dt {text-transform:capitalize;}
				.layer div dl dd p {line-height:100%;}
				
			/********************/

			.contCodePostal{width:584px; background:url(/images/bgd_info.png) 0 0 no-repeat; height:292px; padding:20px 24px 20px 25px; overflow:hidden;}
				.infoCodePostal{width:192px; float:left; padding:15px; overflow:hidden;}
					.infoCodePostal h3{color:#fff; font-size:1.083em; margin:0 0 3px 0}
					.infoCodePostal p{color:#faf0d3; font-size:0.92em; margin:0 0 5px 0}
					.infoCodePostal p strong{color:#faf0d3;}
					.infoCodePostal p a{color:#fff;}
					.infoCodePostal p span{color:#FAF0D3;}
					.illus {background:url(/images/visu_espritBrasserie.png) no-repeat; width:127px; height:179px;}
			
			.contMonCompte #storePartial .contCodePostal {width:100%; background:#CE0040; padding:0; margin:20px 0 0 0; height:auto;}
			.contMonCompte #storePartial .contCodePostal .infoCodePostal {width:100%; float:left; padding:15px; overflow:hidden;}
			.contMonCompte #storePartial .contCodePostal .infoCodePostal h3{color:#fff; font-size:1.083em; margin:0 0 3px 0}
			.contMonCompte #storePartial .contCodePostal .infoCodePostal p{color:#faf0d3; font-size:0.92em; margin:0 0 5px 0; font-weight:normal;}
			.contMonCompte #storePartial .contCodePostal .infoCodePostal p strong{color:#faf0d3;}
			.contMonCompte #storePartial .contCodePostal .infoCodePostal p a{color:#fff;}
			.contMonCompte #storePartial .contCodePostal .infoCodePostal p span{color:#FAF0D3;}

			.contMonCompte #storePartial .contCodePostal .infoCodePostal2 {display:none;}
					
				.infoCodePostal2{width:362px; float:right; position:relative}	
					.infoCodePostal2 img{}
					.infoCodePostal2 a.btn{color:#fdf4d7; font-size:0.92em; font-weight:bold; width:155px; height:30px; padding:15px 10px; background:url(/images/bgd_btn_01.png) 0 0 no-repeat; position:absolute; z-index:999; right:0; top:0; text-decoration:none; text-align:center; cursor:pointer}
					.infoCodePostal2 .illus{position:absolute; right:25px; top:50px; z-index:9999;}
					
				
		/********************/
		.contMonCompte{width:440px; padding:0 0 30px 90px;}
			.tabs{width:440px; display:block; overflow:hidden}
				/*.tabs li{display:block; float:left; width:110px;} */
				.tabs li{display:block; float:left; width:146px;}
				.tabs li a{color:#fff; font-size:0.83em; display:block; background:#b70039 url(/images/bgd_tab.gif) 100% 0 repeat-y; padding:3px 2px 3px 2px; height:25px; text-decoration:none; text-align:center;}
				
				.tabs li a:hover{background:#000 url(/images/bgd_tab.gif) 100% 0 repeat-y;}
				.contMonCompte .tabs .current a{background:#000 url(/images/bgd_tab.gif) 100% 0 repeat-y;}
				.tabs .last a{background:#b70039}
				
			.infoMonCompte{width:416px; background:url(/images/bgd_monCompte.png) 0 0 no-repeat; padding:20px 12px 50px 12px; font-size:0.92em;}
				.infoMonCompte p{color:#000; font-weight:bold; margin:0 0 10px 0;}
				.infoMonCompte p a{color:#00469f;}
				.infoMonCompte ul{padding:15px 0 0 18px}
				.infoMonCompte  li{padding:0 0 10px 0; color:#000; font-weight:bold}
				.infoMonCompte  li a{color:#000}
				.infoMonCompte .btnModifier a{width:92px; line-height:25px; padding:10px 0 10px 0; margin:0 auto; text-transform:uppercase; text-decoration:none; text-align:center; color:#fff; font-weight:bold; background:url(/images/bgd_validate.png) 0 0 no-repeat; display:block; cursor:pointer}
				.infoMonCompte .btnModifierLarge a{width:177px; line-height:25px; padding:10px 0 10px 0; margin:0 auto; text-transform:uppercase; text-decoration:none; text-align:center; color:#fff; font-weight:bold; background:url(/images/bgd_validate_large.png) 0 0 no-repeat; display:block; cursor:pointer; float:left;}
				
				.minHeight { width:1px; float:left; height:335px; margin:0; }
		
			/********************/
				.infoMonCompte fieldset{}
				.infoMonCompte fieldset ol{width:416px; display:block; overflow:hidden;}
				.infoMonCompte fieldset li{width:198px; float:left; margin:0 10px 0 0; display:block; }
				.infoMonCompte fieldset li input{width:150px; float: none}
				.infoMonCompte fieldset li label{display:block; float:none; padding:0 0 3px 0}
				.infoMonCompte fieldset input{font-weight:normal; height:14px; width:200px;}
                .infoMonCompte a.button{ color: #000; text-decoration:none; border: 1px solid #010800; padding: 1px 1px 2px 2px; background : #d4d0c8; font-size : 0.92em;}
				.infoMonCompte fieldset label{display:block; float:left; margin:0 5px 0 0; width:100px;}
				.infoMonCompte fieldset .lbl{width:150px}
				.infoMonCompte .box2{width:50px}
				.infoMonCompte .box3{width:160px}
				.infoMonCompte fieldset p{width:416px; display:block; overflow:hidden; margin:0 0 10px 0; clear:both; color:#60562e}
				.infoMonCompte .typeCheck input{width:15px; height:15px; border:none; margin:0 5px 0 0; float:left}
				.infoMonCompte .typeCheck label{float:left; margin:0 20px 0 0}
				.infoMonCompte .typeCheck span{display:block; padding:0 0 5px 0}
				.infoMonCompte .btn{text-align:center}
				.infoMonCompte .btn input{width:92px; height:45px; text-transform:uppercase; padding:0; margin:0; float:none; cursor:pointer; text-align:center; color:#fff; font-weight:bold; background:url(/images/bgd_validate.png) 0 0 no-repeat; border:none;}
				
				#formModifierPass p {padding:0 0 30px 0;}
				#formModifierPass p label {float:left;}
				#formModifierPass p input {width:220px; float:right;}
				
				.infoPoints th {background:#B50038; color:#FFFFFF; padding:2px; border:1px solid #B50038;}
				.infoPoints td {padding:4px;}
				.infoPoints {border:1px solid #60562E; border-collapse:collapse;}

				.infoBasket th {background:#B50038; color:#FFFFFF; padding:2px; border:1px solid #B50038;}
				.infoBasket td {padding:8px;}
				.infoBasket {border:1px solid #60562E; border-collapse:collapse; margin:0 0 10px 0;}
				.infoBasket input {border:none;}
				
	/**********FAQ**********/
	.contFAQ{width:523px; padding:0 20px 60px 90px;}
		.contFAQ dt{text-transform:none; font-size:1em; margin:0 0 10px 0; color:#c22049; background:url(/images/ico_li.gif) 0 0 no-repeat; padding:0 0 0 25px; cursor:pointer}
			.contFAQ dt a{text-decoration:none}
		.contFAQ dd{}
		.contFAQ dd p{padding:0 0 10px 25px}
	
	/*********Promo coup de coeur********/
	
	#promoCoeur {padding:0 0 20px 90px;}
		#promoCoeur .highlightInfo {overflow:hidden;}
			#promoCoeur .highlightInfo img {margin:10px 0 20px 0;}
			#promoCoeur .highlightInfo img.separator{margin:10px 0 0 0;}
				#promoCoeur .highlightInfo .contentInfo img{float:left;}
				#promoCoeur .highlightInfo .contentInfo .contentText{width:335px;margin:0 0 0 105px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
				#promoCoeur .highlightInfo .contentInfo .contentText.interline{line-height: 19px;}
				#promoCoeur .highlightInfo .contentInfo p{text-align:justify;color:#60562e;}
				#promoCoeur .highlightInfo .contentInfo ul{list-style:disc;}
					#promoCoeur .highlightInfo .contentInfo ul li{color:#c8003e;margin:0 0 5px 35px;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
					#promoCoeur .highlightInfo .contentInfo ul li span.tltLi{font-size:22px;color:#c8003e;}
						#promoCoeur .highlightInfo .contentInfo ul li span.tltLi sup{color:#c8003e;font-family:Arial, Helvetica, sans-serif;}
					#promoCoeur .highlightInfo .contentInfo ul li sup{font-size:10px;color:#000000;font-family:Arial, Helvetica, sans-serif;}
					#promoCoeur .highlightInfo .contentInfo ul li span{font-size:12px;color:#000000;font-family:Arial, Helvetica, sans-serif;}
	#highlightContent .contentDiaporama img{padding:0 0 0 90px;margin:30px 0 0 0;}
	#highlightContent .mentions{color:#60562e;font-size:9px;padding:0 5px 20px 25px;}
		#highlightContent .mentions p{line-height:13px;}
	#promoCoeur .contentDiaporama {float:none;overflow:hidden;}
		#promoCoeur .contentDiaporama .customCarousel {float:none;overflow:hidden;}
			#promoCoeur .contentDiaporama .customCarousel img{padding:0 0 0 0;margin:0 0 0 0;}

	
	
		/*********Custom Slider Promo********/
		.contenerSlider{position:relative;margin-top:42px}
		.nivoSlider img {position:absolute;top:0px;left:0px;display:none;}
		.nivoSlider a {border:0;display:block;}
		.cnt-controlNav {position:absolute;right:0px;top:-22px;}
		.nivo-controlNav a.active {background-position:0 -22px;}
		.nivo-caption {text-shadow:none;font-family: Arial, sans-serif;}
		.nivo-caption a { color:#efe9d1;text-decoration:underline;}
		.nivo-prevNav, .nivo-nextNav, .nivo-controlNav{float:left}
		
		/* If an image is wrapped in a link */
		.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
		/* The slices and boxes in the Slider */
		.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
		.nivo-box {display:block;position:absolute;z-index:5;}
		/* Caption styles */
		.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:8;}
		.nivo-caption p {padding:5px;margin:0;}
		.nivo-caption a {display:inline !important;}
		.nivo-html-caption {display:none;}
		/* Direction nav styles (e.g. Next & Prev) */
		.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
		/* Control nav styles (e.g. 1,2,3...) */
		.nivo-controlNav a {position:relative;z-index:9;cursor:pointer;}
		.nivo-controlNav a.active {font-weight:bold;}
		
		
		/* custom carousel */
		.customCarousel{width:445px;}
		.customCarousel ul{margin:0;padding:0;}
		.customCarousel li{list-style-type:none;}
		.customCarousel .nav{overflow:hidden;float:right;margin-bottom:10px;position:relative;top:195px;right:195px;z-index:1;}
		.customCarousel .nav li{float:left;margin:0 3px;cursor:pointer;}
		.customCarousel .nav li span{width:11px;height:11px;display:inline-block;background:url(/images/sp_puce_slide.png) -11px 0 no-repeat;margin-top:2px}
		.customCarousel .nav li.actif span,.customCarousel .nav li:hover span{background-position:0 0}
		.customCarousel .content{width:445px;position:relative;overflow:hidden;float:left}
		.customCarousel .content ul{position:absolute}
		.customCarousel .content li{width:445px;padding:0;float:left;}
		
	/******* Jeux ***********/
	/*#gameWrapper {width:965px; background:#fdf4d7 url(/images/bgd_jeux.jpg) top left repeat-y;}
		.gameContent {padding:8px 0 20px 0; width:865px; }
			.gameContent h2 { padding:0 0 25px 0; }
			.gameContent h3 { padding:0 0 10px 0; }
			.winGame { font-size:12px; width:100%; overflow:hidden; padding:70px 0 40px 60px;background:url(/images/illus_game_wine01.jpg) 70px 0 no-repeat; }
				.winGame .content { padding:0 20px 30px 300px; }
				.winGame p { color:#5d0f03; padding:0 0 10px 0; }
				.winGame .illusGame { float:left; display:block; }
				.winGame .stronger { font-weight:bold; color:#84001d; }
				.winGame .link { background:url(/images/ico_arrow_red.png) 0 4px no-repeat; padding:0 0 10px 10px; }
					.winGame .link a { color:#ce0040 }
				.winGame .mention { font-size:9px; }
				.jeuBofinger { width:100%; overflow:hidden; }
				.jeuBofinger .logoBofinger { float:left; padding:0 10px 0 0; }
				.jeuBofinger .float { float:left; width:430px; }
				.jeuBofinger p { padding:0 0 6px 0; }
			.loseGame { font-size:12px; width:760px; overflow:hidden; padding:20px 0 0 85px;background:url(/images/illus_game_wine02.jpg) 100px 0 no-repeat;}
				.loseGame div { padding:70px 20px 40px 240px; }
				.gameContent .loseGame h2 { padding:0 0 15px 0; } 
				.loseGame p { color:#5d0f03; } 
				.loseGame .stronger { font-weight:bold; } 
				.loseGame .logoVaudeville { padding: 20px 0 30px 0; } 
			.btnGame { color:#5d0f03; display:block; width:223px; margin:5px auto 0 auto; }
			.endGame { text-align:center; margin:0 0 0 60px; }
			.bofinger { text-align:center;padding:15px 0 0 85px; width:760px; background:url(/images/bgd_jeuBofinger.png) 90px 100% no-repeat; margin:0 0 10px 0; }
			.bofinger .btnGame { width:284px; }
			.bofinger p { color:#5d0f03; }
			.bofinger .stronger { font-weight:bold; color:#84001d; }
				.bofinger img { padding:0 0 15px 0; }
	.gameFooter { text-align:center; font-size:10px; color:#faf4dd; width:700px; height:168px; margin:0 auto 15px auto; position:relative; top:-20px; }
		.gameFooter p { color:#faf4dd; }*/
                


	/********************/
	.confirmation{width:523px; padding:0 20px 200px 90px;}
		.confirmation p{padding:0 0 10px 0}
		.confirmation p a{float:right; background:url(/images/ico_arrow_01.gif) 0 5px no-repeat; padding:0 0 0 10px;}
	
	.hidden{display:none}
		
	
	/*********Right content***********/
	#context{width:205px; font-size:0.92em; float:left; padding:50px 14px 10px 14px}
		#context h2{margin:0 0 15px 0}
	
		/********************/
		.blockContext{width:100%; margin:0 0 10px 0}
			.blockContext fieldset{padding:0 0 10px 18px}
			.blockContext fieldset p{padding:0 0 10px 0}
			.blockContext label{color:#fff; display:block;}
			.blockContext input{width:100px; height:15px;}
			.blockContext input.prefixdisabled{width: 64px; float: left; background: url("/images/bgd_dotted_02.png") repeat 0 0; letter-spacing: 10px; margin-right: 0; padding-left: 4px; padding-right: 0; border-right: 0;}
			.blockContext input#identifiant{border-left:0;background: url("/images/bgd_dotted_cardnumber.png") repeat 0 0; letter-spacing: 10px; padding-left: 3px; width: 110px;}
			.blockContext .btn{}
			.blockContext .btn input{background:url(/images/bgd_btn.gif) 0 0 repeat-x; text-transform:uppercase; color:#fff; font-weight:bold; border:none; width:73px; cursor:pointer; height:25px; font-size:1.083em;}
		    .blockContext ul{padding:10px 0 0 0}
			.blockContext li{display:block; background:url(/images/ico_arrow.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:0 0 5px 0}
			.blockContext li a{color:#fff; text-decoration:underline}
			.blockContext li a:hover{text-decoration:none}
			.blockContext .first{margin:0 0 30px 0}
			
			.infoContext{width:100%;}
				.infoContext div{padding:0 0 0 18px}
				.blockContext .infoContext div ul{padding:0}
				.infoContext .illus{width:89px; height:138px; background:url(/images/bgd_illus.png) 0 0 no-repeat; display:block; padding:0 10px 10px 0; margin:0 0 0 15px}
			
			.loginInfo{padding:0 0 10px 18px}
				.loginInfo p{color:#fff; padding:0 0 6px 0}
				.loginInfo p strong{color:#fff;}
				.loginInfo ul{}
				.loginInfo li{margin:0 0 13px 0}
		
			.votreCarte{width:100%; margin:0 0 10px 0}
				.votreCarte p{padding:0 0 10px 18px; color:#fff;}
				.votreCarte p a{background:url(/images/bgd_btn.gif) 0 0 repeat-x; color:#fff; padding:4px 5px; line-height:17px; text-decoration:none}
			
	/***********Footer*********/
	#footer{width:965px; font-size:0.833em; background:url(/images/bgd_footer.png) 0 0 no-repeat; text-align:center; padding:25px 0 20px 0}
		#footer ul{}
		#footer li{display:inline; padding:0;}
		#footer li a{color:#ecdfb6; text-decoration:none;  background:url(/images/bgd_lineFooter.gif) 100% 50% no-repeat; padding:0 8px 0 3px}
		#footer .last a{background:none}
		#footer a:hover{text-decoration:underline}
		#layerPasseContent, #layerNoreceiveContent, #layerLostContent{width:300px; background:#fff; padding:10px; font-size:1.083em; z-index:1002; display:none}
		#layerPasseContent label, #layerNoreceiveContent label, #layerLostContent label{padding:0 0 5px 0; display:block}
		#layerPasseContent input, #layerNoreceiveContent input, #layerLostContent input{width:200px; float:none; height:15px; margin:0 0 5px 0; z-index:1010}
		#layerPasseContent .notice, #layerNoreceiveContent .notice, #layerLostContent .notice{padding:0 15px 0 0}
		#layerPasseContent .btn{}
		#layerPasseContent .btn input, #layerNoreceiveContent .btn input, #layerLostContent .btn input{width:55px; background:#000; color:#fff; font-weight:bold; height:22px; margin:0; cursor:pointer;}
		.btnClose{float:right;}
		
		#layerPwd{width:380px; background:#fff; padding:10px; font-size:1.083em; z-index:1002; display:none}
		
		
	#layerVousAvezCarte{width:330px; background:#fff; padding:10px; font-size:1.083em; z-index:1002; display:none}
		#layerVousAvezCarte p{display:block; width:100%; overflow:hidden; margin:0 0 5px 0}
		#layerVousAvezCarte label{display:block; float:left; width:130px; margin:0 5px 0 0}
		#layerVousAvezCarte input{width:170px; float:left; height:15px;}
		#layerVousAvezCarte .btn{padding:0 0 0 135px; width:50%;}
		#layerVousAvezCarte .btn input{width:55px; background:#000; color:#fff; font-weight:bold; height:22px; margin:0; cursor:pointer;}
		#layerVousAvezCarte  a{}
		.btnClose{float:right;}
	
	.errorLayer {width:200px; background:#fff; padding:10px; font-size:1.083em; z-index:1002;}
	
		.popupLayer { width:417px; height:521px; padding:9px 26px 0 16px; overflow:hidden; position:absolute; left:-1217px; top:-100px;}
		
		#formVotreEspaceLayer, #formVotreEmail2Layer, #formVousAvezCarteLayer, #formInscriptionLayer, #formFriendLayer, #formModifierPassLayer {display:none;}
		
		#msg0, #msg1, #msg2, #msg4, #msg5, #msg6, #msg7 {color:#FF0000; display:table; clear:both; float:none; margin:0 0 0 160px; font-size:10px;}
		#msg8 {color:#FF0000; display:table; clear:both; float:none; margin:0; font-size:10px;}
		
	/* Alert class */
		.alertLayer {font-size:1em; width:85px; position:absolute; top:0; left:0; visibility:hidden; z-index:999;}
			.alertLayer a {overflow:hidden; float:right;}
			/* layer type */
/*	.layer {background:#ad002e; border:none;}
				.layer a {display:none;}
			.layer p {color:#fff; margin:0; padding:5px 3px;}
*/			
			
			.formMessage, .formLayer {position:absolute; top:0; left:0; background:#CE0040; color:#FFFFFF;}
			.formMessage a, .formLayer a {float:right; color:#FFFFFF; text-decoration:none; font-weight:bold; padding:0 5px 0 0;}			
			.formMessage p, .formLayer p {color:#FFFFFF; padding:0 0 0 5px;}
			
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* Bloc Vente Privee */

#ventePrivee{background:url(/images/bgd_ventePrivee.gif) no-repeat;width:449px;height:282px;margin:0 0 0 25px;}
	#contentVentePrivee {font-family:Verdana, Arial, Helvetica, sans-serif;overflow:hidden;padding:15px 0 0 0;}
		#imgRendezVous{float:left;padding:3px 15px 0 0;}
		#contentVentePrivee h3{font-weight:bold;font-size:20px;color:#ce0040;}
		#contentVentePrivee p{padding:0 0 5px 0;}
			#contentVentePrivee .dateRendezVous{font-size:13px;color:#460013;font-weight:bold;}
			#contentVentePrivee .texteVentePrivee, #contentVentePrivee span .remise{font-size:17px;color:#ce0040}
				#contentVentePrivee span .remise{font-size:13px;padding:5px 0 0 0;}
			#contentVentePrivee .footerVentePrivee{font-size:8px; color:#460013; line-height:10px;}
			#contentVentePrivee img{padding:0 0 10px 0;}




/*******************************************************/
		        .contentExcelsior {  overflow:hidden;width:649px; padding:0 0 0 0; background:url(/images/jeux/jubile-excelsior/bgd_jeux.jpg) no-repeat; }
				.textExcelsior { float:left; padding:25px 0 0 24px; width:400px;}
				.textExcelsior h2 { padding:0 0 0 0; font-size:21px;color:#cd0040}
				.textExcelsior h3 { padding:0 0 10px 0; font-size:14px;color:#cd0040}
				.textExcelsior p {color:#cd0040; padding:0 0 10px 0}
				.textExcelsior .confirmation {width:400px; overflow:hidden;color:#410215; font-size:11px; font-weight:bold; line-height:12px}
				.textExcelsior .confirmation img { float:left; padding:0 15px 0 0}
				.textExcelsior .mention { font-size:11px;line-height:12px}
				.illusRightExcelsior { float:left; width:225px;}