/***********************************************************
	- 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; overflow-y: scroll; /overflow-y: hidden }


#ultFreeWeekendSticker  {background:url("/img/it/offers/ultWeekendHome.png") no-repeat scroll 0 0 transparent;display:block;height:211px;left:410px;;position:absolute;top:20px;width:207px;z-index:29;}
#ultPopCguOffer {display:none;left:620px;position:absolute;top:50px;width:350px;z-index:30;}
#ultPopCguOffer .ultPopCguHeader {background:url("/img/it/offers/ultFreeWeekendBg.gif") no-repeat scroll left top transparent;height:25px;width:350px;z-index:30;}
#ultPopCguOffer a.ultPopClose {display:block;height:25px;margin:0 0 0 325px;width:25px;}
#ultPopCguOffer .ultPopCguBody {background:url("/img/it/offers/ultFreeWeekendBg.gif") no-repeat scroll left bottom transparent;padding:0 10px 15px;width:325px;z-index:30;}
.ultOfferDetail{color:#A29E99;padding:0 10px 10px;text-align:center;}
/***********************************************************
	- DEFINITION DES LIENS -
/**********************************************************/

/* 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 gris claire avec soulignement avec rollover */
a.ultLink8u, a.ultLink8u:active, a.ultLink8u:visited { color: #999999; text-decoration: underline }
a.ultLink8u:hover { color: #999999; text-decoration: none }


/***********************************************************
	- 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 }

/*** pour DEVs ***/
pre { color: #000000 }


/***********************************************************
	- DEFINITION DU BODY -
/**********************************************************/
/*** declaration du container general ***/
div#ultBodyContent { font: normal 12px Arial; color: #333333; background: #FFFFFF url(/img/main/header_footer/ultBodyBgNew.gif) repeat-x; }


/***********************************************************
	- CONTAINER -
/**********************************************************/
/*** declaration du container general ***/
div#ultBodyContent { font: normal 12px Arial; color: #333333; background: #F5F3F3 url(/img/main/header_footer/ultBodyBgNew2.gif) repeat-x scroll 0 0; }

div#ultContainer { position: relative; width: 1000px; margin: auto; padding-top: 8px; /zoom: 1;  }


/***********************************************************
	- HEADER -
/**********************************************************/
#ultLogo { display: block; float: left; width: 377px; height: 83px; margin-top:5px; background: transparent url(/img/it/landing/ultLogo.gif) no-repeat 75px 0; }
#ultLogomatch { display: block; float: left; width: 377px; height: 83px; margin-top:5px; background: transparent url(/img/main/common/ultLogoMatchBig.gif) no-repeat 75px 0; }
div#ultHeaderAffiliationNew { height: 88px; padding-left: 28px; background: transparent url(/img/main/header_footer/ultHeader2.gif) no-repeat }


/***********************************************************
	- BODY -
/**********************************************************/
div#ultBody { position:relative; height: 485px; padding: 0 10px; background: transparent url(/img/main/header_footer/ultBodyBorder2.gif) no-repeat }
div#ultBody div#ultVisualLanding { position:relative; width: 978px; height: 485px; background: transparent url(/img/it/landing/ultVisual_3.jpg) no-repeat }
div#ultBody div#ultVisualLanding div#ultArguments { position: absolute; left: 473px; top: 360px; width: 281px; height: 111px; background:url(/img/it/landing/ultArguments.png) no-repeat; }
div#ultBody div#ultVisualLanding div#ultArgumentsmatch { position: absolute; left: 473px; top: 360px; width: 281px; height: 111px; background:url(/img/it/landing/ultArgumentsMatch.png) no-repeat; }
div#ultBody div#ultVisualLanding div#ultCatchPhrase { position: absolute; left: 440px; top: 10px; width: 221px; height: 17px; background:url(/img/it/landing/ultAccroche.png) no-repeat; }

/*** formulaire ***/
div#ultBgForm { position: absolute; left:55px; width: 381px; height: 484px; background: transparent url(/img/main/landing/ultRegisterForm2.png) no-repeat }
div#ultRegisterForm { position: relative; width: 369px; padding-left: 60px; }
div#ultRegisterForm h1 { padding-bottom: 30px; font-size: 18px; font-weight: bold; font-style: italic; color: #ffffff; text-align:center; }
div#ultRegisterForm label.ultLabel { float: left; width: 150px; _width: 147px; height: 22px; padding-left: 10px; line-height: 22px; color: #000000; font-weight: bold; font-size: 13px }
div#ultRegisterForm span.ultSpan { display: block; height: 22px; line-height: 22px; color: #000000 }
div#ultRegisterForm input.ultInputText { border: 1px solid #665C55; color: #000000 }
div#ultRegisterForm input.ultInputSmall { width: 45px; margin-right: 5px }
div#ultRegisterForm input.ultInputBig { width: 159px }
div#ultRegisterForm select { border: 1px solid #665C55; color: #000000 }
div#ultRegisterForm select.ultSelectBig { width: 163px }
div#ultRegisterForm em { display: block; margin: 0 10px 10px; padding-bottom: 5px; font-size: 11px; color: #999999; border-bottom: 1px solid #E0E0DD }
div#ultRegisterForm div#ultCgu { padding: 0 10px }
div#ultRegisterForm div#ultCgu input.ultCheckbox { float: left; margin: 1px 7px -3px 0; /margin: -2px 5px -3px -3px; _margin-right: 2px }
div#ultRegisterForm a#ultBtnRegister { display: block; width: 252px; height: 82px; margin: 2px auto 0; background: transparent url(/img/it/landing/ultBtnRegister.png) no-repeat }
div#ultRegisterForm .ultRegisterFormBottom { position:relative; height:14px; text-align:right; background:url(/img/main/index/ultRegisterFormLimit.gif) no-repeat scroll center 0; }
div#ultRegisterForm img { float: right; padding: 0 5px 0 0; }



/***********************************************************
	- FOOTER -
/**********************************************************/
div#ultContainer div#ultFooter { height: 40px; color: #A29E99; background: transparent url(/img/main/header_footer/ultFooter2.gif) no-repeat }



/***********************************************************
	- LOGIN ET MOT DE PASSE -
/**********************************************************/
/*** formulaire de login ***/
div#ultLogin { float: right; top:62px; padding: 52px 17px 0 0; }
div#ultLogin p#ultLnkLogin { float: right; padding-top: 8px; color:#999999; font-size:13px; font-weight: bold; }
div#ultLogin div#ultLoginFormRedBg { float: right; display: none; width: 384px; height: 35px; padding-left: 5px; /padding-left: 3px; background: transparent url(/img/main/landing/ultAlreadyMemberLoginWhite.png) no-repeat }
div#ultLogin div#ultLoginFormRed { position:absolute; right:188px; top: 68px; display: none; width: 350px; height: 26px; }
div#ultLogin div#ultLoginFormRed input { width: 120px; margin-right: 10px; font: normal 10px Verdana; color: #333333; border: 1px solid #665C55; }

/*** formulaire du mot de passe oublie ***/
div#ultForgotPasswordBg { display: none; position: absolute; top: 123px; right: 173px; width: 388px; height: 88px; font-size: 11px; color: #333333; background: transparent url(/img/main/landing/ultForgotPassword2.png) no-repeat; z-index: 10 }
div#ultForgotPassword { display: none; position: absolute; top: 128px; right: 169px; width: 368px; height: 68px; padding: 10px; font-size: 11px; color: #333333; z-index: 11 }
div#ultForgotPassword p { font-size: 10px }
div#ultForgotPassword input { width: 160px; font-size: 11px; color: #333333; border: 1px solid #665C55; margin: 0 10px }


/***********************************************************
	- CNIL -
/**********************************************************/
div#ultCnil { margin: 10px 0 10px 0; color: #A29E99; _zoom:1 }



/***********************************************************
	- PASTILLE OFFRE -
/**********************************************************/
.ultVisualoffre { position:absolute; top: 140px; right: 362px; height:98px; width:188px; }

/*** offres (weekend gratuit) ***/
#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: 10px 5px 0 5px; position:absolute; right:365px; text-align:center; top:140px; width:178px; }***/
#ultContainer .ultOfferAnnounce { background:url("/img/it/offers/ultWeekendHome.png") no-repeat scroll 0 0 transparent;display:block;
height:211px; color:#FFF; position:absolute; right:365px; text-align:center; top:140px; width:207px; }
.ultTxt2 {color:#8D0400;}
div#ultContainer .ultOfferDetail { color:#A29E99; text-align:center; }