/*
GLOBAL
*/
h1, h2, h3, h4, h5, h6, p
{
	margin: 0px;
	padding: 0px;
}

html, body{ height: 100%; }
body
{
	width:100%;
	min-width:990px;
	margin: 0px;
	background:#a1deff url(../img/layout/bg.jpg) repeat-x ;
	font-family: Verdana;
	color: #1c4f6e;
	font-size: 10pt;
}


h1 {
	color: #1D506F;
	font-size: 1.9em;
	font-style: Arial;
	padding: 0em 0em .15em 0em;
	line-height: 1em;
}


h2 {
	font-size: 1.5em;
	padding: .5em 0em .3em 0em;
	line-height: 1em;
}

h3 {
	font-size: 1.25em;
	padding: .5em 0em .15em 0em;
	line-height: 1em;
}

h4, h5 {
	color: #264B69;
	font-size: 1em;
	padding: .5em 0em .15em 0em;
	line-height: 1em;
}

img{ border: 0px; }

p {
	line-height: 150%;
	padding: .8em 0em;
}

a, .link
{
	color: #1c4f6e;
	text-decoration: underline;
}

a:hover, .link:hover
{
	color: #0078C2;
}

a.noLink{ text-decoration: none; }
a.noLink:hover{ color: #1c4f6e; }

.bold{ font-weight: bold; }
.justified{ text-align: justify; }
.floatLeft{ float: left; }
.floatRight{ float: right; }
.learnMore{ font-style: italic; text-align: right; }
.actionBtn{ text-align: center; margin-top: 20px; }

canvas{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*-----------------------------------------------------------------------------
	FORMULAIRES
-----------------------------------------------------------------------------*/

input.text_field, select.text_field, textarea.text_field
{
	border: 1px solid #99B3C4;
	padding-left: 5px;
	color: #1c4f6e;
}
input.text_field:hover, input.text_field:focus, 
select.text_field:hover, select.text_field:focus, 
textarea.text_field:hover, textarea.text_field:focus{ border-color: #1C4F6E; }

.tableForm p, .tableForm div.row{ display: table-row; }
.tableForm p .label, .tableForm p .field, .tableForm div .label, .tableForm div .field{
  display: table-cell; 
  text-align: left; 
  padding: 1px 0px; 
  *display: inline;
  zoom: 1;
	vertical-align: top;
}
.tableForm p .label, .tableForm div .label{ width: 160px; }
.tableForm p.normal{ display: block; white-space: nowrap; }
.tableForm p.validation, div.validation{ display: block; text-align: center; margin-top: 20px; }
.formError{ text-align: center; font-weight: bold; font-size: 8pt; color: red; padding: 8px; }
#formSendingData{ font-style: italic; display: none; }
#formSendingData img{ margin-right: 10px; vertical-align: middle; }
img.formHelpBtn{ vertical-align: top; height: 16px; margin-left: 8px; }



/*-----------------------------------------------------------------------------
	LAYOUT GENERAL
-----------------------------------------------------------------------------*/

#root{ 
	 min-height: 100%; 
	 background: url(../img/layout/stripes.png);
}
.shadowBlocLeft
{
	width: 995px;
	margin: 0 auto;
	padding-left: 9px;
	background: url('../img/layout/mainContainerLeftShadow.png') top left repeat-y;
}
.shadowBlocRight
{
	padding-right: 13px;
	background: url('../img/layout/mainContainerRightShadow.png') top right repeat-y;
}
.shadowBlocMiddle
{
	width: 980px;
	background: url('../img/layout/blockBg.png');
	border: 1px solid #3B6981;
	border-top: 0;
}

/* séparateurs */
.shadowSeparatorLeft{ 
	width: 995px; 
	margin: 0 auto; 
	padding-left: 9px; 
	background: url('../img/layout/shadowSeparatorLeft.png') top left repeat-y;
}
.shadowSeparatorRight{ 
	padding-right: 13px; 
	background: url('../img/layout/shadowSeparatorRight.png') top right repeat-y; 
}
.shadowSeparatorMiddle{ 
	width: 982px; 
	height: 8px; 
	background: url('../img/layout/shadowSeparatorMiddle.png'); 
}



/*-----------------------------------------------------------------------------
	MENU PRINCIPAL
-----------------------------------------------------------------------------*/

#mainMenu 
{
	float: right;
	width: 900px;
	height: 33px;
	margin-right: 12px;
	font-variant: small-caps;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	background: url('../img/layout/header/mainMenuLine.png') bottom right no-repeat;
	margin-top: 50px;
	*position: relative;
	*z-index: 1;
}
#mainMenu a { 
	text-decoration: none; 
	outline: none; 
}
#mainMenu ul { 
	display: block; 
	margin: 0; 
	padding: 0 0 0 15px; 
	line-height: 28px; 
	height: 31px;
	position: relative;
	left: 10px;
}
#mainMenu ul div { padding-top: 2px; *margin-top: 2px; }
#mainMenu ul li { display: block; padding: 0; float: right; position: relative; height: 30px; z-index: 1000; }
#mainMenu ul ul { 
	position: absolute; 
	left: 0; 
	display: none;
	height: auto; 
	float: none; 
	padding: 0; 
	z-index: 1001;
	line-height: 15px; 
	background: url('../img/layout/bgElement.jpg') left center; 
	border: 1px solid #1c4f6e;
	text-align: left;
	min-width: 220px;
}
#mainMenu ul ul li { padding: 0; margin: 0; float: none; height: auto; font-size: 12pt; }
#mainMenu ul ul ul { float: left; margin: 0; top: 0; padding: 0;}

#mainMenu ul li a { display: block; margin: 0; padding: 0 22px; border: 1px solid transparent; }
#mainMenu ul ul a { display: block; margin: 0; padding: 10px 15px; height: auto; }

#mainMenu ul li:hover ul, div#mainMenu ul li.hover ul { display: block;  }
#mainMenu ul li:hover a, div#mainMenu ul li.hover a { color: #0078c2; }
#mainMenu ul li.current_page_item, div#mainMenu ul li.current-menu-item{ 
	background: url('../img/layout/header/mainMenuSelectedElement.jpg') left center;
	padding-bottom: 1px;
}
#mainMenu ul li.current_page_item a, div#mainMenu ul li.current-menu-item a { 
	color: white; 
	border: 1px solid #1c4f6e;
	padding-bottom: 3px;
	background: url('../img/layout/header/mainMenuArrow.png') center bottom no-repeat;
}
#mainMenu ul li.current_page_item ul, #mainMenu ul li.current-menu-item ul { 
	margin-top: -1px;
}
#mainMenu ul li.current_page_item ul li a, div#mainMenu ul li.current-menu-item ul li a { 
	border: 0;
	background: none;
	padding-bottom: 9px;
}
#mainMenu ul ul li.current_page_item a, div#mainMenu ul ul li.current-menu-item a { 
	color: white; 
	padding-bottom: 8px;
}
#mainMenu ul li:hover li a, div#mainMenu ul li.hover li a { color: #1c4f6e; }
#mainMenu ul li:hover li:hover a, div#mainMenu ul li.hover li.hover a { color: #0078c2; }
#mainMenu ul li:hover li.current_page_item:hover a, #mainMenu ul li:hover li.current-menu-item:hover a{ cursor: default; color: white; }



/*-----------------------------------------------------------------------------
	HEADER
-----------------------------------------------------------------------------*/

#header
{
	height: 100px;
	padding: 0px 0px 25px 0px;
	margin: 0px auto;
	position: relative;
}
#logo
{
	float: left;
	position: absolute;
	top: 0px;
	margin-top: 10px;
	margin-left: 13px;
}
#logo #tagLine{ position: relative; top: 33px; left: -232px; display: none;}
#memberArea
{
	float: right;
	text-align: right;
	padding-top: 10px;
	padding-right: 15px;
}
#memberArea a{
	display: inline-block; *display: inline; zoom: 1;
	height: 18px;
	margin-left: 23px; 
	text-decoration: none; 
	background: url('../img/layout/icons/memberArea.png') top left no-repeat; 
	padding: 3px 0px 3px 30px; 
	line-height: 18px; 
	vertical-align: middle;	
}
#memberArea a:hover{ text-decoration: underline; color: #0078c2; }
#memberArea #btnHelp:hover{ background-position: 0px -120px; } 
#memberArea #btnHelp{ background-position: 0px -96px; }
#memberArea #btnSignup{ background-position: 0px -48px; }
#memberArea #btnSignup:hover{ background-position: 0px -72px; } 
#memberArea #btnLogin{ background-position: 0px 0px; }
#memberArea #btnLogin:hover{ background-position: 0px -24px; } 
#memberArea #btnNewsletter{ background-position: 0px -240px; font-weight: bold; }
#memberArea #btnNewsletter:hover{ background-position: 0px -264px; } 

#memberArea #btnProfile{ background-position: 0px -144px; }
#memberArea #btnProfile:hover{ background-position: 0px -168px; } 
#memberArea #btnLogout{ background-position: 0px -192px; }
#memberArea #btnLogout:hover{ background-position: 0px -216px; } 



/*-----------------------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------------------*/

#footer .shadowBlocMiddle{ padding: 13px; width: 954px; border-top: 1px solid #3B6981; }

/* drapeaux */
#footer .flagsList{ float: right; }

/* liens réseaux*/
.socialList{ display: inline-block; *display: inline; zoom: 1; margin-right: 15px; }
.socialList a{ display: inline-block; *display: inline; zoom: 1; width: 33px; height: 33px; margin-right: 3px; font-size: 25px; background: url('../img/layout/footer/btnSocial.png'); }
.socialList .btnFacebook{ background-position: 0px 0px; }
.socialList .btnFacebook:hover{ background-position: 33px 0px; }
.socialList .btnTwitter{ background-position: 0px 99px; }
.socialList .btnTwitter:hover{ background-position: 33px 99px; }
.socialList .btnBlog{ background-position: 0px 66px; }
.socialList .btnBlog:hover{ background-position: 33px 66px; }
.socialList .btnTellAFriend{ background-position: 0px 33px; }
.socialList .btnTellAFriend:hover{ background-position: 33px 33px; }

/* boutons like */
#footer #socialLikeButtons{ 
	display: inline-block; 
	*display: inline; zoom: 1; 
	width: 250px; 
	vertical-align: middle; 
	margin-top: -25px; 
}
#footer #socialLikeButtons #btnGGLike, #footer #socialLikeButtons #btnFacebookLike{ 
	display: inline-block; *display: inline; zoom: 1; 
	vertical-align: top;
	margin-right: 10px;
}

/* copyright */
#footer .copyright{ font-style: italic; font-size: 10pt; }

/* menu */
#footerMenu{ 
	margin: 25px 0px 8px 10px; 
	font-size: 9px; 
}
#footerMenu h4{ font-weight: bold; margin-bottom: 5px; font-size: 7.8pt; }
#footerMenu ul, #footerMenu ul li 
{
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#footerMenu a{ 
	text-decoration: none !important;
}
#footerMenu a:hover{ text-decoration: underline !important; }
#footerMenu div{ 
	display: inline-block; *display: inline; zoom: 1;
	border-left: 1px solid #c1d5e1;
	vertical-align: top;
	margin-right: 12px; 
	padding-left: 12px; 
	height: 120px;

}
#footerMenu div.logos{ text-align: center; width: 225px; height: auto; }
#footerMenu div.logos span{ margin-bottom: 4px; display: block; }
#footerMenu div.first{ padding-left: 0px; border-left: 0px; }

#footerLine{ font-size: 9px; text-align: center; margin-top: 20px; }
#footerLine a{
  text-decoration: none; 
  padding-right: 5px; 
 	font-style: italic;
  opacity: 0.5;
}



/*-----------------------------------------------------------------------------
	MAINTENANCE PROGRAMMEE
-----------------------------------------------------------------------------*/
#scheduledMaintenance{
	padding: 5px; 
	text-align:center;
	border-bottom: 1px solid #5D8199;
	background: #F4FAFF;
}

#scheduledMaintenance img{
	margin-right: 8px;
}



/*-----------------------------------------------------------------------------
	LIEN ACCES RAPIDE CONTACT
-----------------------------------------------------------------------------*/
#floatingHelpLink{
	position: fixed;
	bottom: 0;
	right: 10px;
	padding: 5px 10px;
	background: #1b4c69;
	color: white;
	font-weight: bold;
	font-size: 13px;
	border-radius: 5px 5px 0px 0px;
}
#floatingHelpLink img{
	vertical-align: middle;
	margin-right: 8px;
	height: 18px;
}

#floatingHelpLink a{
	color: white;
	text-decoration: none;
}

#floatingHelpLink a:hover{
	text-decoration: underline;
}



/*-----------------------------------------------------------------------------
	FONCTIONALITE INACTIVE
-----------------------------------------------------------------------------*/

.lockedElement{
	background: url('../img/layout/lockedElement.png') center center;
}
.lockedElementPopup{ 
	width: 380px;
	background: url('../img/layout/bgElement.jpg') center center;
	border: 1px solid #5D8199;
	border-radius: 10px 10px;
	padding: 20px;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
}
.lockedElementPopup img{ float: left; }
.lockedElementPopup .btns{ margin-top: 25px; }
.lockedElementPopup .btns .orangeBtnMiddle{ padding: 0px 5px; }



/*-----------------------------------------------------------------------------
	FENETRES AJAX
-----------------------------------------------------------------------------*/

#popupWindowBg{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: black;	
	z-index: 1000;
}
#popupWindowPopup{ 
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -150px;
	min-width: 500px;
	z-index: 1010;
	overflow: scroll-y; 
	max-height: 500px;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
{
	#popupWindowPopup{ 
		position: absolute;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation:portrait)
{
	#popupWindowPopup{ 
		-webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
	}
}



/*-----------------------------------------------------------------------------
	FENETRES FAQ
-----------------------------------------------------------------------------*/

#popupWindowPopup.faqWindow{ 
	background: url('../img/layout/bgElement.jpg') center center;
	border: 1px solid #5D8199;
	border-radius: 10px 10px;
	padding: 20px;
	font-size: 12px;	
	max-width: 610px;
	overflow-y: scroll;
}
#popupWindowPopup.faqWindow td{ border: 0; }



/*-----------------------------------------------------------------------------
	FEEDBACKS
-----------------------------------------------------------------------------*/

#success-feedback, #error-feedback, #warning-feedback, #info-feedback,
.successFeedback, .errorFeedback, .warningFeedback, .infoFeedback
{
	border: 1px solid black;
	border-radius: 10px;
	color: #2E3C52;
	padding: 10px 10px 0px 10px;
	margin: 10px 10px 10px 0px;
	height: 1%;
	overflow: hidden;
	zoom: 1;
}
#success-feedback img, #error-feedback img, #warning-feedback img, #info-feedback img,
.successFeedback img, .errorFeedback img, .warningFeedback img, .infoFeedback img{ float: left; margin: 0px 10px 5px 0px; }
#success-feedback div, #error-feedback div, #warning-feedback div, #info-feedback div,
.successFeedback div, .errorFeedback div, .warningFeedback div, .infoFeedback div{ margin-left: 40px; }
#success-feedback ul, #error-feedback ul, #warning-feedback ul, #info-feedback ul,
.successFeedback ul, .errorFeedback ul, .warningFeedback ul, .infoFeedback ul{ margin-top: 0px; }
#success-feedback, .successFeedback
{
	border-color: #9ADF8F;
	background-color: #D4FFCD; 
}
#error-feedback, .errorFeedback
{
	border-color: red;
	background-color: #FFD2D3; 
}
#warning-feedback, .warningFeedback
{
	border-color: #C2A05C;
	background-color: #FFF9D2; 
	padding-bottom: 10px;
}
#info-feedback, .infoFeedback
{
	border-color: #236390;
	background-color: #C7E8FE; 
}
#box-feedback{ color: red; margin-bottom: 30px; }



/*-----------------------------------------------------------------------------
	ELEMENTS EXTENSIBLES
-----------------------------------------------------------------------------*/

.expandableList{ text-align: center; margin-top: 20px; }
.expandableList a .expandableElement{ text-decoration: none; }
.expandableElement{
  display: inline-block; *display: inline; zoom: 1;
  border: 1px solid #C2D3DD;
  border-radius: 10px;
  background: url('../img/layout/bgElement.jpg') center center;
  vertical-align: top;
  cursor: pointer;
  -webkit-transition: all 0.3s linear; 
  -moz-transition: all 0.3s linear; 
  transition: all 0.3s linear; 
}
.expandableElement:hover, .expandableElement.selected{ border-color: #0078C2; }



/*-----------------------------------------------------------------------------
	BOXES
-----------------------------------------------------------------------------*/

.blueBoxTopLeft, .redBoxTopLeft{
	background: url('../img/layout/boxBlueTop.png') top left no-repeat;
	padding-left: 6px;
}
.blueBoxTopRight, .redBoxTopRight{
	background: url('../img/layout/boxBlueTop.png') right -30px no-repeat;
	padding-right: 6px;
}
.blueBoxTop, .redBoxTop{
	background: url('../img/layout/boxBlueTop.png') left -60px repeat-x;
	padding-right: 6px;
	color: #1C4F6C;
	text-shadow: 1px 1px 4px white;
	text-align: left;
}
.blueBoxTop div, .redBoxTop div{ line-height: 30px; font-size: 16px; font-weight: bold; }
img.icon{
	float: left;
	margin-top: 7px;
	margin-right: 5px;
	vertical-align: top;
}
.blueBoxTop img.icon, .redBoxTop img.icon{
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	vertical-align: top;
}
.redBoxTopLeft{ background-image: url('../img/layout/boxRedTop.png'); }
.redBoxTopRight{ background-image: url('../img/layout/boxRedTop.png'); }
.redBoxTop{ background-image: url('../img/layout/boxRedTop.png'); color:white; text-shadow: 1px 1px black; }


.blueBoxContent
{
	background: url('../img/layout/bgElement.jpg') center center;
	border: 1px solid #5D8199;
	border-radius: 0px 0px 10px 10px;
	padding: 10px;
	font-size: 12px;
}
.blueBtn, .orangeBtn{
	display: inline-block; *display: inline; zoom: 1;
	width: 100px;
	height: 31px;
	border: none;
	font-size: 11pt;
	line-height: 31px;
	text-decoration: none;
}
.blueBtn, a.blueBtn{
	background: url('../img/layout/blueBtn.png') center center;
	color: white;
	font-weight: bold;
	text-shadow: 1px 1px black;
}
.orangeBtn{
	background: url('../img/layout/orangeBtn.png') center center;
	color: #803714;
}

.orangeBtnLeft{
	display: inline-block; *display: inline; zoom: 1;
	padding-left: 4px;
	background: url('../img/layout/btnOrangeSides.png') top left no-repeat;
	cursor: pointer;
}
.orangeBtnLeft:hover{	background-position: bottom left; }
.orangeBtnRight{
	padding-right: 4px;
	background: url('../img/layout/btnOrangeSides.png') top right no-repeat;
}
.orangeBtnLeft:hover .orangeBtnRight{	background-position: bottom right; }
.orangeBtnMiddle, .orangeBtnMiddle button{
	height: 33px;
	line-height: 33px;
	font-size: 16px;
	color: #7F3613;
	font-weight: bold;
	background: url('../img/layout/btnOrangeMiddle.png') top left;
} 
a .orangeBtnLeft, a .orangeBtnMiddle{ text-decoration: none; color: #7F3613; }
.orangeBtnMiddle button{ border: 0; cursor: pointer; }
.orangeBtnLeft:hover .orangeBtnMiddle, .orangeBtnLeft:hover .orangeBtnMiddle button{ background-position: bottom left; }


/* popup newsletter */
.newsletterSubscribe.homeItem img{ width: 195px; float: right; }
.newsletterSubscribe.homeItem h3{ display: none; }
.newsletterSubscribe.homeItem br{ display: none; }
.newsletterSubscribe.homeItem br{ display: none; }
.newsletterSubscribe.homeItem .descr{
	margin-right: 215px;
	text-align: justify;
	font-size: 12px;
	line-height: 15px;
	padding: 20px 0px 25px 5px;
}
.newsletterSubscribe.homeItem form{ margin-top: 15px; } 
.newsletterSubscribe.homeItem input#frmEmail{ 
	width: 189px; 
	border: 1px solid #1C4F6E;
	margin-right: 3px;
	vertical-align: top;
	font-style: normal;
	padding: 3px 4px 4px 4px;
	color: #1C4F6E;
}
.newsletterSubscribe.homeItem input::-webkit-input-placeholder{ font-style: italic; }
.newsletterSubscribe.homeItem input::-moz-placeholder{ font-style: italic; }
.newsletterSubscribe.homeItem input:-ms-input-placeholder{ font-style: italic; }
.newsletterSubscribe.homeItem input:-moz-placeholder{ font-style: italic; }
.newsletterSubscribe.homeItem input:hover, #home .homeItem input:focus{ border-color: #5389CC; }
.newsletterSubscribe.homeItem .blueBtn span{ position: relative; top: -4px; }
.newsletterSubscribe.homeItem .blueBtn{
	width: 50px;
	height: 25px;
	background: url('../img/layout/blueBtnSmall.png');
}
.newsletterSubscribe.homeItem .action{	clear: both; }
.newsletterSubscribe.homeItem .action a{ display: none; }
.newsletterSubscribe.homeItem .formError{ color: red; margin-top: 8px }
.newsletterSubscribe.staticEl.homeItem{
    margin: 0 auto;
    width: 656px;
}


/*-----------------------------------------------------------------------------
	PAGE COACH
-----------------------------------------------------------------------------*/

#coachInfo h3{ text-align: center; }
#coachInfo .intro{ margin-bottom: 25px; }
#coachInfo fieldset.col{
	display: inline-block; *display: inline; zoom: 1;
	border: 1px solid #5D8199; 
	border-radius: 15px;
	padding: 10px;
	width: 250px;
	margin: 0px 10px 0px 0px;
	vertical-align: top;
	background: url('../img/layout/bgElement.jpg') center center;
}
#coachInfo fieldset#colCenter{ width: 310px; }	
#coachInfo #colCenter legend{ margin-left: 112px; }	
#coachInfo #colLeft legend{ margin-left: 63px; }	
#coachInfo #colRight legend{ margin-left: 63px; }	
	
	

	
/*-----------------------------------------------------------------------------
	PAGE login
-----------------------------------------------------------------------------*/		

#login-form
{
	width: 500px;
	margin: 0 auto;
}	
#login-form a, #hard-password a{ cursor: pointer; }
#login-form #pop_email, #login-form #pop_password, #hard-password #pop_email{ width: 250px; }
#login-form .fullrow, #hard-password .fullrow{ margin-top: 15px; }
#login-form .validation, #hard-password .validation{ margin-bottom: 20px; }
	
	
	
/*-----------------------------------------------------------------------------
	CONFIRMATION DU COACH
-----------------------------------------------------------------------------*/

#coachConfirm{ margin: 50px 0px 20px 0px; padding: 0; } 
#coachConfirm img.coachImage{ margin-left: -20px; margin-bottom: 10px; } 
#coachConfirm .speech{ 
	margin: 15px 0px 0px 143px; 
	width: 766px;
}
#coachConfirm .speechTop{ 
	height: 52px; 
	background: url('../img/layout/coach/speechTop.png') top center no-repeat;
}
#coachConfirm .speechMiddle{ 
	padding: 0px 15px 0px 80px;
	background: url('../img/layout/coach/speechMiddle.png') top center repeat-y; 
} 
#coachConfirm .speechBottom{ 
	height: 13px; 
	background: url('../img/layout/coach/speechBottom.png') top center repeat-y; 
} 
#coachConfirm .speechContent{ 
	position: relative; 
	top: -30px; 
}	
	

	
/*-----------------------------------------------------------------------------
	TABLEAU ACHAT
-----------------------------------------------------------------------------*/
	
table.shopping-cart
{
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}
table.shopping-cart th{	background-color: #D2E9FF; }
table.shopping-cart tr td
{
	padding: 3px;
	border: 1px solid #B9CDD8;
}
.shopping-cart-header, .shopping-cart-footer{ background-color: #EFF8FF; }
.shopping-cart-header td, .shopping-cart-footer td
{
	text-align: center;
	font-weight: bold;
	padding: 5px;
	background-color: #D2E9FF; 
}
.shopping-cart td.right, .shopping-cart-footer td.right{ text-align: right; }	
	
	
	
	
	
	
	
	
	
	


.button
{
	float: right;
	margin: 0px 6px;
}

.big-button
{
	font-size: 1.4em;
	padding: 4px 18px 4px 18px !important;
}

.transparent-button,
.orange-button,
.grey-button,
.green-button,
.blue-button
{
	border: 1px solid transparent;
	padding: 3px 8px 3px 8px;
	text-decoration: none !important;
	font-style: Arial;
	cursor: pointer;
}

.linkAsBtn {
	padding: 4px 12px 4px 12px;
}

.asterisk
{
	color: #996666;
	font-style: italic;
}

.none
{
	color: #999;
	font-style: italic;
}

.fetch_login 
{
	border: 0 !important;
	background:url(../img/btn/account/Submit.png);
	width: 148px;
	height: 42px;
	cursor: pointer;
	background-repeat: no-repeat;
}

p.fetch_login_badpass 
{
	color: black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #DF8F90;
	border-radius: 8px;
	background: #FFD2D3;
	margin:5px !important;
	padding:5px !important;
}
p.fetch_login_badpass img{ float: left; margin-right: 5px; }
p.fetch_login_passok
{
	color:green;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid green;
	margin:5px !important;
	padding:5px !important;
}



label#fetch_login_label
{
	color:#072770;
}

#content
{
	padding: 0px 0px 0px 45px;
	margin: 40px 0px 0px -35px;
	clear: both;
	font-size: .96em;
	min-height: 300px;
}

#main, .main 
{
	margin: 0px 30px 0px 20px;
	padding: 0px 0px 50px 0px;
}
#main h1, .main h1{ font-size: 20px; }
#content #main h2, #content .main h2 {
	padding: 0;
}

#content #main img.backtotop {
	padding: 2px;
	border: none;
	float: right;
}


#content #main p, #content .main p
{
	text-align: justify;
}


#content #settings-msg
{
	border:green solid 2px;
	margin: 8px 0 2px 0;
	padding: 4px 8px;
	color: green;
}

.full_width
{
	margin: 0 0 0 10px !important;
	width: 955px !important;
}


/* Home index Only */
#main-flash
{
	margin-bottom: 20px;
}

.game-preview
{
	float:left;
	margin:10px 3px 5px 0px;
	width:93px;
	font-size: 12px;
	border: solid #EEEEEE 8px;
}
.game-name
{
	width:93px;
	height:48px;
	padding-top:10px;
	margin-bottom:6px !important;
	text-align:center;
	font-weight: bold;
	color:white;
}
.game-snapshot
{
	text-align: center;
	padding-bottom:0px;
	margin-bottom:7px;
}
.game-play-button
{
	padding:3px 1px 3px 1px;
	margin:3px;
	border: solid #999999 1px;
	background-color: #EEEEEE;
	text-align:center;
	margin-bottom:3px;
}
.game-preview a
{
	text-decoration: none !important;
	color: black;
}
/* End of Home index Only */


thead, tfoot {
	background-color: #E2EDF2 !important;
}



.moregames {
	clear: both;
	background: url(../img/icons/backmoregames.gif) top left repeat-x;
	border: 1px solid #c0e7ff;
	padding: 5px 0px 0px 5px;
	line-height: 1em;
	font-size: .9em;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	height: 20px;
}

/**** ### PAS NETTOYE ### ****/
/*
STORE
*/

.error_highlight_field
{
	border: 2px solid red;
}

div.error
{
	color: red; 
	font-size: 1.0em; 
	width: 100%; 
}


.section-header
{
	width: 100%;
	padding: 0px 0px 10px 0px;
	border-width: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16pt;
	text-align: left;
}

table.input-form
{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	border-width: 0;
	width: 100%;
	border-collapse: collapse;
}

table.input-form tr td
{
	border-width: 1px;
	border-style: solid;
	border-color: #b9cdd8;
	padding: 5px;
}

table.input-form tr.store_navbar td
{
	text-align: center;
}

table.input-form tr.store_navbar td a
{
	display: block;
}

table.input-form tr.store_navbar td.selected
{
	background-color: #D6EEFF;
}

table.input-form tr.store_navbar td.selected a
{
	color: #651572;
}


.secure
{
	padding: 0px 3px;
	margin: 0px;
	vertical-align: top;
	float: right;
}
#subscribe input#security_code,
#subscribe input#ccVerificationValue
{
	width: 50px;
}

#subscribe input#phone_area,
#subscribe input#phone_ac
{
	width: 40px;
}

#subscribe input#phone_number
{
	width: 135px;
}

#subscribe .subscribe-information
{
	border: 1px solid orange;
	text-align: left;
	float: left;
	padding: 5px;
	margin: 5px;
	width: 220px;
	height: 140px;
}

#subscribe .subscribe-information p
{
	padding: 0px;
	margin-top: 3px;
	margin-left: 8px;
	margin-bottom: 3px;
}

#subscribe .subscribe-information a
{
	float: right;
}

#cmr_frame .form_error
{
	background-color: #ffe4e4;
}

#cmr_frame .form_valid
{
	background-color: #deffd9; /*#c8ffd2;*/
}

/**** ### FIN PAS NETTOYE ### ****/

.label-cell
{
	background-color: #e2edf2;
	width: 35%;
	text-align: right;
	font-weight: bold;
	vertical-align: center;
	color: #1c4f6e;
}

.input-cell, .fullinput-cell
{
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

.fullinput-cell input
{
	width: 99%;
}

.required-label
{
	font-size: 8pt;
	padding: 3px;
	float: right;
	color: #264b69;
}

.required
{
	color: red;
}

.required-indicator
{
	color: red;
	font-weight: normal;
	/*background-color: #EFF8FF;*/
}

/* 
COMMON 
*/
table.middle
{
	border-spacing: 0px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}

table.middle tr td
{
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}

.clear
{
	clear: both;
	margin: 0px;
	padding: 1px;
	width: 50%;
}
.clearLeft{ clear: left; }

/*inutilisés mais bon */
.block{	display: block;}
.hidden{	display: none;	visibility: hidden;	position: absolute;	width: 0px;	height: 0px; }

p.indent
{
	text-indent: 50px;
}

.faq_link img
{
	border: 0px;
	cursor: help;
}



img.back_to_top
{
	float: right;
}

a:hover img.roll_opacity
{
	opacity: 0.75;
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	filter: alpha(opacity=75);
}

a.read-more
{
	background-image: url(../img/icons/read-more.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 35px;
	color: #204e7f;
	text-decoration: none !important;
}

a.read-more:hover
{
	text-decoration: underline !important;
}



/*
PROMOTE BOX
*/
.sbt_promote
{
	width: 225px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#sidebar .sbt_promote
{
	width: 225px;
}

.sbt_promote_title
{
	background-color: #eee;
	padding: 5px 1px 2px 1px;
	/*height: 27px;*/
}

.sbt_promote_title h4
{
	font-size: 12pt;
	font-weight: bold !important;
	color: #0a749e;
	padding: 2px 0px 3px 8px;
	margin: 0px;
}

.sbt_promote_title h4 a,
.sbt_promote_title h4 a:HOVER
{
	color: white !important;
	text-decoration: none !important;
}

.sbt_promote_content,
.sbt_promote_foot
{
	background-color: #eee;
}

.sbt_promote_content
{
	text-align: justify;
}

.sbt_promote_content a
{
	text-decoration: none !important;
}

.sbt_promote_content a:hover
{
	color: orange !important;
}

.sbt_promote_content em
{
	margin: 20px;
}

.sbt_promote_content p
{
	text-align: center;
}

.sbt_promote_content p img.border
{
	border: 1px solid black;
}

.sbt_promote_content_inner
{
	background-image: url("../img/sidebar/box-bg.gif");
	background-repeat: repeat-x !important;
	background-position: top;
	background-color: #efefef;
	width: auto;
	text-align: justify;
	margin: 0px 10px;
	padding: 3px;
}

.sbt_promote_content_inner a
{
	color: #04649e;
	text-decoration: none;
}

.sbt_promote_content_inner a:hover
{
	color: #ff6602;
	text-decoration: underline;
}

.sbt_promote_foot
{
	height: 5px;
}

.sbt_promote div
{
	padding-top:4px;
	background-repeat: no-repeat;
}

.sbt_promote div.sbt_promote_content ul li
{
	border: 0px solid red !important;
	width: 180px !important;
}

.sbt_promote div.sbt_promote_content ul,
.sbt_promote div.sbt_promote_content ul li
{
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.sbt_promote div.sbt_promote_content ol
{
	padding-left: 20px;
}
.sbt_promote div.sbt_promote_content ul
{
	padding-left: 13px;
}

.sbt_promote_280{	width: 280px;}
.sbt_promote_280 input.form_text{	width: 240px !important;}
.sbt_promote_280 .sbt_promote_title{}
.sbt_promote_280 .sbt_promote_content_inner{	width: 260px;}
.sbt_promote_280 .sbt_promote_foot{}

.sbt_promote_300{	width: 300px;}
.sbt_promote_300 input.form_text{	width: 260px !important;}
.sbt_promote_300 .sbt_promote_title{}
.sbt_promote_300 .sbt_promote_content_inner{	width: 280px;}
.sbt_promote_300 .sbt_promote_foot{}

.sbt_promote_345{	width: 345px;}
.sbt_promote_345 input.form_text{	width: 300px !important;}
.sbt_promote_345 .sbt_promote_title{}
.sbt_promote_345 .sbt_promote_content_inner{	width: 320px;}
.sbt_promote_345 .sbt_promote_foot{}


/*
/about/index.php
*/
#about_us p
{
	text-align: justify;
	margin-bottom: 2em;
}

#about_us a
{
	font-style: italic;
}

.about_us img
{
	float: left;
	margin: 0px;
}

.about_publications
{
	clear: both;
	border: 1px solid #336699;
	font-size: 0.8em;
	overflow: auto;
	background-color: white;
	margin-top: 10px;
	padding: 2px;
	height: 250px;
}

.about_publications ul 
{
	padding: 10px;
	margin: 0px;
}

.about_publications li
{
	padding-bottom: 1em;
	list-style: none;
}

/*
/about/*-interview.php
*/
#interview
{
	padding-top: 10px;
}

#interview h5
{
	margin: 15px 0px 0px 0px;
	font-size: 1.0em;
}

#interview p,
#interview ol
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#interview p a.up
{
	float: right;
	padding: 0px;
}

/*
/about/faq.css
*/

div.faq_item
{
	padding: 0px 0px 10px 10px;
}

.faq h2
{
	padding-top: 50px;
}

#faq_menu ul li
{
	display: block;
}


/*
/games/more.php
*/
.more_tab_caption
{
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: transparent;
	padding-bottom: 5px;
}

.more_tab_value
{
	text-align: center;
	padding: .3em;
	background-color: transparent;
	padding-bottom: 20px;
	font-size:14px;
}

.more_tab_value div.blue_box		
{
	margin: 5px 0px 5px 0px;
}



#more_description
{
	padding: 0px;
	position: relative;
	float: left;
}

#more_description p
{
	padding-top: 0px;
	text-align: justify;
}


.more_1, .more_2, .more_3, .more_4, .more_5
{
	padding: 0px;
	position: relative;
	float: left;
}

.more_1 h1, .more_1 h4, .more_1 h5, #more_details_1 ul a, .listgame_topic_1 .listgame_title td, .sector_1, .sector_1 a{	color: #04999d !important;}
.more_2 h1, .more_2 h4, .more_2 h5, #more_details_2 ul a, .listgame_topic_2 .listgame_title td, .sector_2, .sector_2 a{	color: #d10031 !important;}
.more_3 h1, .more_3 h4, .more_3 h5, #more_details_3 ul a, .listgame_topic_3 .listgame_title td, .sector_3, .sector_3 a{	color: #970194 !important;}
.more_4 h1, .more_4 h4, .more_4 h5, #more_details_4 ul a, .listgame_topic_4 .listgame_title td, .sector_4, .sector_4 a{	color: #666666 !important;}
.more_5 h1, .more_5 h4, .more_5 h5, #more_details_5 ul a, .listgame_topic_5 .listgame_title td, .sector_5, .sector_5 a{	color: #649903 !important;}

.hn-ads
{
	border: 0px;
}

#ads-home
{
	width: 712px;
	height: 48px;
}

#main iframe#game
{
	border: 1px solid black; 
	margin: 0px; 
	padding: 0px; 
	width: 712px;
	height: 382px;
}


/*
/index.php
*/
img.s_button
{
	border: 0px;
	padding: 0px 0px 10px 0px;
}


/*
/cognitive-training/index.php
*/
#cognitive_training .form_form
{
	float: left;
	margin: 0px 0px 20px 40px;
	padding: 0px 4px;
}

#cognitive_training .form_left
{
	float: left;
	min-width: 210px;
	max-width: 400px;
	height: auto;
	padding: 5px 0px 5px 2px;
}

#cognitive_training .form_right
{
	float: left;
	padding: 5px 2px 5px 0px;
}

#cognitive_training .form_br
{
	clear: both;
	float: left;
	width: 100%;
}

#cognitive_training .form_input_text
{
	border: 1px solid #b9cdd8;
	width: 230px;
}

#cognitive_training .form_input_text:focus,
#cognitive_training .form_input_text:hover
{
	background-color: #EEEEEE;
}

#cognitive_training .form_input_submit
{
	border: 1px solid #b9cdd8;
	background-color: #EEEEEE;
	font-weight: bold;
	width: 100px;
	height: 25px;
}


/*
/tools/index.php
*/
img.tools_index_img
{
	padding: 10px 0px;
	border: 0px;
}

/*
account/settings/workout-reminder-schedule.php
Mettre à jour le workout reminder schedule... (javascript qui désactive les checkbox)
*/
.pc_checkbox
{
	background-position: 3px center;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	padding-left: 24px;
	cursor: pointer;
}

.pc_check_unchecked
{
	background-image: url(../img/icons/checkbox-off.gif);
}

.pc_check_checked
{
	background-image: url(../img/icons/checkbox.gif);
}

.pc_check_unchecked_disabled
{
	background-image: url(../img/icons/checkbox-off-disable.gif);
}

.pc_check_checked_disabled
{
	background-image: url(../img/icons/checkbox-disable.gif);
}


#address_book
{
	border: 1px solid black;
	background-color: white;
	position: relative;
	color: black;
	font-size: 0.8em;/*8pt;*/
	padding: 2px;
	width: 200px;
}

#address_book ul,
#address_book li
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#address_book li div
{
	float: right;
	font-weight: bold;
	display: none;
}

#address_book li div:hover
{
	color: red;
}

#address_book li:hover
{
	background-color: lightskyblue;
	cursor: pointer;
}

#address_book li:hover div
{
	display: block;
}


.signupButton
{
	margin-top: 35px;
	text-align: center;
}
.signupButton .orangeBtnMiddle {
    padding: 0 20px;
}

/*
txt\science\biblio.html
*/
.book_title
{
	font-style:italic;
	font-weight:bold;
}
.book_desc
{
	margin-bottom: 20px;
}

/*
Partners
*/
.partner-tab td
{
	padding:10px;
}


/* Site Map : .sitemap*/

.sitemap h1
{
	margin-bottom: 25px !important;
	padding-bottom: 2px !important;
	border-bottom: 1px solid #b9cdd8;
}

.sitemap h2
{
	color: black;
	padding: 2px !important;
	border-bottom: 1px solid #b9cdd8;
	font-size: 1.1em;/*11pt;*/
}

.sitemap .url
{
	color: green;
}

.sitemap strong,
.sitemap strong a
{
	font-size: 1em;/*10pt;*/
	color: black !important;
}

.sitemap ul, .sitemap li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.sitemap ul
{
	padding-bottom: 15px !important;
}

.sitemap a
{
	text-decoration: none !important;
	color: #76797c;
	font-size: 0.7em;/*7pt;*/
}

.sitemap a:hover
{
	text-decoration: underline !important;
}

.sitemap-bigblock
{
	margin-right:35px !important;
	float: left;
}
.sitemap-block
{
	padding: 5px 7px 5px 5px;
	float: left;
}


/* astuces santé */
#tips{ text-align: justify; }
/* bouton FaceBook, hack Firefox only */
@-moz-document url-prefix()
{
  #btnFB{ position:relative; left:-100px; top: -2px; }
}


/* tooltip */
.html5_errorTooltip{
  position: absolute;
  z-index: 99;
  margin-top: 25px;
	min-width: 200px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
  border-radius: 5px 5px;
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  padding: 10px;
  border: 1px solid red;
	background-color: #FFD2D3; 
  -webkit-transition: opacity 0.3s linear; 
  -moz-transition: opacity 0.3s linear; 
  transition: opacity 0.3s linear;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
	text-align: left;
}
.html5_errorTooltip img {
  float: left;
	position: absolute;
  border: 0;
	margin: -40px 0 0 -48px;
}
.html5_errorTooltip.visible{ 
	-moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);	
}


/*

#paymentForm fieldset
{
	border: 1px solid #99B3C4;
	border-radius: 10px;
	padding: 10px 20px;
	width: 600px;
	margin: 0 auto 25px auto;
	background: #ecf5fe; 
	background: -moz-linear-gradient(top, #ecf5fe 0%, #dfefff 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecf5fe), color-stop(100%,#dfefff)); 
	background: -webkit-linear-gradient(top, #ecf5fe 0%,#dfefff 100%); 
	background: -o-linear-gradient(top, #ecf5fe 0%,#dfefff 100%); 
	background: -ms-linear-gradient(top, #ecf5fe 0%,#dfefff 100%); 
	background: linear-gradient(to bottom, #ecf5fe 0%,#dfefff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf5fe', endColorstr='#dfefff',GradientType=0 );
}

#paymentForm legend{ font-size: 11pt; font-weight: bold; padding: 0px 15px; } 



#paymentForm .statusInput{
	width: 300px;
	height: 35px;
	margin: 3px 0px;
}

#paymentForm input.inputText, #paymentForm select{ 
	display: inline-block;
	width: 248px; 
	height: 19px;
	border-radius: 8px 0px 0px 8px;
	border: 1px solid black;
	padding: 7px !important;
	background-color: transparent;
	border: 1px solid #99B3C4;
	vertical-align: top;
	background-color: #ecf6fc;
  -webkit-transition: all 0.3s linear; 
  -moz-transition: all 0.3s linear; 
  transition: all 0.3s linear; 
	
}
#paymentForm select{ width: 264px; height: 35px; margin: 0; }
#paymentForm input.inputText:hover, #paymentForm input.inputText:focus,
#paymentForm select:hover, #paymentForm select:focus
{ 
	border-color: #1C4F6E; 
	background-color: white; 
	outline: 0;
}
#paymentForm #expiration_date_year, #paymentForm #expiration_date_month{
	border-radius: 8px;
	width: auto;
	vertical-align: middle;
}

#paymentForm .icon-validation{
	top: 0px !important;
	width: 35px; 
	height: 33px;
	border: 1px solid #99B3C4;
	border-left: 0px;
	display: inline-block !important; 
	border-radius: 0px 8px 8px 0px !important;
	background: #ecf5fe;
	background: -moz-linear-gradient(top, #ecf5fe 0%, #dfefff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecf5fe), color-stop(100%,#dfefff)); 
	background: -webkit-linear-gradient(top, #ecf5fe 0%,#dfefff 100%);
	background: -o-linear-gradient(top, #ecf5fe 0%,#dfefff 100%); 
	background: -ms-linear-gradient(top, #ecf5fe 0%,#dfefff 100%); 
	background: linear-gradient(to bottom, #ecf5fe 0%,#dfefff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf5fe', endColorstr='#dfefff',GradientType=0 );
	text-align: center;
	line-height: 30px;
}
#paymentForm .icon-validation.selectValidMsg{ margin-left: -5px; }
#paymentForm label img{ vertical-align: middle; margin: 0px 10px 0px 2px; }
#paymentForm #ccZone{ padding-bottom: 10px; }


#paymentForm input.inputText.html5_inputValid, #paymentForm select.html5_inputValid{
  border-color: green;
}

#paymentForm input[type=checkbox], 
#paymentForm input[type=checkbox].html5_inputValid, 
#paymentForm input[type=checkbox].html5_inputInvalid, 
#paymentForm input[type=radio], 
#paymentForm input[type=radio].html5_inputValid, 
#paymentForm input[type=radio].html5_inputInvalid{ 
	border: 0;
	background: transparent;
} 

#paymentForm input.inputText.html5_inputInvalid, #paymentForm select.html5_inputInvalid {
  border-color: red;
	outline: 0;
}

#paymentForm .html5_inputValid + .icon-validation {
	background: url('../img/icons/tick.png') center center no-repeat;
}

#paymentForm .html5_inputInvalid + .icon-validation {
	background: url('../img/icons/error.png') center center no-repeat;
}

#paymentForm .html5_errorTooltip{
  margin-top: 37px;
}



#paymentForm #ccZone .icon-validation.selectValidMsg
{
	vertical-align: middle; 
	margin-left: 5px; 
	border-left: 1px solid #99B3C4; 
	border-radius: 8px !important;
}*/


/* POP UP HARD STARTING*/
.btn_subscribe{
	background: url('../img/layout/icons/starting_btn.png') top left no-repeat;
	float: left;
	width: 222px;
	height: 222px;
}
.btn_create_account{
	background: url('../img/layout/icons/starting_btn.png') top right no-repeat;
	float: right;
	width: 222px;
	height: 222px;
}
.btn_subscribe  span:first-child, .btn_create_account span:first-child{
	display: block;
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bolder;
    line-height: 100%;
    margin-left: 10px;
    margin-top: 8px;
}
.btn_subscribe:hover,.btn_create_account:hover{
	filter : alpha(opacity=8);
	opacity: 0.8;
}
.btn_subscribe  span:last-child, .btn_create_account span:last-child{
	display: block;
	color: #fff;
    margin-left: 10px;
    margin-top: 120px;
}
#hard-start form div div div span.closeButton{
	width: auto;
}

/* POP UP EXPIRED ACCOUNT*/

#hard-expired-account{
	max-width: 520px;
}
.expired_account {
	float: left;
	width: 155px;
	text-align: center;
	font-size: 16px;
}


/* TOOLTIP RGRAPH */
.graphTooltip{
	font-family: Verdana !important;
	font-size: 10pt !important;
	padding: 5px !important;
	border-color: #5D8199 !important;
	background: #E6F2FE !important;
	-moz-box-shadow: 2px 2px 2px #888 !important;
	-webkit-box-shadow: 2px 2px 2px #888 !important;
	box-shadow: 2px 2px 2px #888 !important;
	cursor: default;
}
.graphTooltip span{ color: #1C4F6E }

.rgraph{ position: relative; }
.rgraph .rgraphPowered
{
	font-size: 10px;
	font-style: italic;
	position: absolute;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}		
.rgraph .rgraphPowered.stackedBar{ margin-top: -211px; right: -30px; }
.rgraph .rgraphPowered.line{ bottom: 118px; right: -30px; }
.rgraph .rgraphPowered.bibar{ bottom: 191px; right: -40px; }
.rgraph .rgraphPowered a{ text-decoration: none; }
.rgraph .rgraphPowered a:hover{ text-decoration: underline; }



/*
 * Champs de formulaire
 */
input[type=text], input[type=password], input[type=email], select, textarea
{
	border: 1px solid #99B3C4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 4px 5px;
	color: #1c4f6e;
}
input[type=text]:hover, input[type=password]:hover, 
input[type=email]:hover, select:hover, textarea:hover{ border-color: #1C4F6E; }
input[type=checkbox]{ margin-right: 5px; }


/*
 * Fenêtres login / pwd perdu / inscription
 */
.accountingBox{
	width: 488px;
}
.accountingBox a{ cursor: pointer; }
.accountingBox .hn-boxTitle br{ display: none; }
.accountingBox .tableForm{ 
	padding-top: 5px; 
	padding-left: 15px;
}
.accountingBox p .label, .accountingBox div .label{ 
	font-size: 15px;
	width: 164px;
	padding-left: 0px;
}
.accountingBox input[type=text], .accountingBox input[type=email],
.accountingBox input[type=password]{
	margin-right: 5px;
}
.accountingBox input[type=text], .accountingBox input[type=email],
.accountingBox input[type=password], .accountingBox select{
	width: 235px;
	font-size: 15px;
}
.accountingBox select{
	width: 247px;
}


/*
 * Fenêtre mot de passe peut être perdu
 */
#hard-passwordMayLost .hn-boxActions{
	margin-top: 25px;
}



/*
 * Fenêtre login
 */
#box-login .hn-box{ margin: 0 auto 25px; }
#box-login #passwordLost, #hard-login #passwordLost{ 
	text-align: center; 
	margin-top: 8px; 
}



/*
 * Fenêtre mot de passe perdu
 */
#box-passwordLost .hn-box{ margin: 70px auto 0px auto; }



/*
 * Fenêtre inscription
 */
#box-subscribe .hn-box{ margin: 0 auto 25px; }
#box-subscribe #frmSubscribeNewsletterLine, #hard-subscribe #frmSubscribeNewsletterLine{
	margin-top: 15px;
}
#box-subscribe #frmSubscribeNewsletterLine label, #hard-subscribe #frmSubscribeNewsletterLine label {
  display: inline-block;
  margin-left: 4px;
  vertical-align: top;
  width: 375px;
}
#box-subscribe p.welcomeInfo, #hard-subscribe p.welcomeInfo{
	margin-bottom: 15px;
}
#box-subscribe .captchaLeft, #hard-subscribe .captchaLeft{
	display: inline-block; *display: inline; zoom: 1;
	vertical-align: top;
	width: 62px; 
	text-align: right;
	margin-right: 5px;
	position: relative;
}
#box-subscribe #promoCodeField{
	position: relative;
	top: -15px;
}
#box-subscribe #promoCodeField span{
	padding-bottom: 10px;
}
#box-subscribe .captchaLeft input, #hard-subscribe .captchaLeft input{
	width: 52px;
	margin-bottom: 2px;
	text-align: left;
}
#box-subscribe .captchaLeft .html5_formIconValidation, #hard-subscribe .captchaLeft .html5_formIconValidation{
	position: absolute;
	right: -209px;
   top: 6px;
}
#box-subscribe #frmPolicyAgree, #hard-subscribe #frmPolicyAgree{
	margin-top: 35px;
	font-size: 10px;
	text-align: justify;
}
#box-subscribe #frmPolicyAgree img, #hard-subscribe #frmPolicyAgree img{ 
	vertical-align: middle;
}
#box-subscribe #btnSubscribe img, #hard-subscribe #btnSubscribe img{ 
	vertical-align: middle;
	margin: -5px 5px 0px 0px;
}



/*
 * Fenêtre conditions
 */
#hard-terms .hn-boxContent{
	padding: 0px;
}
#hard-terms .hn-box-navigate{
	padding: 10px;
}
#hard-terms #termsContent
{
	height: 400px; 
	overflow: auto;
	padding: 15px 15px 20px 15px;
}
#hard-terms #termsContent h2
{
	display: none;
}
#hard-terms a.printCgu{
	float: right;
}



/*
 * Fenêtre demographics
 */
#box-demographics{
	margin: 0 auto;
	width: 530px;
}
#box-demographics select, #hard-demographics select{
	width: 255px;
}
#box-demographics .field, #hard-demographics .field{
	width: 335px;
}


/*
 * Fenêtre exemple NL
 */
/* popup example newsletter */
#hard-newsletterSample .hn-boxTitle br{ display: none; }
#hard-newsletterSample .hn-boxContent{ padding-bottom: 6px; }
#hard-newsletterSample iframe
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 0 none;
	height: 465px;
	width: 745px;
	margin: -8px -10px -3px -8px;
}


/*-----------------------------------------------------------------------------
	MENU
-----------------------------------------------------------------------------*/

#stepsMenu{
  margin-top: 56px;
  background: url('../img/layout/games/line.png') bottom center no-repeat;
  padding: 0px 0px 1px 8px;
  font-size: 11pt;
	text-align: center;
	padding-bottom: 2px\9;
}
#stepsMenu .step
{
  display: inline-block; *display: inline; zoom: 1;
  width: 183px;
  height: 30px;
  background: url('../img/layout/icons/membershipSettings.png') top center no-repeat;
  text-align: center;
  margin: 0px;
	margin-left: -8px;
  padding-top: 27px;
  cursor: default;
}
#stepsMenu a{ text-decoration: none; }
#stepsMenu .step.selected{ 
  color: #0078C2;
  background-position: center -114px;  
}
#stepsMenu .step.navigable:hover{ 
  background-position: center -57px; 
  color: #0078C2; 
  cursor: pointer; 
}



/* countdown */
.countdown{
	font-variant: small-caps;
	font-size: 37px;
	color: #F98A14;
	text-align: center;
	margin-left: -5px;
}

.countdown .counter{
	display: inline-block; *display: inline; zoom: 1;
}