/*---------------------------------------------------*/
/*----------          GENERAL           -------------*/
/*---------------------------------------------------*/
Body
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

Table
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

.toolTip1
{
	position: absolute;
	width: 250px;
	border: 1px SOLID BLACK;
	padding: 2px;
	visibility: hidden;
	padding:5px;
	z-index: 100;
	background-color:#CBBEDC;
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=120);
} 

.ShowWarning
{
    font-size : 10px;
    font-style: italic;
    color: Red;
}

A:link  {
    text-decoration:    none;
    color:  #562D7C;
}

A:visited   {
    text-decoration:    none;
    color:  #562D7C;
}

A:active    {
    text-decoration:    none;
    color:  #562D7C;
}

A:hover {
    text-decoration:    underline;
    color:  #1B0034;
}

.input
{
	border: solid 1px #CBBEDC;
	background-color: #CBBEDC;
	font-family: Arial;
	color: #FFFFFF;
	height: 21px;
}

.inputTextArea
{
	border: solid 1px #CBBEDC;
	background-color: #CBBEDC;
	height: 120px;
	font-family: Arial;
	color: #FFFFFF;
}

.InfosAsterix
{
	font-size: 10px;
}

.ErrorAsterix
{
	font-size: 10px;
	color: #ff0000;
}

.ErrorMessage
{
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
	border: dashed 1px #ff0000;
	text-align: center;
}

.ErrorMessagePage
{
	color: #da027f;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
}

h1
{
	font-size: 18px;
	padding-left: 10px;
	color: #8cb417;
	font-weight: bold;
}

h2
{
	font-size: 16px;
	padding-left: 10px;
	color: #CBBEDC;
}

.filigrane
{
	background-image: url(./../images/Design/filigrane_smiley.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.InfoConnexion
{
    font-size: 16px;
    color: #da027f;
}

/*------------------------------------------------------------*/
/*----------          INFOS CONNEXION            -------------*/
/*------------------------------------------------------------*/
.InfoBulleContainer
{
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 100%;
	height: 100%;
	text-align: center;
	margin: auto;
}

.InfoBulleTranslucide
{
	width: 100%; height: 100%;     /* pour correspondre à la taille du DIV */
	background-color: #562d7c;       /* la couleur de fond          */
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}

.InfoBulleTexteOpaque
{
	position: absolute;              /* positionnement absolu       */
	z-index: 2; 
}

.InfoBulleTxt
{
	background-color: #FFFFFF;
	text-align: center;
}

.InfoBulleTop
{
	background-image: url(./../images/Design/InfoBulle_02.gif);
	background-repeat: repeat-x;
}

.InfoBulleLeft
{
	background-image: url(./../images/Design/InfoBulle_04.gif);
	background-repeat: repeat-y;
}

.InfoBulleRight
{
	background-image: url(./../images/Design/InfoBulle_06.gif);
	background-repeat: repeat-y;
}

.InfoBulleBottom
{
	background-image: url(./../images/Design/InfoBulle_08.gif);
	background-repeat: repeat-x;
}

.InfoBulleTexte
{
	color: #da027f;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
}

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

#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* tous les items de liste */
	float: left;
	width: 10em; /* largeur obligatoire, sinon opera devient fou */
}

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background: #CCBFDB;
	border: solid 1px #000000;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}

#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

.SelectedCountry 
{
    border: solid 3px #8CB416; 
}

/*---------------------------------------------------*/
/*---------          ECO TEXTO           ------------*/
/*---------------------------------------------------*/

.TextoHead
{
	color: #FFFFFF;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	background-color: #da027f;
}

.TextoContent
{
	color: #000000;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	text-justify: auto;
	vertical-align: middle;
}

.BoxLink
{
	font-style: italic;
	font-weight: bold;
}

.FooterMiddle
{
	background-image: url(./../images/Design/CadreTextoBottomMiddle.jpg);
	background-repeat: repeat-x;
	width: 100%;
}

.BoxInfo
{
	font-style: italic;
	font-weight: bold;
	color: #562d7c;
}

/*---------------------------------------------------*/
/*---------           BANNER            ------------*/
/*---------------------------------------------------*/

.LinkCountry
{
	filter:alpha(opacity=0);
	height:1%;
	color: #562d7c;
	text-decoration: none;
}

.BannerText
{
	color: #562D7C;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-justify: auto;	
}

.OtherTabs
{
	background-image: url(./../images/Design/OngletContentViolet.jpg);
	height: 22px;
}

A.OtherTabsLinks:link, A.OtherTabsLinks:visited
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 1px;
	text-justify: auto;
	
}
A.OtherTabsLinks:hover, A.OtherTabsLinks:active 
{
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 3px;
	padding-right: 1px;
	text-justify: auto;
	text-decoration: none;
}

.SelectedTabs
{
	background-image: url(./../images/Design/OngletContentVert.jpg);
}

A.SelectedTabsLinks:link, A.SelectedTabsLinks:visited 
{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 1px;
	text-justify: auto;
}

A.SelectedTabsLinks:active, A.SelectedTabsLinks:hover 
{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 1px;
	text-justify: auto;
	text-decoration: none;
}

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

.FooterLeftContent
{
	background-image: url(./../images/Design/FooterContentClair.jpg);
	color: #000000;
	font-size: 11px;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	text-justify: auto;
}

.FooterRightContent
{
	background-image: url(./../images/Design/FooterContentViolet.jpg);
	vertical-align: middle;
}

A.Contact:link, A.Contact:visited, A.Contact:hover, A.Contact:active
{
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	text-justify: auto;
}

/*---------------------------------------------------*/
/*----------			ROSE		    -------------*/
/*---------------------------------------------------*/

.RoseTopMiddle
{
	background-color: #da027f;
}

.RoseHeaderContent
{
	font-family: Arial;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	background-color: #da027f;	
	padding-left: 10px;
}

hr.Rose
{
	color: #da027f;
	height: 1px;
}

h3.Rose
{
	font-family: Arial;
	font-style: italic;
	font-weight: bold;
	color: #da027f;
	padding-left: 10px;
}

/*---------------------------------------------------*/
/*----------			Pink		    -------------*/
/*---------------------------------------------------*/
hr.Pink
{
	color: #da027f;
	height: 1px;
}

/*---------------------------------------------------*/
/*----------			GREEN		    -------------*/
/*---------------------------------------------------*/

.GreenTopMiddle
{
	background-color: #8cb417;	
}

.GreenHeaderContent
{
	font-family: Arial;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	background-color: #8cb417;	
	padding-left: 10px;
	
}

hr.Green
{
	color: #8cb417;
	height: 1px;
}

h3.Green
{
	font-family: Arial;
	font-style: italic;
	font-weight: bold;
	color: #8cb417;
	padding-left: 10px;
}

/*---------------------------------------------------*/
/*----------			VIOLET		    -------------*/
/*---------------------------------------------------*/

.VioletTopMiddle
{
	background-color: #cbbedc;	
}

.VioletHeaderContent
{
	font-family: Arial;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	background-color: #cbbedc;	
	padding-left: 10px;
	
}

hr.Violet
{
	color: #cbbedc;
	height: 1px;
}

h3.Violet
{
	font-family: Arial;
	font-style: italic;
	font-weight: bold;
	color: #cbbedc;
	padding-left: 10px;
}

/*---------------------------------------------------*/
/*----------			PRUNE		    -------------*/
/*---------------------------------------------------*/

h3.Prune
{
	font-family: Arial;
	font-style: italic;
	font-weight: bold;
	color: #562d7c;
	padding-left: 10px;
}

/*---------------------------------------------------*/
/*----------        MODULE ADMIN        -------------*/
/*---------------------------------------------------*/
.Head
{
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #562d7c;
}

.SubHead
{
	font-size: 18px;
	font-style: italic;
	color: #8cb417;
}

.TitleData
{
	font-size: 12px;
	font-weight: bold;
}

/*---------------------------------------------------*/
/*----------        MODULE PRODUCTS      -------------*/
/*---------------------------------------------------*/

.ProductDetailLink
{
	font-size: 10px;
	font-style: italic;
	color: #562d7c;
}

a.ProductLink:hover
{
    font-weight: bold;
	font-style: italic;
	font-size: 14px;
	padding-left: 10px;
}

.ProductLibelle
{
	font-weight: bold;
	color: #562d7c;
}

a.ProductsLinkSelected
{
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	padding-left: 10px;
}

/*---------------------------------------------------*/
/*----------        MODULE SERVICES      -------------*/
/*---------------------------------------------------*/

a.ServicesLinkSelected
{
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	padding-left: 10px;
}

a.ServiceLink:hover
{
    font-weight: bold;
	font-style: italic;
	font-size: 14px;
	padding-left: 10px;
}

.ServicesSubTitle
{
	font-family: Arial;
	font-size: 18px;
	font-style: italic;
	background-color: #8cb417;	
	color: #da027f;
}

/*---------------------------------------------------*/
/*----------        MODULE ORDERS      -------------*/
/*---------------------------------------------------*/

a.OrdersLinkSelected
{
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	padding-left: 10px;
}

a.OrderLink:hover
{
    font-weight: bold;
	font-style: italic;
	font-size: 14px;
	padding-left: 10px;
}

.OrderDetailTable
{
	border: solid 1px #cbbedc;
	padding: 2px;
	width: 100%;
}

.OrderDetailTitleRow
{
	font-weight: bold;
	font-size: 12px;
	color: #562d7c;
	background-color: #ffb900;
	padding: 2px;
	text-align: center;
}

.OrderDetailTitleCell
{
	background-color: #e5deed;
	padding: 2px;
	font-size: 10px;
}

.OrderDetailTntTable
{
	border: solid 1px #000000;
	padding: 2px;
	width: 100%;
}

.OrderDetailTntTitleRow
{
	font-weight: bold;
	font-size: 10px;
	color: #562d7c;
	background-color: #ccc0dd;
	padding: 2px;
	text-align: center;
}

.OrderDetailTntCellRow
{
	background-color: #ffffff;
	padding: 2px;
	font-size: 10px;
}

/*---------------------------------------------------*/
/*----------        MODULE GIFTS	    -------------*/
/*---------------------------------------------------*/

a.GiftsLinkSelected
{
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	padding-left: 10px;
	display: block;
}

a.GiftLink:hover
{
    font-weight: bold;
	font-style: italic;
	font-size: 12px;
}

.GiftLibelle
{
	font-weight: bold;
	font-size: 24px;
	font-style: italic;
	color: #da027f;
}

.GiftDescription
{
	border: dashed 1px #cbbedc;
	height: 250px;
	padding: 10px;
	overflow-y: scroll;
}

.GiftPoints
{
	font-weight: bold;
	font-size: 20px;
	color: #da027f;
}

.GiftImage
{
	width: 300px;
	height: 300px;
}

.GiftImageList
{
	width: 50px;
}

.GiftsLblPoints
{
	font-style: italic;
	font-weight: bold;
	color: #da027f;
}


/*---------------------------------------------------*/
/*----------          PARRAINAGE        -------------*/
/*---------------------------------------------------*/

.parFlap
{
    background-image: url(./../images/design/parecusson.gif);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 50;   
    width: 200; 
    height: 130;
    position: absolute;
    visibility: hidden;
}

.parText
{
    padding: 5px;
	z-index: 51;
	font-family:Arial;
	font-size:26px;
	font-weight:bold;
	color: #ffb900;
	vertical-align: middle;
	text-align: center;
}

.parrainageDetailTable
{
	border: solid 1px #cbbedc;
	padding: 2px;
	width: 100%;
}

.parrainageTitleRow
{
	font-weight: bold;
	font-size: 12px;
	color: #562d7c;
	background-color: #ffb900;
	padding: 2px;
	text-align: center;
}

.parrainageTitleCell
{
	font-weight: bold;
	font-size: 12px;
	color: #562d7c;
	padding: 2px;
	text-align: center;
}