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

/*** réinitialisation des attributs de certains éléments ***/
*:focus { outline: none }
a { text-decoration: none }
a img { border: none }
a:hover { cursor: pointer }

/*** 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 { margin: 0; padding: 0 }

ol, ul { list-style: none }

/*** style global du document ***/
html, body { height: 100% }
body { font: normal 12px Arial; color: #666666; cursor: default; background: #F6F6F6 url(/img/main/header_footer/ultBodyBg.gif) repeat-x; overflow-y: scroll; /overflow-y: hidden }


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

/* lien blanc sans soulignement avec rollover */
a.ultLink1, a.ultLink1:active, a.ultLink1:visited { color: #A29E99; text-decoration: none }
a.ultLink1:hover { color: #A29E99; text-decoration: underline }

/* lien rouge fonce italic sans soulignement avec rollover */
a.ultLink6i, a.ultLink6i:active, a.ultLink6i:visited { color: #8D0400; font-style: italic; text-decoration: none }
a.ultLink6i:hover { color: #8D0400; font-style: italic; text-decoration: underline }

/* lien gris avec soulignement avec rollover */
a.ultLink3u, a.ultLink3u:active, a.ultLink3u:visited { color: #333333; text-decoration: underline }
a.ultLink3u:hover { color: #333333; text-decoration: none }

/* lien rouge claire sans soulignement avec rollover */
a.ultLink5, a.ultLink5:active, a.ultLink5:visited { color: #D70000; text-decoration: none }
a.ultLink5:hover { color: #D70000; text-decoration: underline }


/***********************************************************
	- DEFINITION DES COULEURS DE TEXTE -
/**********************************************************/

/* couleur rouge fonce */
.ultTxt2 { color: #8D0400 }
.ultTxt2b { color: #8D0400; font-weight: bold }

/* couleur gris fonce */
.ultTxt4 { color: #666666 }
.ultTxt4b { color: #666666; font-weight: bold }


/***********************************************************
	- DIVERS -
/**********************************************************/

/*** alignements (texte) ***/
.ultLeft { text-align: left }
.ultRight { text-align: right }
.ultCenter { text-align: center }
.ultJustify {text-align: justify }

/*** alignements (bloc) ***/
.ultBlocLeft { float: left }
.ultBlocRight { float: right }
.ultBlocCenter { margin-left: auto; margin-right: auto }

/*** alignements (autre) ***/
/* alignement vertical au milieu */
.ultVerticalMiddle { vertical-align: middle }

/*** clearers ***/
.ultClearer { clear: both; height: 0 }
.ultClearLeft { clear: left }
.ultClearRight { clear: right }

/*** spacers et padding ***/
.ultBlocSpacer { margin-top: 8px }
.ultBlocSpacerRight { margin-right: 10px }
.ultBlocPadding { padding: 12px 15px 5px }
.ultSpacer { height: 10px }
.ultSpacing { padding-bottom: 10px }
.ultMiniSpacer { height: 5px }
.ultMiniSpacing { padding-bottom: 5px }

/*** separateurs (form) ***/
.ultLine { padding-bottom: 5px }
.ultLineFormPhysique { padding-left: 177px }
.ultLineFormPhysiqueMembers { padding-left: 169px }
.ultLineForm { padding: 0 0 5px 20px }

/*** elements de formulaire ***/
input.ultInputText { border: 1px solid #BFC0C2; color: #333333; /vertical-align: middle; font: normal 12px Arial; padding: 2px 1px }
input.ultInputTextError { border: 1px solid #EE9593; color: #333333; /vertical-align: middle; font: normal 12px Arial; padding: 2px 1px }
input.ultInputFile { /border: 1px solid #BFC0C2; color: #333333; /vertical-align: middle; font: normal 12px Arial; padding: 2px 1px }
input.ultRadio { margin-bottom: 3px; margin-left: 0; vertical-align: middle; /margin-bottom: 0 }
input.ultCheckbox { float: left; margin: 2px 5px -3px 0; /margin: -2px 0 -3px }
textarea { border: 1px solid #BFC0C2; background: #F9F9F9; color: #2C6CAE; font: normal 12px Arial; padding: 10px; /overflow: auto }
select { border: 1px solid #BFC0C2; color: #333333; /vertical-align: middle; font: normal 12px Arial; padding: 1px }

/*** erreurs ***/
.ultError { color: #FF0000 !important }

/*** iframes ***/
.ultIframeGeoselectMyprofile { width: 311px; height: 75px }
.ultIframeGeoselectAdvancedSearch { width: 99%; height: 95px }
.ultIframeGeoselectSignup { width: 100%; height: 73px }
.ultIframeGeoselectLanding { width: 100%; height: 81px }


/***********************************************************
	- DEFINITION DES BUBBLES / LAYERS -
/**********************************************************/

/*** generique bubbles ***/
div.ultBubbleHeaderLeft { height: 22px; padding-left: 22px; background: transparent url(/img/main/bubble/ultBubbleHeadersLeft.gif) no-repeat 0 0 }
div.ultBubbleHeaderRight { /width: 100%; height: 22px; _margin-bottom: -22px; background: transparent url(/img/main/bubble/ultBubbleHeadersRight.gif) no-repeat 100% 0 }
div.ultBubbleFooterLeft { height: 22px; padding-left: 22px; background: transparent url(/img/main/bubble/ultBubbleFootersLeft.gif) no-repeat 0 0 }
div.ultBubbleFooterRight { /width: 100%; height: 22px; background: transparent url(/img/main/bubble/ultBubbleFootersRight.gif) no-repeat 100% 0 }

/*** bubbles ERROR ***/
div.ultBubbleErrorBody { margin: 0 13px; padding: 0 9px; color: #FF0000; border-left: 1px solid #EE9593; border-right: 1px solid #EE9593; background: #FFFFFF }




/***********************************************************
	- VISUEL HOME V -
/**********************************************************/
.ultVisual_1, .ultVisual_3 { background: url(/img/main/index/ultVisual_1_signup.jpg) no-repeat }
.ultVisual_2 { background: url(/img/main/index/ultVisual_2_signup.jpg) no-repeat }
div.ultContainerNewFR .ultVisual_1, div.ultContainerNewFR .ultVisual_3 { background: url(/img/main/index/ultVisual_1_new.jpg) no-repeat }
div.ultContainerNewFR .ultVisual_2 { background: url(/img/main/index/ultVisual_2_new.jpg) no-repeat }


/********************************************************************************************************************
	- INDEX -
/*******************************************************************************************************************/

/*** phrase d'accroche ***/
div#ultCatchPhrase { background:url(/img/fr/index/ultAccroche.png) no-repeat 0 0; height:17px; left:25px; position:absolute; top:15px; width:284px; }

/*** visuels offres 7 jours ***/
.ultContainerNewFR .visualoffre { height:98px; padding:30px 0 0 30px; position:absolute; left:330px; top:86px; _top:100px; width:188px; }
.ultMetionsLegales { padding: 5px; color:#A29E99 }
.ultVisualoffre { height:98px; width:188px; z-index:1; position:absolute; top: 45px; right:28px }
.ultVisualoffreTest { background: url(/img/fr/index/ultVisualOffre.jpg) no-repeat scroll 50%; height:98px; width:188px; z-index:1; position:absolute; top: 420px; right:20px }
.ultVisualoffreText { padding:18px; background-color: #8d0400; font-size: 13px; font-weight: bold; color:#ffffff;  no-repeat scroll 50%; height:78px; width:188px; z-index:10; position:absolute; bottom: 0px; right:4px }

/*** offres (weekend gratuit) bouton signup ***/
.ultBtnRegisterFreeWeekend { background:url(/img/fr/index/ultRegisterFreeWeekend.gif) no-repeat 0 0 !important }

/*** offres (weekend gratuit) ***/
.ultFreeWeekendTerms { margin:10px 10px 0 10px; text-align: center }
.ultOfferAnnounce { background:url(/img/main/common/ultLayerOffer.png) no-repeat; color:#FFF; font-size:16px; height:88px; line-height:1.2em; padding:10px 5px 0 5px; position:absolute; right:385px; 
text-align:center; top:110px; width:178px; }
.ultOfferDetail { color:#A29E99; text-align:center; }

/*** offres (weekend gratuit) - pastille  avec texte en dur ***/
#ultContainerNew2 .ultOfferAnnounce, #ultContainer .ultOfferAnnounce { background:url(/img/main/common/ultLayerOffer.png) no-repeat; color:#FFF; font-size:15px; height:88px; line-height:1.2em; padding:5px; position:absolute; right:16px; text-align:center; top:85px; width:145px; z-index:10; }
.ultOfferAnnounce a { color:#fff }
#ultBodyNew2 .ultOfferAnnounce { left:395px; top:10px; }
#ultContainerNew2 .ultOfferDetail { position:relative; top:670px; }
#ultBodyContent .ultContainerNewFR .ultOfferDetail { top:0; }
#ultContainerNew2 .ultOfferDetail, #ultContainer .ultOfferDetail, #ultContainerSignup .ultOfferDetail { color:#A29E99; text-align:center; }

/*** offres (weekend gratuit) - layer cgu ***/
#ultPopCguOffer { display:none; left:15px; position:absolute; top:130px; width:430px; z-index:30; }
#ultPopCguOffer .ultPopCguHeader { height:25px; width:430px; z-index:30; background:url(/img/main/index/ultFreeWeekendBg.gif) no-repeat left top }
#ultPopCguOffer .ultPopCguBody { width:405px; padding: 0 10px 15px 10px; z-index:30; background:url(/img/main/index/ultFreeWeekendBg.gif) no-repeat left bottom }
#ultPopCguOffer a.ultPopClose { display:block; height:25px; width:25px; margin: 0 0 0 405px }

/*** offres (weekend gratuit) - pastille ***/
#ultFreeWeekendSticker { display:block; position:absolute; top:0; left:420px; height:144px; width:144px; background:url(/img/fr/offers/ultWeekendHome.png) no-repeat; }

/*** slogan ***/
div#ultHeaderParity p#ultSlogan { padding-top: 56px}

/*** formulaire d'inscription ***/
.ultContainerNewFR div#ultRegisterFormNew2 h1 { background:url(/img/fr/index/ultRegisterFormTitle.gif) no-repeat 0 0; height:26px; margin:0 auto; padding-bottom:4px; overflow:hidden; position:relative; text-indent:-999px; width:186px; }
.ultContainerNewFR div#ultRegisterFormNew2 a#ultBtnRegisterNew2 { background:url(/img/fr/index/ultRegister.gif) no-repeat 0 0; display:block; height:67px; line-height:50px; margin:10px auto; text-indent:-9999px; overflow:hidden; width:248px; }

/*** Arguments ***/
.ultContainerNewFR div#ultArguments { background:url(/img/fr/index/ultArguments.png) no-repeat 0 0; height:111px; width:364px; position:absolute; left:54px; top:360px; z-index:4; }
.ultContainerNewFR div#ultArgumentsmatch { background:url(/img/fr/index/ultArgumentsMatch.png) no-repeat 0 0; height:111px; width:364px; position:absolute; left:54px; top:360px; z-index:4; }

/*** bloc coaching ***/
div#ultCoaching a#ultCoachingPicture { float: left; width: 107px; height: 107px; margin-right: 10px; _margin-right: 7px; padding: 3px; border: 1px solid #E8E7E4; background: #FFFFFF url(/img/fr/index/ultCoachingPicture.jpg) no-repeat 3px 3px }

div#ultContainerNew2 { margin:auto; padding-top:0; width:988px; position:relative;}




/***********************************************************
	New DESIGN HomeV - 04.02.2010
/**********************************************************/

div#ultContainerNew2 { margin:auto; padding-top:0; width:988px; position:relative; }


/*** déclaration du container contenant le fond de la page ***/
div#ultBodyContent { font: normal 12px Arial; color: #333333; background:#f5f3f3 url(/img/main/header_footer/ultBodyBgNew2.gif) repeat-x 0 0; }

div#ultBodyNew2 { background:url(/img/main/index/ultBodyBorderNew.gif) #FFF repeat-y 0 0; border-top:0; padding-left:8px; position:relative; width:986px; }

div#ultVisualNew2 { padding-left:70px; height:484px; }

/*** Liens vers les autres sites meetic ***/
div#ultOtherSitesNew2 { text-align:left; padding:10px 15px 0; }
div#ultHeaderLoginNew2 { background:transparent url(/img/main/common/ultDotV1.gif) repeat-y scroll 381px 0; margin-top:25px; margin-right:460px; text-align:right; }
div#ultHeaderLoginNew2 input { border:1px solid #665C55; color:#333333; font-size:11px; margin-left:5px; width:105px; }

/* lien rouge claire sans soulignement avec rollover */
a.ultLink5:hover { text-decoration:underline }

/*** logos ***/
div#ultHeaderNew2 { background:url(/img/main/header_footer/ultHeaderIndex.gif) no-repeat 0 bottom; height:88px; position:relative; width:994px; }
div#ultHeaderAffiliationNew2 { height:70px; padding-left: 28px; background: transparent url(/img/main/header_footer/ultHeaderNew.gif) no-repeat }
a#ultIndexLogoNew2 { display:block; width:275px; height:63px; background:url(/img/main/index/ultLogoBigNew.gif) no-repeat left center; bottom:2px; padding-right:106px; position:absolute; right:0; }

/*** formulaire du mot de passe oublié ***/
div#ultForgotPasswordBg { display:none; position:absolute; width:388px; height:88px; top:-10px; left:158px; background:url(/img/main/index/ultForgotPassword.png) no-repeat; z-index:210; }
div#ultForgotPassword { display:none; position:absolute; width:368px; height:68px; top:-10px; left:158px; padding:15px 10px 10px; font-size:11px; color:#333333; z-index:220; }
div#ultForgotPassword p { _position:relative; _z-index:1; font-size:10px }
div#ultForgotPassword input { _position: relative; _z-index: 1; width: 160px; margin: 0 10px; font-size: 11px; color: #333333; border: 1px solid #665C55 }

/*** formulaire d'inscription ***/
div#ultRegisterFormNew2 { overflow:hidden; padding:0 22px 0 29px; position:absolute; right:22px; width:373px; }
div#ultRegisterFormNew2 .ultRegisterFormBack { background:url(/img/main/index/ultRegisterFormNew.png) no-repeat scroll 0 top; position:absolute; height:1000px; width:424px; left:0; top:0; z-index:0; }
div#ultRegisterFormNew2 form { background:url(/img/main/index/ultRegisterFormLimit.gif) no-repeat scroll center -15px; padding-top:20px; position:relative; /zoom:1; }
div#ultRegisterFormNew2 h2 { width: 312px; height: 28px; margin: 5px 5px 10px; padding: 0 9px; line-height: 28px; font-size: 18px; font-weight: bold; font-style: italic; color: #BD0029; }
div#ultRegisterFormNew2 label.ultLabel { float: left; width: 140px; _width: 137px; height: 22px; line-height: 22px; color: #000000; font-size:12px; padding-left:0; }
div#ultRegisterFormNew2 span.ultSpan { display: block; height: 22px; line-height: 22px; color: #000000; overflow:hidden; }
div#ultRegisterFormNew2 input.ultInputText, div#ultRegisterFormNew2 select.ultSelectBig, #ultHeaderLoginNew2 input.ultInputText
{ border:2px 1px 1px 1px; border-style:solid; border-color:#999 #CCC #E1E1E1 #CCC; color:#000; }
div#ultRegisterFormNew2 input.ultError, div#ultRegisterFormNew2 select.ultError { background-color:#ffb2b2; border-color:#b56868 #da8d8d #eda0a0 #da8d8d; color:#000000!important; }
div#ultRegisterFormNew2 input.ultInputSmall { width:65px; margin-right:5px }
div#ultRegisterFormNew2 input.ultInputBig { width:221px }
div#ultRegisterFormNew2 select { border: 1px solid #665C55; color: #000000 }
div#ultRegisterFormNew2 select.ultSelectBig { width:225px }
div#ultRegisterFormNew2 em { display:block; margin:0 10px 10px; padding-bottom:5px; font-size:11px; color:#999999; border-bottom:1px solid #E0E0DD }
div#ultRegisterFormNew2 div.ultSpacerLine { height:1px; border-bottom:1px solid #E5E5E5; margin:4px 10px 9px 0; } 
div#ultRegisterFormNew2 div#ultCgu { font-size:11px; padding:10px 10px 10px 0; }
div#ultRegisterFormNew2 div#ultCgu input.ultCheckbox { float: left; margin: 1px 7px -3px 0; /margin: -2px 5px -3px -3px; _margin-right: 2px }

div#ultMailConfidential { color:#999999; font-size:9px; }
div#ultRegisterFormNew2 .ultRegisterFormBottom { background:url(/img/main/index/ultRegisterFormLimit.gif) no-repeat scroll center 18px; height:32px; overflow:hidden; position:relative; text-align:right; }

/***    IFRAME SIGNUP    ***/
div#ultIframeSignup .ultLine { padding-bottom: 3px }
div#ultIframeSignup label { float:left; width:145px; height:22px; padding-left:10px; line-height:22px; color:#000000; font-size:13px }
div#ultIframeSignup span { display:block; width:225px; height:22px; line-height:22px; color:#000000; overflow:hidden }
div#ultIframeSignup select { width:178px }
div#ultIframeSignup input { width:174px }
div#ultIframeSignup input, div#ultIframeSignup select { color: #000000; border: 1px solid #665C55 }

div#ultIframeSignup a.ultLink { color: #333333; text-decoration: underline }
div#ultIframeSignup a.ultLink:hover { text-decoration: none }

/* propositions de pseudo */
div#ultRegisterFormNew2 .ultAlternatePseudoColLeft, div#ultRegisterFormNew2 .ultAlternatePseudoColRight { color:#000; float:left; width:150px; }

/*** bubbles ***/
div#ultRegisterFormNew2 div.ultBubble { display:none; position:absolute; height:0; left:335px; width:300px; z-index:6; }
div#ultRegisterFormNew2 div#ultBubbleError { position:absolute; bottom:20px; left:335px; width:300px; z-index:6 }
div#ultRegisterFormNew2 div#ultBubblePostCode { top:170px; _left:335px; _top:170px; }
div#ultBubbleBirthday { top: 105px; }
div#ultBubblePseudo { top: 235px; }
div#ultBubblePassword { top: 261px; }
div#ultBubbleEmail { top:289px; }

/* bubbles error T5 */
div.ultBubbleErrorT5 span.ultBubbleHeaderCenter { background:url(/img/main/bubble/ultBubbleHeadersCenter.gif) no-repeat center 0; display:block; height:22px; margin-left:45%; position:relative; width:22px; z-index:4; }

div.ultBubbleErrorT5 div.ultBubbleHeaderLeft { background-position: 0 -69px; padding-left:22px; }
div.ultBubbleErrorT5 div.ultBubbleHeaderRight { background-position: 100% -69px; }
div.ultBubbleErrorT5 div.ultBubbleFooterLeft { background-position: 0 -69px }
div.ultBubbleErrorT5 div.ultBubbleFooterRight { background-position: 100% -69px }

div.ultBubbleErrorT5 p { position:relative; }

/*** Bloc d'intros ***/
.ultIntroBlocks { float:left; margin:20px 0; text-align:justify; vertical-align:top; width:245px; }
div#ultBlocAffinity { padding:0 25px 20px 60px; }
div#ultHappyends { border-left:1px #ccc solid; border-right:1px #ccc solid; padding:0 25px 0 25px; }
div#ultCoach { padding:0 0 20px 25px; }
.ultMiscTitle { font-size:1.3em; font-weight:normal; margin-bottom:10px; }

/*** footer ***/
div#ultFooterNew2 { background:url(/img/main/header_footer/ultFooterNew2.gif) no-repeat scroll 0 0; color:#999; height:37px; padding:13px 0 0 0; text-align:center; width:994px; }
div#ultCopyright { background:#f5f3f3; padding: 20px 10px 10px; text-align:center; color:#A29E99; width:975px; }
div#ultCopyright div#ultCnil { padding-bottom:16px; }
div#ultCopyright div#ultReferencement { color:#999; padding-top:20px; }
div#ultCopyright div#ultReferencement div#ultRefNat { border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; color:#999; font-size:11px;padding:20px 0; }
div#ultCopyright div#ultReferencement .ultRefTitle { color:#333; font-weight:bold; font-size:11px; }