/*---------------------  Page d'Accueil : newLook --------------------*/

/*-- 09.04.2007  --> aligner bleu et rouge Fanny 

/*-- old darkblue Fanny : rgb(13,61,108) : #0C3C6B ----*/
/*------- old rouge Fanny ---------- rgb(132,83,41) -------*/

/*-- new darkblue Fanny : rgb(132,83,41) : #0C3C6B ----*/
/*-- old/new bluegrey Fanny : rgb(140,140,143) : #C2CFD5 ----*/
/*-- new rouge Fanny ---------- rgb(212,63,  41) -------*/

/*-- rectif rouge Fanny (fond icon CT) ---------- rgb(132,83,41) -------*/



/*------------------------------------------ Nouvelle Version : Marron et Beige (Clément) -----   04.03.2008  ---------------------*/

/*--  1. new darkblue Fanny : rgb(0,80,  126) : #0C3C6B ----*/

/*---- >> marron (bouton"accéder" sur homePage )  rgb(132,83,41) --------*/
/*----  marron ( bande verticale homePage )  rgb(135,83,41) --------*/


/*-- 2.  old/new bluegrey Fanny : rgb(194,207,  213) : #C2CFD5 ----*/

/*----  beige foncé ( fond homePage )  rgb(140,140,143) --------*/

/*--  3. new rouge Fanny ---------- rgb(212,63,  41) ----  devient marron ---*/

/*---- 4.   gris-bleu plus clair (login box)  : rgb(233,236,  238)  ----*/

/*----  beige clair ( login box )  rgb(243,148,2) --------*/



/*------------------------------------------ Nouvelle Version : Orange et gris (Clément) -----   29.03.2010 ---------------------*/

/*------  ..../newlook/hlp/resources/images/newlook/contentBG01.jpg ------ */
/*------  ..../newlook/hlp/resources/images/newlook/contentBG05.jpg ------ */

/*---- >> marron (texte promo home page )  rgb() devient gris + foncé (pour distinguer du fond) :  rgb(125,125,127)--------*/
/*---- >> idem promo option, optionsPack --------*/

/*----  beige foncé ( fond homePage )  rgb() devient gris :  rgb(140,140,143) --------*/
/*----  beige clair ( login box )  rgb() devient orange  :  rgb(243,148,2) --------*/



.fullPage			{	position : absolute;
					left : 0px;
					top : 0px;
					margin : 0px;
					height : auto;
					font-family: verdana, Arial, Helvetica, sans-serif;
				}

.newAdminBody	{	background-color :  rgb(140,140,143);
			}


.alignLeft    { text-align	: left; }
.alignRight   { text-align	: right; }



/*------- Main Title box -------*/

.homeHDRLeftFillerBox	{	
							width : 120px;
							height : 92px;
						}
.homeHDRLogoBox			{	
							width : 215px;
							height : 92px;
						}
.homeHDRLogoFillerBox	{	
							width : 25px;
							height : 92px;
							background-color :  rgb(189,189,189);
						}

.homeHDRRightFillerBox	{	
							height : 92px;
						}

/*-- order Body ----*/

.homeBodyLeftBox		{	
							width : 337px;
							height : 630px;
							background-color :  rgb(140,140,143);
						}
.homeBodyFillerBox		{	
							width : 25px;
							height : auto;
							background-color :  rgb(189,189,189);
						}


.homeBodyRightBox		{	
							background-color :  rgb(140,140,143);
							padding : 15px;
							height : auto;
						}

/*-----------------------------
.homeBodyRightBox		{	
							background-color :  rgb(140,140,143);
							padding : 15px;
							height : auto;
						}

.homeBodyRightBox		{	position : absolute;
							left : 362px;
							top : 0px;
							margin : 0px;
							padding : 15px;
							height : 643px;
							background-color :  rgb(140,140,143);
						}

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

.homePitchBox		  { 
						text-align			: right;
						padding             : 10px;
						padding-bottom      : 70px;
					  }
.homePitchTitle		  { 
						padding-bottom      : 10px;
					  }
.homePitchText1		  { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255);  
					  }
.homePitchText2		  { font-weight: bold ; font-size: 13px ; color: rgb(255,255,255); 
					  }
.homePitchText3		  { font-weight: bold ; font-size: 13px ; color: rgb(255,255,255);
					  }

/*-- old/new bluegrey Fanny : rgb(140,140,143) : #C2CFD5 ----*/
/*---- gris-bleu plus clair : rgb(243,148,2)  ----*/

.homePromoBox		  { 
						padding             : 10px;
						padding-bottom      : 5px;
						border-style        : solid;
						border-color        : rgb(255,255,255);
						/*---- border-bottom-color : #182052; ---*/
						border-width        : 1px;
						background-color	: rgb(243,148,2);
					  }
.homePromoFillerBox	  { 
						padding             : 10px;
					  }

.homeTitleBox		  { 
						text-align			: left;
						padding             : 20px;
					  }
.homeTitleText1		  { font-weight: bold ; font-size: 40px ; color: rgb(255,255,255); display : inline; 
					  }
.homeTitleText2		  { font-weight: normal ; font-size: 16px ; color: rgb(255,255,255); display : inline;   
					  }
.homeTitleText4		  { font-weight: normal ; font-size: 16px ; color: rgb(255,255,255);   
					  }
.homeTitleText5		  { font-weight: bold ; font-size: 16px ; color: rgb(255,255,255);   
					  }

/*------- login box -------*/

.newLoginWrapBox	  { 
						padding             : 10px;
						border-style        : solid;
						border-color        : rgb(255,255,255);
						/*---- border-bottom-color : #182052; ---*/
						border-width        : 1px;
						background-color	: rgb(243,148,2);
					  }
.newLoginBox		  { 
						width				: 280px;
						text-align			: left;
						padding             : 10px;
						font-weight			: normal ;
						font-size			: 12px ;
						/* light blue grey */
						background-color	: white; 
						color				: rgb(125,125,127);
						border-style        : solid;
						border-color        : rgb(255,255,255);
						/*---- border-bottom-color : #182052; ---*/
						border-width        : 1px;
					  }
.newLoginTitleBox	  { font-weight: normal ; font-size: 12px ; color: rgb(255,255,255);
						text-align			: left;
					  }
.newLoginLabel		  { font-weight: normal ; font-size: 11px ; color: rgb(255,255,255);
						font-style : italic;
					  }
.newLoginName		  { font-weight: normal ; font-size: 12px ; color: rgb(125,125,127);  
					  }

.newLoginLink        { font-weight: normal ; font-size: 11px ; color: rgb(255,255,255); text-decoration: none; 
					  }
.newLoginLink:hover  { font-weight: normal ; font-size: 11px ; color: rgb(255,255,255); text-decoration: none;
					  }
.newLoginLink:active { font-weight: normal ; font-size: 11px ; color: rgb(255,255,255); text-decoration: none; 
					  }



/*------- Book REUSSIR -------*/


.homeBookBox		{ 
						text-align			: left;
						font-weight			: normal ;
						font-size			: 12px ;
						background-color	: white; 
						color				: rgb(125,125,127);
						padding             : 10px;
						border-style        : solid;
						border-color        : rgb(255,255,255);
						/*---- border-bottom-color : #182052; ---*/
						border-width        : 1px;
					  }


.homeBookText1		  { font-weight: bold ; font-size: 16px ; color: rgb(255,255,255); 
					  }
.homeBookText3		  { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); font-style:italic;
						padding-left : 40px; font-style:italic;
					  }
.homeBookText4		  { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255);   
					  }
.homeBookLinkBox	  { text-align			: right;
						padding             : 10px;
					  }
.homeBookLink       { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); text-decoration: none; 
					  }
.homeBookLink:hover  { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); text-decoration: underline;
					  }
.homeBookLink:active { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); text-decoration: none; 
					  }

/*------- REUSSIR Online  -------*/

.homeOnlineBox		{ 
						text-align			: left;
						font-weight			: normal ;
						font-size			: 12px ;
						background-color		: white; 
						color				: rgb(125,125,127);
						padding             : 10px;
						border-style        : solid;
						border-color        : rgb(255,255,255);
						/*---- border-bottom-color : #182052; ---*/
						border-width        : 1px;
					  }
.homeOnlineText1	  { font-weight: bold ; font-size: 16px ; color: rgb(255,255,255);  
					  }
.homeOnlineText2	  { font-weight: bold ; font-size: 16px ; color: rgb(255,255,255);    
					  }
.homeOnlineText3	  { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255);   
						padding-left : 40px; font-style:italic;
					  }
.homeOnlineText4	  { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255);   
					  }
.homeOnlineLinkBox	  { text-align			: right;
						padding             : 10px;
					  }
.homeOnlineLink       { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); text-decoration: none; 
					  }
.homeOnlineLink:hover  { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); text-decoration: underline;
					  }
.homeOnlineLink:active { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); text-decoration: none; 
					  }

/*---------------------  table des options ---------------------------*/

.homeOptionsBox		  { padding-top   : 10px;
					  }


/*---------------------  Résultats des examens (new) --------------------*/

.homeExamBox		  { padding-top   : 10px;
					  }

.examMenuBox		{ 
						padding             : 10px;
						border-style        : solid;
						border-color        : white;
						/*---- border-bottom-color : #182052; ---*/
						border-width        : 2px;
						background-color	: rgb(243,148,2);
					  }

.examMenuTitle		  { font-weight: bold ; font-size: 13px ; color: rgb(255,255,255);
						padding-top   : 10px;
						padding-bottom   : 30px;
					  }

.examMenuDispoTitle		  { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); text-decoration: none; 
						    font-style:italic;
							padding-bottom   : 10px;
						  }
.examMenuDispoTitlePad    { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); text-decoration: none;
							padding-left: 20px;
						  }
.examMenuDispoDescBox	  { padding-bottom   : 10px;
						  }
.examMenuDispoLink        { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); text-decoration: none; 
					  }
.examMenuDispoLink:hover  { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); text-decoration: none;
					  }
.examMenuDispoLink:active { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); text-decoration: none; 
					  }

/*-- beige clair 2 (logo) Fanny ----- rgb(243, 231, 213); --*/

.examMenuNotDispoDesc		 { font-weight: normal ; font-size: 13px ; color: rgb(243, 231, 213); font-style:italic; 
					     }
.examMenuNotDispoTitle       { font-weight: bold ; font-size: 13px ; color: rgb(243, 231, 213); text-decoration: none; 
						 }
.examMenuNotDispoTitlePad    { font-weight: bold ; font-size: 13px ; color: rgb(243, 231, 213); text-decoration: none; 
						   padding-left: 60px;
						 }
.examMenuNotDispoLink        { font-weight: normal ; font-size: 13px ; color: rgb(108,108,110); text-decoration: none; 
						 }


.examMenuHelpText	{ font-weight: normal ; font-size: 11px ; color: rgb(255,255,255); font-style:italic; 
					  }


/*------- PROMO page Online  -------*/

.colorRed			  { color: rgb(255,0,0); }

.promoBox			  { 
						text-align			: left;
						padding             : 20px;
						border-style        : solid;
						border-color        : white;
						/*---- border-bottom-color : #182052; ---*/
						border-width        : 2px;
						background-color	: rgb(243,148,2);
					  }

.promoPitchBox		  { 
						text-align			: left;
						padding             : 20px;
						background-color	: white; 
						border-style        : solid;
						border-color        : rgb(125,125,127);
						/*---- border-bottom-color : #182052; ---*/
						border-width        : 1px;
					  }

.promoPitchTitleBox	  { 
						padding-bottom      : 1px;
					  }


.promoPitchText1	  { font-weight: bold ; font-size: 20px ; color: rgb(125,125,127);  
					  }
.promoPitchText2	  { font-weight: bold ; font-size: 13px ; color: rgb(125,125,127);    
					  }
.promoPitchText3	  { font-weight: normal ; font-size: 13px ; color: rgb(125,125,127);
						font-style : italic;
					  }

.promoItemBox		  { 
						text-align	: left;
						padding             : 0px;
					  }

.promoTitleText   	  { font-weight: bold ; font-size: 12px ; color: rgb(255,255,255);   
						padding-bottom      : 2px;
					  }
.promoDescText		  { font-weight: normal ; font-size: 11px ; color: rgb(255,255,255);   
						padding-left        : 15px;
						padding-bottom      : 15px;
					  }

/*------- PROMO OUVRAGE papier  -------*/

.padTopPB			  { padding-top : 30px; }
.promoBookPictureBox	{ 
						width				: 120px;
						padding             : 10px;
						background-color	: white; 
						border-style        : solid;
						border-color        : rgb(125,125,127);
						border-width        : 1px;
					  }


/*------- PROMO UNE OPTION  -------*/

.promoOptionBox		  { 
						text-align			: left;
						padding             : 20px;
						border-style        : solid;
						border-color        : white;
						border-width        : 2px;
						background-color	: rgb(243,148,2);
					  }
.promoOptionFillerBox	  { height             : 20px;
					  }
.pad25				  { padding-left        : 25px;
					  }
.promoOptionTitle1	  { font-weight: bold ; font-size: 20px ; color: rgb(255,255,255);  
						padding-bottom      : 8px;
					  }
.promoOptionTitle21	  { font-weight: bold ; font-size: 15px ; color: rgb(255,255,255);  
					  }
.promoOptionTitle22	  { font-weight: bold ; font-size: 15px ; color: rgb(255,255,255);  
					  }
.promoOptionTitle31	  { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255);  
						padding-bottom      : 5px;
					  }
.promoOptionTitle32	  { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255);  
					  }

.promoOptionDesc1	  { font-weight: normal ; font-size: 13px ; color: rgb(255,255,255);   
					  }
.promoOptionDesc2	  { font-weight: normal ; font-size: 11px ; color: rgb(255,255,255);   
					  }

.promoOptionLink			{ font-weight: bold ; font-size: 13px ; color: rgb(255,255,255); 
					   text-decoration: none;
					   font-style : italic;
					}
.promoOptionLink:hover		{ font-weight: bold ; font-size: 13px ; color: white; 
					   text-decoration: none;
					   font-style : italic;
					}
.promoOptionLink:active		{ font-weight: bold ; font-size: 13px ; color: white; 
					   text-decoration: none;
					   font-style : italic;
					}


/*--- select option ---*/

.selectOptionTitle	  { font-weight: bold ; font-size: 20px ; color: rgb(132,83,41);  
						padding-bottom      : 30px;
					  }

.nopadding	  { padding      : 0px; }

/*------- PACKS Table  -------*/

.packsBox			  { 
						text-align			: left;
						padding 			: 10px;
						border-style        : solid;
						border-color        : rgb(255,255,255);
						/*---- border-bottom-color : #182052; ---*/
						border-width        : 1px;
						background-color	: rgb(243,148,2);
					  }

.packTitleText   	  { font-weight: bold ; font-size: 16px ; color: rgb(255,255,255);   
						padding-bottom		:20px;
					  }

.packDescBox		 { 
						text-align			: left;
						padding				: 8px;
						background-color	: white; 
						border-style        : solid;
						border-color        : rgb(125,125,127);
						/*---- border-bottom-color : #182052; ---*/
						border-width        : 1px;
					  }

.packPriceText		  { font-weight: bold ; font-size: 15px ; color: rgb(125,125,127);   
						text-align			: right;
						padding-right		:8px;
						padding-bottom		:10px;
					  }
.packDescText		  { font-weight: normal ; font-size: 13px ; color: rgb(125,125,127);   
						text-align			: left;
					  }





/*------- Order Tables  -------*/

/*-- darkblue Fanny : rgb(132,83,41) : #0C3C6B ----*/
/*-- rouge fanny ---------- rgb(132,83,41) -------*/
/*-- bluegrey Fanny : rgb(140,140,143) : #C2CFD5 ----*/

/*-- order HDR --*/

.orderHDRLogoBox		{	
							width : 218px;
							height : 92px;
							background-color :  rgb(140,140,143);
						}
.orderHDRLogoFillerBox		{	
							width : 25px;
							height : 92px;
							background-color :  rgb(189,189,189);
						}

.orderHDROptionIconBox {	
								width : 96px;
								height : 92px;
							}

.orderHDROptionTitleIconBox	{	
								height : 92px;
								padding-top : 20px;
								padding-left : 20px;
							}

.orderHDRTitleFillerBox		{	
								height : 92px;
							}

.orderHDRRightBTNBox		{	
								height : 92px;
								padding-top : 33px;
							}


.reminderBox		  { 
						background-color    : white;
						padding             : 10px;
						padding-top         : 2px;
						padding-bottom      : 0px;
						border-style        : solid;
						border-color        : rgb(132,83,41);
						border-width        : 2px;
					  }
					  
.reminderTitle		  {	font-weight: bold ; font-size: 18px ; color: rgb(212,63,41); font-style:normal; 
					  }
.reminderDesc		  {	font-weight: normal ; font-size: 11px ; color: rgb(132,83,41); font-style:normal; 
					  }




/*-- order Body ----*/

.orderBodyLeftBox		{	
							width : 218px;
							height : 600px;
							background-color :  rgb(140,140,143);
						}
.orderBodyFillerBox		{	
							width : 25px;
							height : auto;
							background-color :  rgb(189,189,189);
						}
.orderBodyRightBox		{	
							background-color :  rgb(140,140,143);
							padding : 30px;
							height : auto;
						}

.orderBodyRightBoxTop		{	
							background-color :  rgb(140,140,143);
							padding : 30px;
							padding-top : 10px;
							height : auto;
						}

/*-- order Key Input ----*/

.orderKeyInputTitle   { font-weight: bold ; font-size: 20px ; color: rgb(255,255,255);   
					  }


.orderKeyInputTable		{	
							font-weight			: normal ;
							font-size           : 20px;
							color				: rgb(255,255,255);
							padding             : 20px;
							border-style        : solid;
							border-color        : white;
							border-width        : 2px;
							background-color	: rgb(243,148,2);
						}

.orderTitle				{	font-weight: normal ; font-size: 18px ; color: rgb(255,255,255); font-style:normal; 
							padding-left        : 0px;
						}

.orderKeyInputDesc		{	font-weight: normal ; font-size: 11px ; color: rgb(255,255,255); font-style:normal; 
							text-align        : right;
							padding-left        : 0px;
						}
.orderKeyInputText		{	font-weight: normal ; font-size: 11px ; color: rgb(255,255,255); font-style:normal; 
						}


.orderAdminBox		{	
							width				: 50%;
							font-size           : 13px;
							color				: rgb(125,125,127);
							background-color	: white;
							padding             : 5px;
							border-style        : solid;
							border-color        : rgb(125,125,127);
							border-width        : 1px;
						}

.orderAdminText			{	
							font-size           : 13px;
							color				: rgb(125,125,127);
						}

/*-- order Params ----*/

.orderKeyParamsTitle		{	font-weight: bold ; font-size: 13px ; color: rgb(255,255,255); font-style:normal; 
						padding-bottom        : 8px;
					}
.orderKeyParamsDesc		{	font-weight: normal ; font-size: 11px ; color: rgb(255,255,255); font-style:normal; 
						padding-left        : 0px;
					}
.orderKeyParamsText		{	font-weight: normal ; font-size: 11px ; color: rgb(255,255,255); font-style:normal; 
					}


.orderKeyParamsTitleForEMail	{	font-weight: bold ; font-size: 13px ; color: black; font-style:normal; 
						padding-bottom        : 8px;
					}
.orderKeyParamsDescForEMail	{	font-weight: normal ; font-size: 11px ; color: black; font-style:normal; 
						padding-left        : 0px;
					}
.orderKeyParamsTextForEMail	{	font-weight: normal ; font-size: 11px ; color: black; font-style:normal; 
					}


/*-- payment options ----*/

.paymentOptionTitleBox			{	
							padding-left        : 15px;
							border-style        : solid;
							border-color		: white;
							border-width        : 2px;
							background-color	: rgb(243,148,2);
						}

.paymentOptionTitle			{	font-weight: bold ; font-size: 20px ; 
							color: rgb(255,255,255); text-decoration: none; 
							padding-left        : 15px;
						}
.paymentOptionDescBox			{	
							padding-left        : 8px;
						}
.paymentOptionDesc			{	font-weight: normal ; font-size: 13px ; 
							color: rgb(255,255,255); font-style:italic; 
						}
.paymentOptionText			{	font-weight: normal ; font-size: 13px ; 
							color: rgb(255,255,255); font-style:normal; 
						}


.paymentAddressTitle			{	font-weight: normal ; font-size: 18px ;
							padding-left : 26px;
							color: rgb(255,255,255); text-decoration: none; 
						}

.postOrderTitle		{	font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); font-style:normal; 
				}
.postLicenseTitle		{	font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); font-style:normal; 
				}
.postLicenseText		{	font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); font-style:normal; 
				}

.orderKeyInfoDesc		{	font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); font-style:normal; 
					padding-left        : 0px;
				}
.orderKeyInfoText		{	font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); font-style:normal; 
				}

.orderKeyInfoDescForEMail		{	font-weight: normal ; font-size: 13px ; color: black; font-style:normal; 
						padding-left        : 0px;
					}
.orderKeyInfoTextForEMail		{	font-weight: normal ; font-size: 13px ; color: black; font-style:normal; 
					}



/*-- sales Terms ----*/

.salesTermsBox			 { 
							text-align			: left;
							padding			: 20px;
							border-style        : solid;
							border-color        : white;
							/*---- border-bottom-color : #182052; ---*/
							border-width        : 2px;
							background-color	: rgb(243,148,2);
						}
.salesTermsMainTitle	{	font-weight: normal ; font-size: 20px ; color: rgb(255,255,255); font-style:normal; 
							padding-left        : 0px;
							padding-bottom      : 15px;
						}
.salesTermsTitle		{	font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); font-style:normal; 
							padding-left        : 0px;
							padding-bottom      : 5px;
						}
.salesTermsDesc			{	font-weight: normal ; font-size: 13px ; color: rgb(255,255,255); font-style:normal; 
							padding-left        : 0px;
							padding-bottom      : 15px;
						}

.salesTermsPmtBox		{	font-weight: normal ; font-size: 11px ; color: rgb(255,255,255); font-style:italic; 
							padding-left        : 0px;
							padding-bottom      : 15px;
						}




/*---------------------  Page d'Accueil : old --------------------*/

/*--- fond : rgb(0,140,123) -----*/
/*--- vert foncé, à partir du fond : rgb(0,89,78) -----*/

.loginBox			  { 
						text-align			: center;
						font-weight			: normal ;
						font-size           : 14px;
						background-color	: #97D0C9; 
						color				: rgb(0,89,78);
						padding             : 10px;
						border-style        : solid;
						border-color        : rgb(0,89,78);
						/*---- border-bottom-color : #182052; ---*/
						border-width        : 1px;
					  }
.loginTitle			  { font-weight: normal ; font-size: 12px ; color: rgb(0,89,78); font-style:italic; 
					  }


/*---------------------  Résultats des examens --------------------*/

.examTitle			  { font-weight: bold ; font-size: 24px ; color: white; text-decoration: none; 
					  }

.examDispoDesc		  { font-weight: normal ; font-size: 16px ; color: white; font-style:italic; 
					  }
.examDispoTitle		  { font-weight: bold ; font-size: 16px ; color: white; text-decoration: none; 
					  }
.examDispoTitlePad    { font-weight: bold ; font-size: 16px ; color: white; text-decoration: none;
						padding-left: 60px;
					  }
.examDispoLink        { font-weight: bold ; font-size: 16px ; color: white; text-decoration: none; 
					  }
.examDispoLink:hover  { font-weight: bold ; font-size: 16px ; color: yellow; text-decoration: none;
					  }
.examDispoLink:active { font-weight: bold ; font-size: 16px ; color: yellow; text-decoration: none; 
					  }

/*-- beige clair 2 (logo) Fanny ----- rgb(243, 231, 213); --*/

.examNotDispoDesc		 { font-weight: normal ; font-size: 16px ; color: rgb(243, 231, 213); font-style:italic; 
					     }
.examNotDispoTitle       { font-weight: bold ; font-size: 16px ; color: rgb(243, 231, 213); text-decoration: none; 
						 }
.examNotDispoTitlePad    { font-weight: bold ; font-size: 16px ; color: rgb(243, 231, 213); text-decoration: none; 
						   padding-left: 60px;
						 }
.examNotDispoLink        { font-weight: bold ; font-size: 16px ; color: rgb(243, 231, 213); text-decoration: none; 
						 }


.examHelpText		  { font-weight: normal ; font-size: 12px ; color: #97D0C9; font-style:italic; 
					  }


/*---------------------  Saisie de la license --------------------*/

.keyInputTable			{	border-color		: #97D0C9;
						}
.keyInputTitle			{	font-weight: bold ; font-size: 20px ; color: black; text-decoration: none; 
							padding-left        : 15px;
						}

.keyInputDesc			{	font-weight: normal ; font-size: 16px ; color: #97D0C9; font-style:italic; 
							padding-left        : 8px;
						}
.keyInputText			{	font-weight: normal ; font-size: 16px ; color: black; font-style:normal; 
						}


/*----------------------------------- old look -------------------------------------
.paymentOptionTable		{
						}

.paymentCardTitleBox	{	background-color	: #CCFFCC;
							padding-left        : 15px;
							border-style        : solid;
							border-color		: darkgreen;
							border-width        : 1px;
							display				: inline;
						}
.paymentChequeTitleBox	{	background-color	: #CCFFCC;
							padding-left        : 15px;
							border-style        : solid;
							border-color		: darkgreen;
							border-width        : 1px;
							display				: inline;
						}


.paymentAddressTitle	{	font-weight: bold ; font-size: 20px ; color: black; text-decoration: none; 
						}
.paymentOptionTitle		{	font-weight: bold ; font-size: 20px ; color: black; text-decoration: none; 
							padding-left        : 15px;
							display				: inline;
						}

.paymentOptionDesc		{	font-weight: normal ; font-size: 14px ; color: black; font-style:italic; 
							padding-left        : 8px;
							display				: inline;
						}
.paymentOptionText		{	font-weight: normal ; font-size: 14px ; color: black; font-style:normal; 
							display				: inline;
						}

.postLicenseTitle		{	font-weight: normal ; font-size: 14px ; color: black; font-style:normal; 
						}
.postLicenseText		{	font-weight: normal ; font-size: 14px ; color: black; font-style:normal; 
						}



.paymentBackTitle     { 
						font-weight			: bold;
						font-size           : 30px;
						color				: rgb(0,69,61);
					  }

.paymentBackBox	      { 
						text-align			: left;
						width				: 60%;
						font-weight			: normal ;
						font-size           : 16px;
						color				: #97D0C9;
						padding             : 25px;
						border-style        : solid;
						border-color        : #97D0C9;
						border-bottom-color : rgb(0,89,78);
						border-right-color  : rgb(0,89,78);
						border-width        : 2px;
					  }


----------------------------------- fin old look -------------------------------------*/


.errorMessageBox		{	background-color	: white;
							padding				: 15px;
							border-style        : solid;
							border-color		: red;
							border-width        : 2px;
							font-weight: normal ; font-size: 16px ; color: red; font-style:normal;
							text-align			: left;
							width				: 80%;
						}


/*---------------------  Paramètres de la license --------------------*/

/*-- #97D0C9 : background login box (vert clair) --*/
.keyParamsTable			{	border-color		: #97D0C9;
						}
.keyParamsBox			{	padding-left        : 10px;
						}
.keyParamsBoxRight		{	
							padding-right       : 10px;
							text-align			: right;
						}
.keyParamsTitle			{	font-weight: bold ; font-size: 20px ; color: black; text-decoration: none; 
						}
.keyParamsDesc			{	font-weight: normal ; font-size: 14px ; color: #97D0C9; font-style:italic; 
						}
.keyParamsText			{	font-weight: normal ; font-size: 14px ; color: black; font-style:normal; 
						}

/*------- profile info ------------*/

.keyInfoTable			{	border-color		: #97D0C9;
						}
.keyInfoBox				{	
							padding-left        : 10px;
						}
.keyInfoTitle			{	font-weight: bold ; font-size: 20px ; color: black; text-decoration: none; 
						}
.keyInfoDesc			{	font-weight: normal ; font-size: 14px ; color: #97D0C9; font-style:italic; 
						}
.keyInfoText			{	font-weight: normal ; font-size: 14px ; color: black; font-style:normal; 
						}

/*---------------------  payment accepted --------------------*/

/*--- fond : rgb(0,140,123) -----*/
/*--- vert foncé, à partir du fond : rgb(0,89,78) -----*/
/*--- vert très foncé, à partir du fond : rgb(0,69,61) -----*/

.paymentBackTitle     { 
						font-weight			: bold;
						font-size           : 20px;
						color				: rgb(255,255,255);
					  }

.paymentBackBox	      { 
						text-align			: left;
						width				: 60%;
						font-weight			: normal ;
						font-size           : 13px;
						color				: rgb(255,255,255);
						padding             : 25px;
						border-style        : solid;
						border-color        : white;
						border-width        : 2px;
						background-color	: rgb(243,148,2);
					  }


/*---------------------  Styles du Quiz Réussir --------------------*/

#quizPNL {
	width : 600px;
	text-align : left;
}

.quizTabTitle {
    font-size           : 16px;
/*-------	background-color	: #1f669b; ----*/
/*-------	padding             : 4px 6px 4px 6px; ----*/
/*-------	display				: inline; ----*/
	display				: inline;
	text-align : left;
}

.quizTabExtentBTN {
	right				: 10px;
	display				: inline;
	z-index				: 1;
}

/*--------------------------
.quizTabTitle {
    font-size           : 16px;
	float : left;
	text-align : left;
}

.quizTabExtentBTN {
	right				: 10px;
	display				: inline;
	z-index				: 1;
}

.quizTabExtentBTN {
	float : right;
	text-align : right;
	z-index				: 1;
}
------------------------------*/


.quizTabQuestionBar {
    font-size           : 16px;
	background-color	: #1f669b; 
	color				: white;
	padding             : 15px 6px 15px 6px;
    border-style        : solid none solid none;
	border-top-color    : #BDC7E7;
	/*---- border-bottom-color : #182052; ---*/
	border-bottom-color : black;
    border-width        : 1px 0px 1px 0px;
}

.quizTabQuestionBar:hover {
	font-size        : 16px;
/*-------	background-color	: #1f669b; ----*/
	background-color : #1f669b;
	color            : #000000;
}

.quizTabQuestionBarHover {
	font-size        : 16px;
	background-color : #1f669b;
	color            : #000000;
}

.quizTabAnswerBar {
    font-size           : 16px;
	background-color	: #1f669b; 
	padding             : 6px 10px 6px 6px;
    border-style        : solid none solid none;
	border-top-color    : #BDC7E7;
	border-bottom-color : #182052;
    border-width        : 1px 0px 1px 0px;
}


.quizTabAnswerBar:hover {
	font-size        : 16px;
	background-color : #1f669b;
	color            : #000000;
}

.quizTabAnswerBarHover {
	font-size        : 16px;
	background-color : #1f669b;
	color            : #000000;
}

.quizTabExtentBox {
   font-size        : 12px;
   border           : 1px solid #1f669b;
   border-top-width : 0px;
   padding          : 10px 10px 10px 10px;
}

.quizTabExtentText        { font-family: Arial, Helvetica, sans-serif; font-size: 12px ; color: green; text-decoration: none; padding-left: 5px;}


/*---------------	links and anchors -------------------*/


.quizTabExtentLinks			{ 
					font-family: verdana, Arial, Helvetica, sans-serif; 
					font-weight: normal; 
					font-size: 14px; 
					color: darkblue; 
					background-color : lightblue;
					text-decoration: none; 
					padding-left: 5px;
					padding-right: 5px;
							}
.quizTabExtentLinks:hover	{ 
					font-family: verdana, Arial, Helvetica, sans-serif; 
					font-weight: normal; 
					font-size: 14px; 
					color: #FF9900; 
					text-decoration: none; 
					padding-left: 5px;
					padding-right: 5px;
							}
.quizTabExtentLinks:active	{ 
					font-family: verdana, Arial, Helvetica, sans-serif; 
					font-weight: normal; 
					font-size: 14px; 
					color: rgb(160, 24, 87); 
					text-decoration: none; 
					padding-left: 5px;
					padding-right: 5px;
							}

/*-------------------------  test des liens ------------------------------*/



.footerLinks        { font-family: verdana, Arial, Helvetica, sans-serif; 
				   font-weight: bold ; font-size: 18px ; color: red; text-decoration: none; padding-right: 20px;}
.footerLinks:hover  { font-family: verdana, Arial, Helvetica, sans-serif; 
				   font-weight: bold ; font-size: 18px ; color: #FF9900;; text-decoration: none; padding-right: 20px;}
.footerLinks:active { font-family: verdana, Arial, Helvetica, sans-serif; 
				   font-weight: bold ; font-size: 18px ; color: rgb(160, 24, 87); text-decoration: none; padding-right: 20px;}

/*------------------------- Ocir ------------------------------*/

/*-- old bluegrey Fanny : rgb(140,140,143) : #C2CFD5 ----*/
/*------- old rouge Fanny ---------- rgb(132,83,41) -------*/

/*-- new darkblue Fanny : rgb(132,83,41) : #0C3C6B ----*/
/*-- new rouge Fanny ---------- rgb(132,83,41) -------*/

.ocirMenuTitle	{	font-size  : 30px; font-weight: bold;
					color : rgb(132,83,41);
				}

.ocirMenuBox	{	background-color : rgb(140,140,143);
					border           : 1px solid rgb(132,83,41);
					padding			 : 15px;
				}

.ocirMenuLink        { font-family: verdana, Arial, Helvetica; font-size: 16px ; font-weight: normal; color: rgb(132,83,41); text-decoration: none; padding: 2px;}
.ocirMenuLink:hover  { font-family: verdana, Arial, Helvetica; font-size: 16px ; font-weight: normal; color: rgb(132,83,41); text-decoration: none; padding: 2px;}
.ocirMenuLink:active { font-family: verdana, Arial, Helvetica; font-size: 16px ; font-weight: normal; color: rgb(132,83,41); text-decoration: none; padding: 2px;}


/*------------------------- Quiz Builder ------------------------------*/

.QBSmallTitle	{	font-size  : 11px;
				}
.QBMediumTitle	{	font-size  : 14px;
				}
.QBText			{	font-family: verdana, Arial, Helvetica, sans-serif;
					font-size  : 12px;
					padding-left : 5px;
				}
.QBTextSelected	{	font-size  : 12px;
					color : blue;
					padding-left : 5px;
				}

.QBQuizTitleBox	{	background-color : rgb(216, 187, 147);
					border           : 2px solid rgb(140, 17, 70);
					border-bottom	 : none;
					padding			 : 10px;
				}
.QBMainTable	{	background-color : rgb(240, 225, 205);
					border           : 2px solid rgb(140, 17, 70);
					padding			 : 5px;
				}

.QBContainer	{	padding-left : 20px;
				}
.QBContainerRight	{	padding-right : 20px;
				}


.QBFilesListBox  {   font-size        : 16px;
				}
.QBOptionsListBox { font-size        : 16px;
				  }
.QBNumberBox {
   font-size        : 20px;
   text-align		: right;
}

.QBQuestionTextBox	{	padding : 20px;
					}

.QBAnswerHeader	{	font-size  : 20px;
					color : darkblue;
					text-align : right;
				}

.QBValidateBTN	{	font-size  : 20px;
					color : black;
					background-color : green;
				}
				
/*--------------------------  content frames -------------------------------*/

/*--- fond accueil : rgb(0,140,123) -----*/

.menuTopFrameBox	{	position : absolute;
					left : 0px;
					top : 0px;
					height : 92px;
					}


.menuFrameBox	{	position : absolute;
					left : 230px;
					top : 93px;
					width : 100%;
					height : 100%;
					z-index : 2;
					background-color : yellow;
				}


.contentTopFrameBox	{	position : absolute;
					left : 0px;
					top : 0px;
					height : 92px;
				}

/*------- rouge fanny ---------- rgb(132,83,41) -------*/

.contentTopFrameTable			{
							padding : 0px;
						}


.contentTopFrameLogoBox			{	
							text-align : right;
							width : 230px;
							height : 92px;
							padding-top : 5px;   
							padding-right : 15px;   
							background-color :  rgb(140,140,143);
						}

.contentTopFrameOptionIconBox		{	
							width : 96px;
							height : 92px;
							background-color :  rgb(140,140,143);
						}

.contentTopFrameOptionTitleIconBox	{	
							width : 305px;
							height : 92px;
							background-color :  rgb(140,140,143);
						}

.contentTopFrameMenuBTNBox		{	
							height : 92px;
							background-color :  rgb(140,140,143);
						}
.contentTopFramePackBox			{	
							height : 92px;
							background-color :  rgb(140,140,143);
						}


/*--------- beige : rgb(255,225,200) ---------*/


/*------------------------------- look PHL----------------------------------------------
.contentTopTitleBox {
						padding : 8px;   
						padding-right : 30px;   
						
						background-color	: rgb(255,225,200); 
						border-style        : solid none solid none;
						border-top-color    :  rgb(132,83,41);
						border-bottom-color :  rgb(132,83,41);
						border-width        : 2px 0px 2px 0px;
}
.contentTopTitle	{	font-family: verdana, Arial, Helvetica, sans-serif;
						font-size  : 18px;
						color : rgb(132,83,41);
					}

.mainFrameBox	{	position : absolute;
					left : 195px;
					top : 86px;
					z-index : 1;
					background-color : green;
				}

------------------------------ fin look PHL----------------------------------------------*/

/*------------------------------ NEW LOOK ----------------------------------------------*/

.contentTopTitleBox			{
						padding : 8px;   
						padding-left : 23px;   
						background-color	: rgb(243,148,2); 
					}
.contentTopTitle			{	font-family: verdana, Arial, Helvetica, sans-serif;
						font-size  : 18px;
						color : rgb(255,255,255);
					}

.contentTopTitleFillerBox		{
						background-color	: rgb(189,189,189); 
					}
.contentMainFrameBox		{	
						height : auto;
					}