/***********************************************************
	- ATTRIBUTS GLOBAUX -
/**********************************************************/

/*** suppression des marges ***/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, em, img, fieldset,
strong, ol, ul, li, form, label, table, tr, th, td, form { margin: 0; padding: 0 }

ol, ul { list-style: none }

/*** style global du document ***/
body { background: #000000; font-size:11px; font-family: Arial, Helvetica, Sans-Serif;}

/*** reinitialisation des attributs de certains elements ***/
*:focus { outline: none }
a { text-decoration: none; outline: none }
a img { border: none }
a:hover { text-decoration: none; cursor: pointer }

.hideme{display:none;}
/***********************************************************
	- DEFINITION DES BLOCS GENERIQUES -
/**********************************************************/

div#vipContainer{ margin:8px auto 0 auto; width:840px; background:#FFFFFF; position:relative;}
div#vipContainer div#vipBlocBody{  padding:0 5px;}

/*** Container general coins arrondis ***/
div#vipContainer div#vipBlocHeader{ padding:0 0 0 5px; height:3px; background: transparent url(/img/main/common/vipBlocHeaderFooterBg.gif) no-repeat 0 0; }
div#vipContainer div#vipBlocHeader div.vipBlocHeaderRight{ padding:0; height:3px; background: transparent url(/img/main/common/vipBlocHeaderFooterBg.gif) no-repeat -65px 0; }
div#vipContainer div#vipBlocFooter{ padding:0 0 0 5px; height:3px; background: transparent url(/img/main/common/vipBlocHeaderFooterBg.gif) no-repeat 0 -3px; }
div#vipContainer div#vipBlocFooter div.vipBlocFooterRight{ height:3px; background: transparent url(/img/main/common/vipBlocHeaderFooterBg.gif) no-repeat -65px -3px; }

/*** Bloc avec background degrade et coins arrondis ***/
div.vipGradientBloc div.vipGradientBlocHeader{ padding:0 0 0 5px; height:6px; background: transparent url(/img/main/common/vipGradientBlocHeaderFooter.gif) no-repeat 0 0; }
div.vipGradientBloc div.vipGradientBlocHeader div.vipGradientBlocHeaderRight{ padding:0; height:6px; background: transparent url(/img/main/common/vipGradientBlocHeaderFooter.gif) no-repeat -75px 0; }
div.vipGradientBloc div.vipGradientBlocFooter{ padding:0 0 0 5px; height:6px; background: transparent url(/img/main/common/vipGradientBlocHeaderFooter.gif) no-repeat 0 -6px; }
div.vipGradientBloc div.vipGradientBlocFooter div.vipGradientBlocFooterRight{ height:6px; background: transparent url(/img/main/common/vipGradientBlocHeaderFooter.gif) no-repeat -75px -6px; }
div.vipGradientBloc div.vipGradientBody { width:828px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background: url(/img/main/common/vipGradientBg.gif) repeat-x left top; }

/*** Bloc avec filet gris et coins arrondis ***/
div.vipWhiteBloc div.vipWhiteBlocHeader{ padding:0 0 0 5px; height:4px; background: transparent url(/img/main/common/whiteBlocHeaderFooter.gif) no-repeat 0 0; }
div.vipWhiteBloc div.vipWhiteBlocHeader div.vipWhiteBlocHeaderRight{ padding:0; height:6px; background: transparent url(/img/main/common/whiteBlocHeaderFooter.gif) no-repeat -75px 0; }
div.vipWhiteBloc div.vipWhiteBlocFooter{ padding:0 0 0 5px; height:6px; background: transparent url(/img/main/common/whiteBlocHeaderFooter.gif) no-repeat 0 -6px; }
div.vipWhiteBloc div.vipWhiteBlocFooter div.vipWhiteBlocFooterRight{ height:4px; background: transparent url(/img/main/common/whiteBlocHeaderFooter.gif) no-repeat -75px -6px; }
div.vipWhiteBloc div.vipWhiteBody{ width:818px; padding:0 5px; border-left:1px solid #DADADA; border-right:1px solid #DADADA; background:#FFFFFF; }

/*** Bloc avec filet orange, fond jaune et coins arrondis ***/
div.vipAlertBloc{ margin:0 0 8px 0; zoom:1; }
div.vipAlertBloc div.vipAlertBlocHeader{ padding:0 0 0 5px; height:4px; background: transparent url(/img/main/common/alertBlocHeaderFooter.gif) no-repeat top left; }
div.vipAlertBloc div.vipAlertBlocHeader div.vipAlertBlocHeaderRight{ padding:0; height:4px; background: transparent url(/img/main/common/alertBlocHeaderFooter.gif) no-repeat top right; }
div.vipAlertBloc div.vipAlertBlocFooter{ padding:0 0 0 5px; height:4px; background: transparent url(/img/main/common/alertBlocHeaderFooter.gif) no-repeat 0 -8px; }
div.vipAlertBloc div.vipAlertBlocFooter div.vipAlertBlocFooterRight{ height:4px; background: transparent url(/img/main/common/alertBlocHeaderFooter.gif) no-repeat bottom right; }
div.vipAlertBloc div.vipAlertBlocBody{ padding:5px 10px; border-left:1px solid #FFCC00; border-right:1px solid #FFCC00; background:#FFFFCC; }
div.vipAlertBloc div.vipAlertBlocBody p{ width:530px; font-size:11px; margin:0 30px 0 0; float:left; }
div.vipAlertBloc div.vipAlertBlocBody{ height:30px; }
div.vipAlertBloc a.vipBtnB2{ margin:0 20px 0 0; }
div.vipAlertBloc div.vipAlertBlocBody p#vipAnnouncePendingMessage{ font-size:11px; margin:7px 0 0 0; }

/*** Bloc du contenu blanc avec coins arrondis ***/
div#vipContentBloc{width: 810px; margin:0 auto;}
div.vipContentBlocHeader{ margin:0 auto; width:805px; padding:0 0 0 4px; height:4px; background: transparent url(/img/main/common/ContentBloc.gif) no-repeat 0 -8px; }
div.vipContentBlocHeader div.vipContentBlocHeaderRight{ padding:0; height:4px; background: transparent url(/img/main/common/ContentBloc.gif) no-repeat -95px 0; }
div.vipContentBlocBody{background-color:#fff;}
div.vipContentBlocFooter{ margin:0 auto; width:805px; padding:0 0 0 4px; height:4px; background: transparent url(/img/main/common/ContentBloc.gif) no-repeat 0 -12px; }
div.vipContentBlocFooter div.vipContentBlocFooterRight{ padding:0; height:4px; background: transparent url(/img/main/common/ContentBloc.gif) no-repeat -95px -4px; }

/*** Bloc avec background gris et coins arrondis sur fond transparent ***/
div.vipGreyBlocHeader{ padding:0 0 0 5px; height:6px; background: transparent url(/img/main/common/bgGreyHeaderFooter.gif) no-repeat 0 0; }
div.vipGreyBlocHeader div.vipGreyBlocHeaderRight{ padding:0; height:6px; background: transparent url(/img/main/common/bgGreyHeaderFooter.gif) no-repeat -75px 0; }
div.vipGreyBlocFooter{ padding:0 0 0 5px; height:6px; background: transparent url(/img/main/common/bgGreyHeaderFooter.gif) no-repeat 0 -6px; }
div.vipGreyBlocFooter div.vipGreyBlocFooterRight{ height:6px; background: transparent url(/img/main/common/bgGreyHeaderFooter.gif) no-repeat -75px -6px; }
div.vipGreyBlocBody { width:830px; background-color:#CCCCCC; padding:1px 0; /* padding:1px; regle le bug firefox du margin du bloc enfant qui traverse le bloc parent */ }

/*** Bloc avec background gris clair et coins arrondis fond gris ***/
div.vipGrey2BlocHeader{ width:780px; padding:0 0 0 7px; height:4px; background: url(/img/main/common/bgCornerA.gif) no-repeat 0 0; }
div.vipGrey2BlocHeader div.vipGrey2BlocHeaderRight{ width:780px; height:4px; background:  url(/img/main/common/bgCornerA.gif) no-repeat -220px 0px; }
div.vipGrey2BlocFooter{ width:780px; padding:0 0 0 7px; height:4px; background: url(/img/main/common/bgCornerA.gif) no-repeat 0 -5px; }
div.vipGrey2BlocFooter div.vipGrey2BlocFooterRight{ width:780px; height:4px; background: url(/img/main/common/bgCornerA.gif) no-repeat -220px -5px; }
div.vipGrey2BlocBody{background:#e6e6e6; width:787px;}

/*** Bloc avec background gris clair et coins arrondis fond transparent ***/
div.vipGrey3BlocHeader{ width:780px; padding:0 0 0 16px; height:4px; background: url(/img/main/common/bgGrey3HeaderFooter.gif) no-repeat 0 0; }
div.vipGrey3BlocHeader div.vipGrey3BlocHeaderRight{ width:780px; height:4px; background:  url(/img/main/common/bgGrey3HeaderFooter.gif) no-repeat -120px 0px; }
div.vipGrey3BlocFooter{ width:780px; padding:0 0 0 16px; height:4px; background: url(/img/main/common/bgGrey3HeaderFooter.gif) no-repeat 0 -8px; }
div.vipGrey3BlocFooter div.vipGrey3BlocFooterRight{ width:780px; height:4px; background: url(/img/main/common/bgGrey3HeaderFooter.gif) no-repeat -120px -8px; }
div.vipGrey3BlocBody{background:#efefef; width:774px; border-left:1px solid #dadada; border-right:1px solid #dadada; padding:1px 10px 10px;}

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

/*** Header signup (container general logo + menu) ***/
div#vipContainer div#vipHeader { margin:2px 0 10px 0; position:relative; height:47px; background: transparent url(/img/main/header_footer/headerMenuBg.gif) no-repeat 0 0; }
div#vipContainer div#vipHeader h1{ float:left; margin:5px 6px 0 12px; height:45px; width:165px; background: transparent url(/img/fr/header_footer/vipLogo.png) no-repeat; display:inline; text-indent:-4000px;}
div#vipContainer div#vipHeader h1 a{ height:45px; width:165px; display:block; text-indent:-4000px;}
div#vipContainer div#vipNewHeaderTexte{float:left;font-size:12px;height:31px;line-height:27px;margin:12px 0 0 0;width:645px;text-transform:uppercase;}
div#vipContainer div#vipNewHeader { margin:2px 0 10px 0; height:47px;  }
div#vipContainer div#vipNewHeader h1{ float:left; margin:5px 6px 0 12px; height:45px; width:165px; background: transparent url(/img/fr/header_footer/vipLogo.png) no-repeat; display:inline; text-indent:-4000px;}
div#vipContainer div#vipNewHeader h1 a{ height:45px; width:165px; display:block; text-indent:-4000px;}

div#vipNewHeaderTexte div{float:left;}
div#vipContainer .vipNewHeaderTexteOne{width:380px;margin-left:10px;}
div#vipContainer .vipNewHeaderTexteTwo{width:132px;}
div#vipContainer .vipNewHeaderTexteThree{width:100px;}
div#vipContainer  #vipNewHeaderTexteSelected{line-height:26px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { div#vipContainer .vipNewHeaderTexteTwo{width:132px;}}
@media screen and (-webkit-min-device-pixel-ratio:0) { div#vipContainer #vipNewHeaderTexteSelected{line-height:28px;font-weight:normal;}}

div#vipContainer div.vipSignupMenu {background: transparent url(/img/main/header_footer/newHeaderMenuBg.png) no-repeat 0 0;}
div#vipContainer div.vipSignupMenu2 {background: transparent url(/img/main/header_footer/newHeaderMenuBg2.png) no-repeat 0 0;}

div#vipContainer div.vipSignupMenu div#vipNewHeaderTexte{background:transparent url(/img/main/header_footer/vipNewHeaderTexte.png) no-repeat scroll 0 0;}
div#vipContainer div.vipSignupMenu2 div#vipNewHeaderTexte{background:transparent url(/img/main/header_footer/vipNewHeaderTexte2.png) no-repeat scroll 0 0;}


/*** Header commonnolog ***/
div#vipContainer .vipHeaderCommonnolog#vipHeader{background: transparent url(/img/main/header_footer/headerMenuBgCommonnolog.gif) no-repeat 0 0;}
div#vipContainer div.vipBtnBecomeVip{float:right; margin-right:10px; padding-top:10px;}

/*** onglets du signup menu ***/
div#vipContainer div#vipHeader h2{ float:left; }

/* ajout de l'intitule de chaque onglet en texte dans les balises <a> pour l'accessibilite. Le texte est rendu invisible par un text-indent */
div#vipContainer div#vipHeader h2 a{ display:block; height:47px; text-indent:-4000px; cursor:pointer; background: transparent url(/img/fr/header_footer/mainHeaderMenu.gif) no-repeat; }
div#vipContainer div#vipHeader h2 a.vipTab1{ width:84px; background-position: 0 -48px; }
div#vipContainer div#vipHeader h2 a.vipTab2{ width:83px; background-position: -84px -48px; }
div#vipContainer div#vipHeader h2 a.vipTab3{ width:115px; background-position: -167px -48px; }
div#vipContainer div#vipHeader h2 a.vipTab4{ width:120px; background-position: -282px -48px; }
div#vipContainer div#vipHeader h2 a.vipTab5{ width:132px; background-position: -402px -48px; }
div#vipContainer div#vipHeader h2 a.vipTab6{ width:101px; background-position: -534px -48px; }
div#vipContainer div#vipHeader h2 a.vipTab1:hover{ background-position: 0 0; }
div#vipContainer div#vipHeader h2 a.vipTab2:hover{ background-position: -84px 0; }
div#vipContainer div#vipHeader h2 a.vipTab3:hover{ background-position: -167px 0; }
div#vipContainer div#vipHeader h2 a.vipTab4:hover{ background-position: -282px 0; }
div#vipContainer div#vipHeader h2 a.vipTab5:hover{ background-position: -402px 0; }
div#vipContainer div#vipHeader h2 a.vipTab6:hover{ background-position: -534px 0; }


/*** Footer ***/
div#vipContainer div#vipFooter { margin:5px auto 0; padding:3px 0 0 0; text-align:center; font: normal 11px Futura,"Century Gothic",Arial; width:830px; height:25px; background: transparent url(/img/main/header_footer/vipFooterBg.png) no-repeat 0 0; line-height:23px;}
div#vipContainer div#vipFooter a{display:inline; padding:0 4px 0 4px;}

/*** Footer 2 ***/
div#vipFooter2{width:400px; text-align:center; margin:10px auto 0 auto; height:15px; background: transparent url(/img/main/header_footer/liseretLeft.gif) no-repeat 0 0;}
div#vipFooter2Txt{height:15px;  background: transparent url(/img/main/header_footer/liseretRight.gif) no-repeat right 0; font-family:Futura,"Century Gothic",Arial; font-size:10px; letter-spacing:1px; padding-bottom:30px;}


/***********************************************************
	- TITRES DE PAGES -
/**********************************************************/
h1#vipPageTitle{ font-size:16px; margin:15px 0 5px 20px; text-transform:uppercase; }


/***********************************************************
	- DEFINITION DES COULEURS DE TEXTE -
/**********************************************************/
/* couleur gris fonce */
.vipTxt1 { color: #666; font-weight:normal;}
.vipTxt1b { color: #666; font-weight: bold }

/* couleur noire */
.vipTxt2 {color: #000; font-weight:normal;}
.vipTxt2b {font-weight: bold; color: #000; }

/* couleur violet */
.vipTxt3, .vipTxt3b {color: #8d49ab; font-weight:normal;}
.vipTxt3b {font-weight: bold;}

/* couleur violet clair */
.vipTxt4, .vipTxt4b {color: #990099; font-weight:normal;}
.vipTxt4b {font-weight: bold;}

/* couleur gris clair */
.vipTxt5, .vipTxt5b { color: #565656; font-weight:normal;}
.vipTxt5b { font-weight: bold }

/* couleur blanche */
.vipTxt6, .vipTxt6b {color: #FFFFFF; font-weight:normal;}
.vipTxt6b {font-weight: bold;}

/* couleur gris fonce */
.vipTxt7, .vipTxt7b {color: #999999; font-weight:normal;font-style:normal;}
.vipTxt7b {font-weight: bold;}

/* couleur rouge pour texte d'erreur*/
.vipTxtError, .vipTxtErrorB {color: #ff0000 !important;}
.vipTxtErrorB {font-weight: bold !important;}

/* couleur violet fonce */
.vipTxt8, .vipTxt8b {color: #5a2a77; font-weight:normal;}
.vipTxt8b {font-weight: bold;}

/* couleur gris fonce */
.vipTxt9, .vipTxt9b {color: #333333; font-weight:normal;}
.vipTxt9b {font-weight: bold;}

/* couleur orange */
.vipTxt10, .vipTxt10b {color: #FF9922; font-weight:normal;}
.vipTxt10b {font-weight: bold;}

/* couleur rouge */
.vipTxt11, .vipTxt11b {color: #FF0000; font-weight:normal;}
.vipTxt11b {font-weight: bold;}

/* couleur gris clair clair */
.vipTxt12, .vipTxt12b {color: #cccccc; font-weight:normal;}
.vipTxt12b {font-weight: bold;}


/***********************************************************
	- DEFINITION DES TYPES DE TEXTES -
/**********************************************************/
.vipFont1{ font-family:"Lucida Grande",tahoma,Arial,sans-serif; }
.vipFont2{ font-family:Futura, "Century Gothic", Arial; }
.vipFont3{ font-family:"lucida grande",tahoma,verdana,arial,sans-serif;}
.vipFont4{ font-family: Arial, Helvetica, Sans-Serif;}
.textA10{font-family: Arial, Helvetica, Sans-Serif;font-size:10px;font-weight:normal;line-height:10px;}


/***********************************************************
	- DEFINITION DES LIENS -
/**********************************************************/

/* lien gris non souligne + rollover non souligne */
a.vipLink1, a.vipLink1:hover{color: #666; text-decoration: none; font-weight:normal;}

/* lien gris souligne + rollover non souligne */
a.vipLink1u { color: #666; text-decoration: underline; font-weight:normal;}
a.vipLink1u:hover{ color: #666; text-decoration: none; font-weight:normal;}

/* lien gris (nu : n=non souligne + u=rollover souligne) */
a.vipLink1nu { color: #666; text-decoration: none; font-weight:normal;}
a.vipLink1nu:hover{ color: #666; text-decoration: underline; font-weight:normal;}

/* lien noir bold non souligne + rollover non souligne */
a.vipLink2b, a.vipLink2b:hover{ color: #000; text-decoration: none; font-weight:bold;}

/* lien noir non souligne + rollover souligne */
a.vipLink2nu, a.vipLink2nu:hover { color: #000; text-decoration:none; font-weight:normal;}
a.vipLink2nu:hover{text-decoration:underline;}

/* lien violet clair  non souligne + rollover non souligne */
a.vipLink3, a.vipLink3:hover{ color: #990099; text-decoration: none; font-weight:normal;}

/* lien violet clair bold non souligne + rollover non souligne */
a.vipLink3b, a.vipLink3b:hover{ color: #990099; text-decoration: none; font-weight:bold;}

/* lien violet clair souligne + rollover non souligne */
a.vipLink3u { color: #990099; text-decoration: underline; font-weight:normal;}
a.vipLink3u:hover{ color: #990099; text-decoration: none; font-weight:normal;}

/* lien violet clair non souligne + rollover souligne */
a.vipLink3nu { color: #990099; text-decoration: none; font-weight:normal;}
a.vipLink3nu:hover{ color: #990099; text-decoration: underline; font-weight:normal;}

/* lien gris clair non souligne + rollover non souligne */
a.vipLink4, a.vipLink4:hover{ color: #A7A7A7; text-decoration: none; font-weight:normal; }

/* lien blanc non souligne + rollover non souligne */
a.vipLink5, a.vipLink5:hover{ color: #FFFFFF; text-decoration: none; font-weight :normal; }

/* lien violet fonce non souligne + rollover souligne */
a.vipLink6nu { color: #8D49AB; text-decoration: none; font-weight:normal;}
a.vipLink6nu:hover{ color: #8D49AB; text-decoration: underline; font-weight:normal;}

/* lien gris fonce non souligne + rollover souligne */
a.vipLink7nu { color: #999999; text-decoration: none; font-weight:normal;}
a.vipLink7nu:hover{ color: #999999; text-decoration: underline; font-weight:normal;}

/* lien noir non souligne + rollover gris souligne */
a.vipLink8nu{ color: #000; text-decoration: none; font-weight:normal; }
a.vipLink8nu:hover{ color: #666; text-decoration:underline; }



/***********************************************************
	- DEFINITION DES BOUTONS -
/**********************************************************/
/* bouton noir uni coins arrrondis */
a.vipBtnA1 { display:block; color:#FFFFFF;background: url(/img/main/btn/BtnLeftA.gif) no-repeat 0 0; line-height:18px;padding: 0 0 0 7px; float:left; font-weight:normal; cursor:pointer;}
a.vipBtnA1 span{background: url(/img/main/btn/BtnRightA.gif) no-repeat top right; display:block; padding:0 11px 3px 3px;}
a.vipBtnA1:hover {background-position:0 -21px;}
a.vipBtnA1:hover span {background-position:right -21px;}

/* bouton gris clair coins arrrondis */
a.vipBtnA2 { display:block; color:#FFFFFF;background: url(/img/main/btn/BtnLeftA.gif) no-repeat 0 -42px; line-height:18px;padding: 0 0 0 7px; float:left; font-weight:normal; cursor:pointer;}
a.vipBtnA2 span{background: url(/img/main/btn/BtnRightA.gif) no-repeat right -42px; display:block; padding:0 11px 3px 3px;}
a.vipBtnA2:hover {background-position:0 -63px;}
a.vipBtnA2:hover span {background-position:right -63px;}

/* bouton grand noir sur fond transparent */
a.vipBtnB1 { display: block; padding: 0 0 0 10px; text-decoration: none; background: transparent url(/img/main/btn/BtnLeftB.gif) no-repeat 0 0; cursor:pointer; }
a.vipBtnB1 span { background:transparent url(/img/main/btn/BtnRightB.gif) no-repeat scroll 100% 0;color:#FFFFFF;display:block;font-family:Futura,"Century Gothic",Arial;font-size:18px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;height:40px;line-height:40px;padding:0 10px 2px 0;text-align:center;text-decoration:none; }
a.vipBtnB1:hover { background-position: 0 -42px }
a.vipBtnB1:hover span { text-decoration: none; background-position: 100% -42px }

/* bouton noir taille moyenne sur fond transparent */
a.vipBtnB2 {display:block; background: url(/img/main/btn/BtnLeftB.gif) no-repeat 0 -85px; line-height:24px;padding: 0 0 0 10px; font-weight:bold; float:left; cursor:pointer;}
a.vipBtnB2 span{display:block; color:#ffffff; font-weight:normal; background: url(/img/main/btn/BtnRightB.gif) no-repeat right -85px; padding:0 25px 3px 15px; font-family:Futura, "Century Gothic", Arial;}
a.vipBtnB2:hover {background-position:0 -112px;}
a.vipBtnB2:hover span {background-position:right -112px;}

/* bouton gris taille moyenne sur fond transparent */
a.vipBtnB3 {display:block; background: url(/img/main/btn/BtnLeftB.gif) no-repeat 0 -140px; line-height:24px;padding: 0 0 0 10px; font-weight:bold; float:left; cursor:pointer;}
a.vipBtnB3 span{display:block; color:#ffffff; font-weight:normal; background: url(/img/main/btn/BtnRightB.gif) no-repeat right -140px; padding:0 25px 3px 15px; font-family:Futura, "Century Gothic", Arial;}
a.vipBtnB3:hover {background-position:0 -168px;}
a.vipBtnB3:hover span {background-position:right -168px;}

/* bouton gris avec croix violette */
a.vipBtnC{ display:block; background:url(/img/main/btn/btnC.gif) no-repeat 0 0; cursor:pointer; }

/* petit bouton gris clair avec croix mauve et texte a l'exterieur */
a.vipBtnE{ background:transparent url(/img/main/btn/btnE.png) no-repeat scroll right 3px;cursor:pointer;display:block;float:left;font-size:10px;height:15px;padding:2px 19px 0 0;text-align:left; }

/* fleche mauve sur fond gris degrade (etroite) */
a.vipBtnF{ display:block ;width:23px; height:210px; background:url(/img/main/btn/BtnNav_NextBackNarrow3.gif) no-repeat top left; }
a.vipBtnF:hover{ background:url(/img/main/btn/BtnNav_NextBackNarrow3hov.gif) no-repeat top left; }


/* fleche mauve sur fond gris degrade (etroite) */
a.vipBtnG{ display:block ;width:76px; height:102px; background:url(/img/main/btn/BtnNav_NextBackBig3.gif) no-repeat top left; }
a.vipBtnG:hover{ background:url(/img/main/btn/BtnNav_NextBackBig3hov.gif) no-repeat top left; }


/***********************************************************
	- DEFINITION DES BARRES DE PAGINATION -
/**********************************************************/

/*** definition de la pagination membres ***/
div.vipPagination { color:#666666; font-size:11px; text-align:center; line-height:23px; height:23px; font-size:11px; margin-bottom:8px }
div.vipPagination div.vipPaginationLeft { padding:0 0 0 5px; float: left; background: transparent url(/img/main/common/paginationBg.gif) no-repeat }
div.vipPagination div.vipPaginationLeft a { color:#999999; padding:0 0 0 40px; display:block; background: transparent url(/img/main/btn/btnUpDown.gif) no-repeat 0 3px; }
div.vipPagination div.vipPaginationLeft a:hover{ color:#999999; text-decoration:underline; }
div.vipPagination div.vipPaginationRight { background: transparent url(/img/main/common/paginationBg.gif) repeat-x 100% 0 }
div.vipPagination a.vipPaginationLeft { height:20px; float:left; width:85px; display:inline; text-align:right; color: #60646C; text-decoration: none; background: transparent url(/img/main/btn/btnNavPagination.gif) no-repeat 9px 9px }
div.vipPagination a:hover.vipPaginationLeft { text-decoration:underline; }
div.vipPagination a.vipPaginationRight { float:right; width:65px; display:inline; text-align:left; color: #60646C; text-decoration: none; background: transparent url(/img/main/btn/btnNavPagination.gif) no-repeat 45px -36px }
div.vipPagination a:hover.vipPaginationRight { text-decoration:underline; }
div.vipPagination span {color:#999999; }
div.vipPagination span a{ color:#999999; }
div.vipPagination span a:hover{ text-decoration:underline; }
div.vipPagination div.vipPaginationLinks { margin:0 0 0 160px; /margin:0 0 0 50px; height:23px; width:500px; background: transparent url(/img/main/common/paginationBgPages.gif) no-repeat 50%;  }



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

input, textarea, select { background:url(/img/main/common/input_bg.gif) repeat-x;	border-right:1px solid #BFC0C2;	border-left:1px solid #BFC0C2;	border-bottom:1px solid #BFC0C2;	border-top:	none;	color:#565656;	font-size:12px;	font-family:Arial, Helvetica, Geneva, sans-serif; font-weight:normal;}
input{padding:4px 0 3px 3px;}
select{border:1px solid #BFC0C2; background-image:none; background-color:#fff;}
select option{background-color:#fff;}
textarea{padding:5px;}


/***********************************************************************************************************
  - FORMULAIRE DE RECHERCHE -
/**********************************************************************************************************/
div#vipSearchFormWrapper{ display:none; }
div#vipBlocSearchFormTop{ background:transparent url(/img/main/search/bgSearchFormTop.png) no-repeat; width:810px; margin:0 auto; padding:10px 10px 0 10px;}
div#vipBlocSearchFormBottom{background:transparent url(/img/main/search/bgSearchFormBottom.png) no-repeat; width:831px; height:5px; margin:0 auto 10px 0;}

/*** Colonnes ***/
div#vipBlocSearchFormTop div#vipSearchFormCol1, 
div#vipBlocSearchFormTop div#vipSearchFormCol2, 
div#vipBlocSearchFormTop div#vipSearchFormCol3{ float:left; }

div#vipBlocSearchFormTop div#vipSearchFormCol1{ width:253px; }
div#vipBlocSearchFormTop div#vipSearchFormCol2{ width:237px; }
div#vipBlocSearchFormTop div#vipSearchFormCol3{ width:278px; }

div#vipBlocSearchFormTop div#vipSearchFormCol2,
div#vipBlocSearchFormTop div#vipSearchFormCol3{ border-left:1px solid #D1D1D1; padding:0 0 8px 18px; }


/*** Formulaires ***/
div#vipBlocSearchFormTop div#vipBlocSearchFormZipCode, 
div#vipBlocSearchFormTop div#vipBlocSearchFormRightCol{border-left:1px solid #d1d1d1; padding-left:15px;}


/*** champs formulaire ***/
div#vipBlocSearchFormTop label{ display:block; height:15px; }
div#vipBlocSearchFormTop input{ margin-top:3px; }
div#vipBlocSearchFormTop div#vipSearchFormCol2 input,
div#vipBlocSearchFormTop div#vipSearchFormCol3 input{ width:150px;  }

div#vipBlocSearchFormTop input.vipSearchFormZipCode,
div#vipBlocSearchFormTop input.vipSearchFormNickname{ float:left; }



/*** Contenu de la colonne 1 ***/
div#vipBlocSearchFormTop div#vipSearchFormCol1 h1{ line-height:10px; height:15px; text-indent:-2000px; margin:0 0 35px 0; background:transparent url(/img/fr/search/searchFormTitle.png) no-repeat 0 0; }
div#vipBlocSearchFormTop div#vipSearchFormCol1 input.vipGenderSearch{ border:0; margin:5px 5px 0 0; padding:0; background:none; }

div#vipBlocSearchFormTop div#vipSearchFormCol1 h2{ font-size:11px; margin:0 0 2px 0; }
div#vipBlocSearchFormTop div#vipSearchFormCol1 label{ display:inline; margin:0 10px 0 0; }

.vipSearchFormCol1parag{margin:0 0 5px;}


/*** Contenu de la colonne 2 ***/
div#vipBlocSearchFormTop div#vipSearchFormCol2 div.vipLine{ height:20px; margin:3px 0 12px 0; }
div#vipBlocSearchFormTop div#vipSearchFormCol2 span.vipSearchAgeText{ margin:5px; }

/*** Contenu de la colonne 3 ***/
div#vipBlocSearchFormTop div#vipSearchFormCol3 label#vipSearchFormKeywordsLabel{ margin:0 0 5px 0; width:238px; float:left; }
div#vipBlocSearchFormTop div#vipSearchFormCol3 input.vipSearchFormKeywords{ margin:0 0 4px 0; }

/*** Boutons de la 3e colonne ***/
div#vipBlocSearchFormTop div#vipSearchFormCol3 a.vipBtnA1{ float:left; margin:5px 0 0 25px; }
div#vipBlocSearchFormTop div#vipSearchFormCol3 a.vipBtnA1 span{ font-size:13px; padding:0 15px 3px 8px; }

/*** Bouton recherche avec l'icone loupe ***/
div#vipBlocSearchFormTop div#vipSearchFormCol2 a.vipBtnA1{ float:left; margin:7px 0 0 25px; }
div#vipBlocSearchFormTop div#vipSearchFormCol2 a.vipBtnA1 span{ padding:1px 0 0 0; }

/**** Age ***/
div#vipBlocSearchFormTop div#vipBlocSearchFormAge{width:260px;}
div#vipBlocSearchFormTop div#vipBlocSearchFormAge select#vipMySearchFormAgeMini{margin:5px 5px 0 0; width:60px;}
div#vipBlocSearchFormTop div#vipBlocSearchFormAge select#vipMySearchFormAgeMaxi{margin: 5px 5px 0 5px; width:60px;}

/**** City ***/
div#vipBlocSearchFormTop div#vipBlocSearchFormCity{width:260px;}


/***********************************************************
	- BUBBLE D'INFORMATION -
/**********************************************************/

/*** bulle fleche en haut ***/
.vipBubbleVerticalInfoTop {background:url(/img/main/common/bubbleInfoTop.gif) no-repeat; width:165px; height:15px;}
.vipBubbleVerticalInfoMiddle {background:url(/img/main/common/bubbleInfoMiddle.gif) no-repeat; width:143px; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6;  padding:10px; font:11px "Lucida Grande",Arial,sans-serif;}
.vipBubbleVerticalInfoBottom {background:url(/img/main/common/bubbleInfoBottom.gif) no-repeat; width:165px; height:7px;}

/*** bulle fleche cote gauche ***/
.vipBubbleHorizontalInfoTop {background:url(/img/main/common/bubbleArrowInfoTop.gif) no-repeat; width:174px; height:4px;}
.vipBubbleHorizontalInfoMiddle {background:url(/img/main/common/bubbleArrowInfoMiddle.gif) no-repeat; width:145px; min-height:60px; height: auto !important; height: 60px; padding:3px 9px 10px 20px; font:11px "Lucida Grande",Arial,sans-serif;}
.vipBubbleHorizontalInfoBottom {background:url(/img/main/common/bubbleArrowInfoBottom.gif) no-repeat; width:174px; height:6px;}


#vipTxtCgu .vipBubbleHorizontalInfoTop {background:url(/img/main/common/bubbleInfoTop.gif) no-repeat; width:174px; height:15px;}
#vipTxtCgu .vipBubbleHorizontalInfoMiddle {background:url(/img/main/common/bubbleArrowInfoMiddlewithoutcheck.gif) no-repeat; padding:3px 9px 10px 10px;width:147px; min-height:60px; height: auto !important; height: 60px;  font:11px "Lucida Grande",Arial,sans-serif;}
#vipTxtCgu .vipBubbleHorizontalInfoBottom {background:transparent url(/img/main/common/bubbleArrowInfoBottom.gif) no-repeat scroll -9px 0;height:6px;width:174px;}


#vipColRightMesPhotos .vipBubbleHorizontalInfoMiddle {background-image:url(/img/main/common/bubbleArrowInfoMiddleRight.gif); margin-left:9px;width:155px; min-height:60px; height: auto !important; height: 60px; padding:3px 9px 10px 10px; font:11px "Lucida Grande",Arial,sans-serif;}
#vipColRightMesPhotos .vipBubbleHorizontalInfo{margin-left:-404px;margin-top:-30px;}

#vipColRightMonCompte .vipBubbleHorizontalInfoMiddle {background-image:url(/img/main/common/bubbleArrowInfoMiddleRight.gif); margin-left:9px;width:155px; min-height:60px; height: auto !important; height: 60px; padding:3px 9px 10px 10px; font:11px "Lucida Grande",Arial,sans-serif;}
#vipColRightMonCompte .vipBubbleHorizontalInfo{margin-left:-404px;margin-top:-30px;}

/*** Picto bubble ***/
.vipBubblePictoOups{background:url(/img/fr/common/pictoBubble.gif) no-repeat left -13px; height:12px; margin-bottom:8px;}
.vipBubblePictoInfo{background:url(/img/fr/common/pictoBubble.gif) no-repeat left top; height:12px; margin-bottom:8px;}


/*********************************************************************
	Layer de notification d'ajout aux favoris et a la blacklist 
**********************************************************************/
div#vipBodyNotification{ background:#FFFFFF; height:300px; width:570px; padding:10px 5px; }
div#vipBodyNotification h1{ background:none; padding:0; width:545px; }
div#vipBodyNotification div.vipInfo{ width:500px; text-align:center; border-bottom:1px solid #DEDEDE; margin:110px auto 15px auto; }
div#vipBodyNotification div.vipInfo h1{ background-image:none; border:0 none; margin:0; padding:0; text-align:center; width:420px;}
div#vipBodyNotification div.vipInfo span{ background:transparent url(/img/main/common/memberPicto.gif) no-repeat 0 0; padding:2px 0 0 22px; }
div#vipBodyNotification div.vipInfo div{ display:inline; font-size:12px; }
div#vipBodyNotification a.vipBtnB2{ margin:10px 10px 0 455px; width:100px; }
div#vipBodyNotification a.vipBtnB2 span{ padding:0 0 3px 37px; }

div#vipEditProfileLayerBg{ 
	position:fixed;
	_position: absolute;
	z-index: 100;
	top:0;
	left:0; 
	_top:-70px;
	_left:-25px;
	width:100%;
	height:100%; 
	_width:880px;
	_height: expression( document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px' ); 
	background:#000000; 
	-moz-opacity: 0.5; /* Pour les vieilles versions des navigateurs Mozilla (netscape par ex) */
	-khtml-opacity: 0.5; 
	opacity: 0.5; /* Pour tous les navigateurs respectant les standards (Firefox, safari, opera) */ 
	filter:alpha(opacity=50); /* Pour IE */
	zoom:1;/* Regle le bug de transparence sur IE6 */
}
div#vipEditProfileLayer { z-index:200; left:145px; top:50px; position:absolute; }
div#vipEditProfileLayer div#vipLayerHeader{ background:url(/img/main/common/headerLayer.png) no-repeat 0 0; height:7px; width:580px; }
div#vipEditProfileLayer div#vipLayerFooter{ background:url(/img/main/common/footerLayer.png) no-repeat 0 0; height:7px; width:580px; }
div#vipEditProfileLayer div#vipEditLayerBody{ padding:20px 25px 0 25px; background:url(/img/main/members/editLayerBodyBg.gif) repeat-x; height:418px; width:530px; border-left:1px solid #BEBEBE; border-right:1px solid #BEBEBE; }
div#vipEditProfileLayer h1{ border-bottom:1px solid #DEDEDE; font-size:15px; font-weight:normal; margin:0 0 10px 10px; padding:0 0 0 25px; background:url(/img/main/common/memberPicto.gif) no-repeat 0 -20px; height:22px; width:520px; }
div#vipEditProfileLayer h2{ font-size:12px; margin:10px 20px; }
div#vipEditProfileLayer div#vipEditLayerBody div#vipButton{ width:172px; float:right; margin:10px 0 0 0; }
div#vipEditProfileLayer textarea{ margin:5px 0; width:515px; height:150px; background:#FFFFFF url(/img/main/common/input_bg.gif) repeat-x 0 0;}
div#vipEditProfileLayer select{ background:#FFFFFF; }

/*** Boutons de l'ensemble des layers ***/
div#vipEditProfileLayer a.vipBtnB2 { margin:10px 10px 0 225px; display:inline; }
div#vipEditProfileLayer a.vipBtnB3 { margin:10px 0 0 0; }


/*********************************************************************
	SLIDE-UP DES ALERTES WEB 
**********************************************************************/
div#vipSlideupTpl{display:none;}
div.vipSlideupAlert{position:absolute; bottom:0; right:0; cursor:pointer;}
div.vipSlideupContainer {background:url(/img/main/common/bgAlerteSlideup.png) no-repeat 0 0; width:207px; height:164px; padding-left:10px; position:static;}
div.vipSlideupContainer div.vipSlideupAlertTitle{font-size:12px; padding:8px 0 0 0;}
a.vipSlideupclose{float:right; background:url(/img/main/btn/btnE.gif) no-repeat 0 0; width:22px; height:17px; margin-right:23px; margin-top:11px; display:inline; position:relative;}
div.vipSlideupContainer p.vipSlideupTxt{float:left; margin:20px 0 6px 0; width:145px;}
div.vipSlideupContainer img.vipSlideupPicture{width:65px; height:65px; border:3px double #CCCCCC; float:left; margin-right:10px;}
div.vipSlideupContainer p.vipSlideupInfos{float:left;}
div.vipSlideupContainer p.vipSlideupInfos span.vipSlideupPseudo{display:block; padding-left:14px; background:url(/img/main/common/memberPicto.gif) no-repeat 0 -65px; margin-bottom:11px;}
.vipSlideupVis, .vipSlideupMsg, .vipSlideupFav{display:none;}

/***********************************************************
	- DIVERS -
/**********************************************************/
/*** clearers ***/
.vipClearer { clear: both; height: 0 }
.vipClearLeft { clear: left }
.vipClearRight { clear: right }
.vipHidden { position:absolute; left:0; top:-500px; width:1px; height:1px; overflow:hidden; }
.vipDisplayNone{ display:none; }
.vipDisplayBlock{ display:block; }

#vipSearchFormCol3{position:relative;}
#vipSearchFormHide{left:255px;position:absolute;top:-6px;}

.clear {clear:both;font-size:1px;height:0;line-height:0;margin:0;padding:0;}


a#vipSearchButton { background:transparent url(/img/main/btn/BtnRightA.png) no-repeat scroll 0 0;color:#FFFFFF;cursor:pointer;display:block;float:left;font-size:12px;font-weight:bold;height:24px;line-height:18px;margin:2px 0 0 10px;padding:2px 0 0 5px;width:108px;}
a#vipSearchButton span{display:block; padding:0 11px 3px 3px;}

#vipNoFlash{width:335px;padding:15px; margin-left:5px; margin-top:15px; margin-bottom:435px;background-color:#efefef; border:1px solid #dadada;}