/***********************************************************
	- 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 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.ultLink5u, a.ultLink5u:active, a.ultLink5u:visited { color: #999999; text-decoration: underline }
a.ultLink5u:hover { color: #999999; text-decoration: none }

/* lien noir avec soulignement avec rollover */
a.ultLink8u, a.ultLink8u:active, a.ultLink3u:visited { color: #000000; text-decoration: underline }
a.ultLink8u:hover { color: #000000; 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 ***/
#ultIframeGeo {width: 350px; height: 78px }
.ultIframeGeoselectMyprofile { width: 311px; height: 75px }
.ultIframeGeoselectAdvancedSearch { width: 99%; height: 95px }
.ultIframeGeoselectSignup { width: 100%; height: 73px }
.ultIframeGeoselectLanding { width: 100%; height: 81px }

div#ultIframeLanding label { float: left; width: 150px; _width: 147px; height: 22px; padding-left: 10px; line-height: 22px; color: #000000; font-size: 13px }
div#ultIframeLanding span { display: block; width: 178px; height: 23px; line-height: 22px; color: #000000; overflow: hidden }
div#ultIframeLanding select { width: 163px }
div#ultIframeLanding input { width: 159px }
div#ultIframeLanding input, div#ultIframeLanding select { color: #000000; border: 1px solid #665C55 }



/*** 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 -
/**********************************************************/
div#ultLogo { display: block; float: left; width: 377px; height: 83px; margin-top:5px; background: transparent url(/img/gm/landing/ultLogo.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: 700px; padding: 0 10px; background: transparent url(/img/gm/landing/ultBodyBorderGM.gif) no-repeat }
div#ultBody div#ultVisualLanding { position:relative; width: 978px; height: 485px; background: transparent url(/img/gm/index/ultVisualFreeWeekend.jpg) no-repeat }
div#ultBody div#ultVisualLanding div#ultArguments { height:75px; width:500px; position:absolute; right:30px; top:345px; z-index:4; background:url(/img/gm/landing/ultArguments.png) no-repeat 0 0; }
div#ultBody div#ultVisualLanding div#ultCatchPhrase { position: absolute; left: 440px; top: 10px; width: 284px; height: 17px; background:url(/img/gm/landing/ultAccroche.png) no-repeat; }

/*** formulaire ***/
div#ultBgForm { position: absolute; left:55px; width: 381px; height: 454px; background: transparent url(/img/gm/landing/ultRegisterFormNew.png) no-repeat }
div#ultRegisterForm { position: relative; width: 353px; margin-left: 60px; padding-left:15px; padding-top:22px;}
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-size: 13px; font-weight:bold;}
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 #E5E5E5; padding-left:12px; background: transparent url(/img/gm/landing/ultLocked.png) no-repeat; font-style:normal; }
div#ultRegisterForm div#ultCgu { padding: 0 10px; font-size:12px;}
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: 75px; text-indent:-999px; margin: 13px auto 0; background: transparent url(/img/gm/landing/ultRegister.gif) 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; }
div#ultRegisterForm div.ultSpacerLine { height:1px; border-bottom:1px solid #E5E5E5; margin:4px 10px 9px 0; width:340px; } 



/***********************************************************
	- 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:12px; font-weight: bold; }
div#ultLogin div#ultLoginFormRedBg { float: right; display: none; width: 357px; 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: 122px; 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: 95px; right: 170px; 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: 100px; 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: 110px; right: 420px; height:168px; width:124px; }

/*** offres (weekend gratuit) ***/
.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) - cgu ***/
.ultFreeWeekendTerms { margin: 10px 0 }

/*** 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:14px; height:88px; line-height:1.2em; padding:5px; position:absolute; left:440px; text-align:center; top:85px; width:145px; z-index:10; }
.ultOfferAnnounce a { color:#fff }
#ultBodyNew2 .ultOfferAnnounce { left:440px; top:-5px; }
.ultContainerNewFR #ultBodyNew2 .ultOfferAnnounce  { right:450px; }
#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:445px; position:absolute; top:170px; width:540px; z-index:30; }
#ultPopCguOffer .ultPopCguHeader { height:60px; width:540px; z-index:30; background:url(/img/gm/index/ultFreeWeekendBg.gif) no-repeat left top }
#ultPopCguOffer .ultPopCguBody { padding: 0 10px 20px 20px; z-index:30; background:url(/img/gm/index/ultFreeWeekendBg.gif) no-repeat left bottom }
#ultPopCguOffer a.ultPopClose { display:block; left: 465px; top: 15px; position: relative; text-decoration: underline; color: #000 }
#ultPopCguOffer .ultPopCguBody .ultFreeWeHighlight { color: #770d68 }

/*** offres (weekend gratuit) - pastille ***/
#ultFreeWeekendSticker { display:block; position:absolute; top:92px; left:435px; height:254px; width:222px; background:url(/img/gm/offers/ultWeekendHome.png) no-repeat; }
#ultFreeWeekendSticker a { display:block; height:254px; width:222px }

div#ultIframeLanding label { float: left; width: 150px; _width: 147px; height: 22px; padding-left: 10px; line-height: 22px; color: #000000; font-size: 12px }

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

/***    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 }


/**
 * @section: subscription's footer box
 **/
#ma-subscription-footer { background: transparent url(/img/gm/index/ultAward.gif) no-repeat 15px 16px; height: 155px; padding: 18px 12px 0 120px }
#ma-subscription-footer #ma-tick { height: 30px; margin-bottom: 20px; padding-bottom: 15px }
#ma-subscription-footer #ma-tick div { background: transparent url(/img/gm/index/ultTick.gif) no-repeat; float: left; font-size: 12px; padding-left: 30px }
#ma-subscription-footer #ma-tick #ma-tick-1 { margin-left: 3px; width: 225px; padding-right:10px; height:50px; margin-right:12px; border-right: 1px solid #cccccc;}
#ma-subscription-footer #ma-tick #ma-tick-1 { _display: inline } /* IE6 compatibility */
#ma-subscription-footer #ma-tick #ma-tick-2 {  margin-left: 3px; width: 235px; padding-right:10px; height:50px; margin-right:12px; border-right: 1px solid #cccccc; }
#ma-subscription-footer #ma-tick #ma-tick-3 {  margin-left: 3px; width: 220px; padding-right:8px; height:50px;}
#ma-subscription-footer #ma-tick #ma-tick-3 a { color:#333333; text-decoration:underline; }
#ma-subscription-footer #ma-tick #ma-tick-3 a:hover { text-decoration:none; }
#ma-subscription-footer #ma-links { margin: 40px 0px 30px 10px; font-size: 10px; padding-top:10px; border-top: 1px solid #cccccc; width:800px;}
#ma-subscription-footer #ma-links p{ margin: 0px; padding:0px; margin-bottom:5px;}
#ma-subscription-footer #ma-links span { color: #B70E1D }
#ma-subscription-footer #ma-links .ultCertified {text-align:right;}
#ma-subscription-footer #ma-links a { color: #333333; text-decoration: underline }
#ma-subscription-footer #ma-links a:hover { color: #333333; text-decoration: none }
#ultFooterNew2 #ma-footer-links { color: #666; font-size:11px;}
#ultFooterNew2 #ma-footer-links a { color: #666; margin: 0 4px; text-decoration: none }
#ultFooterNew2 #ma-footer-links a:hover { color: #666; text-decoration: underline }
#ultFooterNew2 #ma-footer-company { color: #666; font-size:11px; text-align:center; margin-top:8px;}