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

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


/*** 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 { cursor: default; }



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

/*** déclaration du bloc body ***/
div#ultBody { /zoom: 1; position: relative; padding: 4px 4px 0; border-top: 1px solid #C8C3BB; border-left: 1px solid #C8C3BB; border-right: 1px solid #C8C3BB; background: #FFFFFF }

div#ultBodyCornerLeft { position: absolute; left: -1px; top: -1px; width: 10px; height: 10px; background: transparent url(/img/main/header_footer/ultBodyCornerLeft.gif) no-repeat }
div#ultBodyCornerRight { position: absolute; right: -1px; top: -1px; width: 10px; height: 10px; background: transparent url(/img/main/header_footer/ultBodyCornerRight.gif) no-repeat }
div#ultBodyCornerRightNew { position: absolute; right: -1px; top: -1px; width: 85px; height: 85px; background: transparent url(/img/main/header_footer/ultBodyCornerRightNew.gif) no-repeat }

/*** déclaration de la colonne de gauche ***/
div#ultBodyLeft { float: left; width: 222px; padding-right: 8px }

/*** déclaration de la colonne du milieu ***/
div#ultBodyMiddle { float: left; width: 496px }

/*** déclaration de la colonne de droite ***/
div#ultBodyRight { float: right; width: 244px }

/*** déclaration de la colonne principale ***/
div#ultBodyMain { float: right; width: 748px }



/***********************************************************
	- DEFINITION DES BLOCS GENERIQUES -
/**********************************************************/

/*** déclaration du header des blocs ***/
/* header avec dégradé gris */
div.ultBlocHeader { height: 23px; padding-left: 28px; background: transparent url(/img/main/common/ultBlocHeadersLeft.gif) no-repeat }
div.ultBlocHeader h2 { height: 23px; padding: 0 5px 0 10px; font: bold 12px Arial; line-height: 23px; color: #8D0400; background: transparent url(/img/main/common/ultBlocHeadersRight.gif) no-repeat 100% 0 }

/* header menu */
div.ultBlocHeaderMenu { height: 23px; padding-left: 10px; background: transparent url(/img/main/common/ultBlocHeadersLeft.gif) no-repeat 0 -83px }
div.ultBlocHeaderMenu h2 { height: 23px; padding: 0 5px 0 10px; font: bold 12px Arial; line-height: 23px; color: #000; background: transparent url(/img/main/common/ultBlocHeadersRight.gif) no-repeat 100% 0 }
div.ultBlocHeaderMenu h2 a { display: block; width: 100%; height: 23px }

/* header misc */
div.ultBlocHeaderMisc { height: 10px; padding-left: 28px; background: transparent url(/img/main/common/ultBlocHeadersLeft.gif) no-repeat 0 -48px }
div.ultBlocHeaderMisc h2 { height: 10px; background: transparent url(/img/main/common/ultBlocHeadersRight.gif) no-repeat 100% -24px }

/* header gris claire */
div.ultBlocHeaderGrayLight { height: 10px; padding-left: 28px; background: transparent url(/img/main/common/ultBlocHeadersLeft.gif) no-repeat 0 -72px }
div.ultBlocHeaderGrayLight h2 { height: 10px; background: transparent url(/img/main/common/ultBlocHeadersRight.gif) no-repeat 100% 0px }

/*** déclaration du contenu des blocs ***/
/* contenu blanc */
div.ultBlocBody { /zoom: 1; background: #FFFFFF; border-left: 1px solid #CECAC3; border-right: 1px solid #CECAC3 }

/* contenu gris claire */
div.ultBlocBodyGray { /zoom: 1; background: #f8f7f5; border-left: 1px solid #CECAC3; border-right: 1px solid #CECAC3 }

/*** déclaration du footer des blocs ***/
/* footer avec dégradé gris */
div.ultBlocFooter { height: 8px; padding-left: 8px; background: transparent url(/img/main/common/ultBlocFootersLeft.gif) no-repeat }
div.ultBlocFooter div.ultBlocFooterRight { height: 8px; background: transparent url(/img/main/common/ultBlocFootersRight.gif) no-repeat 100% 0 }

/* footer avec fond gris */
div.ultBlocFooterGray { height: 8px; padding-left: 8px; background: transparent url(/img/main/common/ultBlocFootersLeft.gif) no-repeat 0 -9px }
div.ultBlocFooterGray div.ultBlocFooterRight { height: 8px; background: transparent url(/img/main/common/ultBlocFootersRight.gif) no-repeat 100% -9px }

/* footer avec fond Claire */
div.ultBlocFooterGrayLight { height: 8px; padding-left: 8px; background: transparent url(/img/main/common/ultBlocFootersLeft.gif) no-repeat 0 -18px }
div.ultBlocFooterGrayLight div.ultBlocFooterRight { height: 8px; background: transparent url(/img/main/common/ultBlocFootersRight.gif) no-repeat 100% -18px }


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

/*** générique ***/
a.ultLayerClose { display: block; height: 15px; width: 16px; background: transparent url(/img/main/common/ultLayerClose.png) no-repeat }
a.ultLayerClose:hover { background: transparent url(/img/main/common/ultLayerClose.png) no-repeat 0 -17px }

/*** bubbles ***/

/* T1 : top - right - top			// flèche vers le haut (en haut à droite) */
/* T2 : top - right - right	 		// flèche vers la droite (en haut à droite) */
/* T3 : top - left - top			// flèche vers le haut (en haut à gauche) */
/* T4 : top - left - left			// flèche vers la gauche (en haut à gauche) */
/* B1 : bottom - left - bottom		// flèche vers le bas (en bas à gauche) */
/* B2 : bottom - left - left		// flèche vers la gauche (en bas à gauche) */
/* B3 - bottom - right - right		// flèche vers la droite (en bas à droite) */
/* B4 - bottom - right - bottom		// flèche vers le bas (en bas à droite) */

/*** 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 INFO ***/
div.ultBubbleInfoBody { margin: 0 13px; padding: 0 9px; background: #FCFCFC; border-left: 1px solid #B9C0C5; border-right: 1px solid #B9C0C5 }


/* bubbles info T1 */
div.ultBubbleInfoT1 div.ultBubbleHeaderRight { background-position: 100% -46px }

/* bubbles info T2 */
div.ultBubbleInfoT2 div.ultBubbleHeaderRight { background-position: 100% -23px }

/* bubbles info T3 */
div.ultBubbleInfoT3 div.ultBubbleHeaderLeft { background-position: 0 -23px }

/* bubbles info T4 */
div.ultBubbleInfoT4 div.ultBubbleHeaderLeft { background-position: 0 -46px }

/* bubbles info B1 */
div.ultBubbleInfoB1 div.ultBubbleFooterLeft { background-position: 0 -23px }

/* bubbles info B2 */
div.ultBubbleInfoB2 div.ultBubbleFooterLeft { background-position: 0 -46px }

/* bubbles info B3 */
div.ultBubbleInfoB3 div.ultBubbleFooterRight { background-position: 100% -23px }

/* bubbles info B4 */
div.ultBubbleInfoB4 div.ultBubbleFooterRight { background-position: 100% -46px }

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

/* bubbles error T1 */
div.ultBubbleErrorT1 div.ultBubbleHeaderLeft { background-position: 0 -69px }
div.ultBubbleErrorT1 div.ultBubbleHeaderRight { background-position: 100% -115px }
div.ultBubbleErrorT1 div.ultBubbleFooterLeft { background-position: 0 -69px }
div.ultBubbleErrorT1 div.ultBubbleFooterRight { background-position: 100% -69px }

/* bubbles error T2 */
div.ultBubbleErrorT2 div.ultBubbleHeaderLeft { background-position: 0 -69px }
div.ultBubbleErrorT2 div.ultBubbleHeaderRight { background-position: 100% -92px }
div.ultBubbleErrorT2 div.ultBubbleFooterLeft { background-position: 0 -69px }
div.ultBubbleErrorT2 div.ultBubbleFooterRight { background-position: 100% -69px }

/* bubbles error T3 */
div.ultBubbleErrorT3 div.ultBubbleHeaderLeft { background-position: 0 -92px }
div.ultBubbleErrorT3 div.ultBubbleHeaderRight { background-position: 100% -69px }
div.ultBubbleErrorT3 div.ultBubbleFooterLeft { background-position: 0 -69px }
div.ultBubbleErrorT3 div.ultBubbleFooterRight { background-position: 100% -69px }

/* bubbles error T4 */
div.ultBubbleErrorT4 div.ultBubbleHeaderLeft { background-position: 0 -115px }
div.ultBubbleErrorT4 div.ultBubbleHeaderRight { background-position: 100% -69px }
div.ultBubbleErrorT4 div.ultBubbleFooterLeft { background-position: 0 -69px }
div.ultBubbleErrorT4 div.ultBubbleFooterRight { background-position: 100% -69px }

/* bubbles error B1 */
div.ultBubbleErrorB1 div.ultBubbleHeaderLeft { background-position: 0 -69px }
div.ultBubbleErrorB1 div.ultBubbleHeaderRight { background-position: 100% -69px }
div.ultBubbleErrorB1 div.ultBubbleFooterLeft { background-position: 0 -92px }
div.ultBubbleErrorB1 div.ultBubbleFooterRight { background-position: 100% -69px }

/* bubbles error B2 */
div.ultBubbleErrorB2 div.ultBubbleHeaderLeft { background-position: 0 -69px }
div.ultBubbleErrorB2 div.ultBubbleHeaderRight { background-position: 100% -69px }
div.ultBubbleErrorB2 div.ultBubbleFooterLeft { background-position: 0 -115px }
div.ultBubbleErrorB2 div.ultBubbleFooterRight { background-position: 100% -69px }

/* bubbles error B3 */
div.ultBubbleErrorB3 div.ultBubbleHeaderLeft { background-position: 0 -69px }
div.ultBubbleErrorB3 div.ultBubbleHeaderRight { background-position: 100% -69px }
div.ultBubbleErrorB3 div.ultBubbleFooterLeft { background-position: 0 -69px }
div.ultBubbleErrorB3 div.ultBubbleFooterRight { background-position: 100% -92px }

/* bubbles error B4 */
div.ultBubbleErrorB4 div.ultBubbleHeaderLeft { background-position: 0 -69px }
div.ultBubbleErrorB4 div.ultBubbleHeaderRight { background-position: 100% -69px }
div.ultBubbleErrorB4 div.ultBubbleFooterLeft { background-position: 0 -69px }
div.ultBubbleErrorB4 div.ultBubbleFooterRight { background-position: 100% -115px }



/***********************************************************
	- 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 blanc avec soulignement avec rollover */
a.ultLink1u, a.ultLink1u:active, a.ultLink1u:visited  { color: #A29E99; text-decoration: underline }
a.ultLink1u:hover { color: #A29E99; text-decoration: none }

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

/* lien gris sans soulignement avec rollover gris */
a.ultLink3, a.ultLink3:active, a.ultLink3:visited  { color: #333333; text-decoration: none }
a.ultLink3:hover { color: #333333; 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 gris sans soulignement sans rollover */
a.ultLink3n, a.ultLink3n:active, a.ultLink3n:visited { color: #333333; text-decoration: none }

/* lien bleu clair avec soulignement avec rollover */
a.ultLink4u, a.ultLink4u:active, a.ultLink4u:visited { color: #5B74A6; text-decoration: underline }
a.ultLink4u:hover { color: #5B74A6; text-decoration: none }

/* lien bleu clair en gras avec soulignement avec rollover */
a.ultLink4b, a.ultLink4b:active, a.ultLink4b:visited { color: #5B74A6; font-weight: bold; text-decoration: underline }
a.ultLink4b:hover { color: #5B74A6; font-weight: bold; text-decoration: none }

/* lien bleu claire sans soulignement avec rollover bleu claire */
a.ultLink4, a.ultLink4:active, a.ultLink4:visited { color: #5B74A6; text-decoration: none }
a.ultLink4:hover { color: #5B74A6; text-decoration: underline }

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

a.ultLink5u, a.ultLink5u:active, a.ultLink5u:visited { color: #D70000; text-decoration: underline }
a.ultLink5u:hover { color: #D70000; text-decoration: none }

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

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

/* 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 sans soulignement avec rollover rouge fonce */
a.ultLink7, a.ultLink7:active, a.ultLink7:visited { color: #232529; text-decoration: none }
a.ultLink7:hover { color: #8D0400; text-decoration: underline }

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

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

/* lien gris sans soulignement avec rollover rouge clair */
a.ultLink10, a.ultLink10:active, a.ultLink10:visited { color: #6699cc; text-decoration: underline }
a.ultLink10:hover { color: #6699cc; text-decoration: none }

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

/* lien gris clair avec soulignement avec rollover rouge fonce */
a.ultLink12, a.ultLink12:active, a.ultLink12:visited  { color: #666666; text-decoration: none }
a.ultLink12:hover { color: #8D0400; text-decoration: underline }

/* lien gris clair avec soulignement avec rollover rouge clair */
a.ultLink13, a.ultLink13:active, a.ultLink13:visited  { color: #666666; text-decoration: none }
a.ultLink13:hover { color: #D70000; text-decoration: underline }

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

/* couleur bleue fonce */
.ultTxt1 { color: #2F4E6A }
.ultTxt1b { color: #2F4E6A; font-weight: bold }

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

/* couleur rouge */
.ultTxt3 { color: #D70000 }
.ultTxt3b { color: #D70000; font-weight: bold }
.ultTxt3u { color: #D70000; text-decoration:underline }

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

/* couleur gris claire */
.ultTxt5 { color: #cccccc }
.ultTxt5b { color: #cccccc; font-weight: bold }

/* couleur gris claire */
.ultTxt6 { color: #999999; font-size:11px }
.ultTxt6b { color: #999999; font-weight: bold }

/* couleur gris claire */
.ultTxt7 { color: #999999; }
.ultTxt7b { color: #999999; font-weight: bold }


/***********************************************************
	- DEFINITION DES BOUTONS -
/**********************************************************/

/*** boutons actifs ***/
/* bouton petit bleu sur fond transparent */
a.ultBtnA1 { display: block; padding: 0 0 0 9px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftA.gif) no-repeat 0 0 }
a.ultBtnA1 span { display: block; padding: 0 20px 2px 11px; font: bold 12px/19px Arial; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightA.gif) no-repeat 100% 0 }

a.ultBtnA1:hover { background-position: 0 -22px }
a.ultBtnA1:hover span { text-decoration: none; background-position: 100% -22px }

/* bouton petit gris sur fond transparent */
a.ultBtnA2 { display: block; padding: 0 0 0 9px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftA.gif) no-repeat 0 -66px }
a.ultBtnA2 span { display: block; padding: 0 20px 2px 11px; font: bold 12px/19px Arial; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightA.gif) no-repeat 100% -66px }

a.ultBtnA2:hover { background-position: 0 -88px }
a.ultBtnA2:hover span { text-decoration: none; background-position: 100% -88px }

/* bouton grand rouge sur fond transparent */
a.ultBtnB1 { display: block; padding: 0 0 0 9px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftB.gif) no-repeat 0 0 }
a.ultBtnB1 span { display: block; padding: 0 35px 2px 26px; font: normal 18px/36px Arial; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightB.gif) no-repeat 100% 0 }
a.ultBtnB1 span.ultSmallFont { font: bold 12px/36px Arial }

a.ultBtnB1:hover { background-position: 0 -39px }
a.ultBtnB1:hover span { text-decoration: none; background-position: 100% -39px }

/* bouton grand rouge sur fond transparent double ligne de wording */
a.ultBtnB2 { display: block; padding: 0 0 0 9px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftB.gif) no-repeat 0 0 }
a.ultBtnB2 span { display: block; padding: 7px 35px 5px 26px; font: normal 18px/13px Arial; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightB.gif) no-repeat 100% 0 }
a.ultBtnB2 span.ultSmallFont { font: bold 12px/36px Arial }

a.ultBtnB2:hover { background-position: 0 -39px }
a.ultBtnB2:hover span { text-decoration: none; background-position: 100% -39px }

/* bouton grand rouge sur fond transparent new design (search/advancedsearch) */
a.ultBtnB3 { display: block; padding: 0 0 0 9px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftB.gif) no-repeat 0 -78px}
a.ultBtnB3 span { display: block; padding: 0 35px 2px 26px; font: normal 18px/45px Arial; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightB.gif) no-repeat 100% -78px }
a.ultBtnB3 span.ultSmallFont { font: bold 12px/36px Arial }

a.ultBtnB3:hover { background-position: 0 -126px }
a.ultBtnB3:hover span { text-decoration: none; background-position: 100% -126px }

/* bouton grand rouge sur fond transparent double ligne de wording */
a.ultBtnB4 { display: block; padding: 0 0 0 9px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftB.gif) no-repeat 0 -78px}
a.ultBtnB4 span { display: block; padding: 0px 35px 3px 26px; font: normal 17px/22px Arial; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightB.gif) no-repeat 100% -78px }
a.ultBtnB4 span.ultSmallFont { font: bold 12px/36px Arial }

a.ultBtnB4:hover { background-position: 0 -126px }
a.ultBtnB4:hover span { text-decoration: none; background-position: 100% -126px }

/* bouton moyen rouge sur fond transparent */
a.ultBtnC1 { display: block; height: 26px; /height: auto; padding: 0 0 0 8px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftC.gif) no-repeat 0 0 }
a.ultBtnC1 span { display: block; height: 26px; /height: auto; padding: 0 20px 0 12px; /padding-bottom: 2px; font: bold 12px Arial; line-height: 24px; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightC.gif) no-repeat 100% 0 }

a.ultBtnC1:hover { background-position: 0 -27px }
a.ultBtnC1:hover span { text-decoration: none; background-position: 100% -27px }

/* bouton petit gris sur fond blanc */
a.ultBtnD1 { display: block; padding: 0 0 0 4px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftD.gif) no-repeat 0 0 }
a.ultBtnD1 span { display: block; padding: 0 20px 0 16px; /padding-bottom: 2px; font: normal 12px Arial; line-height: 18px; /line-height: 16px; color: #60646C; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightD.gif) no-repeat 100% 0 }

a.ultBtnD1:hover { background-position: 0 -19px }
a.ultBtnD1:hover span { text-decoration: none; background-position: 100% -19px }

/*** boutons inactifs ***/
a.ultBtnOffC1 { display: block; padding: 0 0 0 8px; height: 26px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftC.gif) no-repeat 0 -54px }
a.ultBtnOffC1 span { display: block; padding: 0 20px 0 12px; height: 26px; font: bold 12px Arial; line-height: 24px; /line-height: 22px; color: #FFFFFF; background: transparent url(/img/main/btn/ultBtnRightC.gif) no-repeat 100% -54px }
a.ultBtnOffC1:hover { cursor: default }




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

/*** titres ***/
.ultTitle { font-size: 12px; font-weight: bold; color: #666666; padding-bottom: 5px }
.ultTitleProfil { font-size: 14px; padding-bottom: 5px; height:20px }

/*** polices ***/
.ultLucida { font: normal 11px "Lucida Grande", "Lucida sans unicode", Verdana }

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

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

/*** listes ***/
.ultPuce { list-style-type: disc; list-style-position: outside; padding: 0 0 10px 30px }

/*** photos ***/
.ultPicture { display: block; width: 125px; height: 125px; padding: 3px; border: 1px solid #E8E7E4; background-color: #FFFFFF; background-repeat: no-repeat; background-position: 3px 3px }
.ultPicture p { margin-top: 76px; text-align: center; font-weight: bold }
.ultPictureModeration { color: red; position: absolute; top: 138px; left: 258px; font-weight:bold; text-align:center; } 

/*** loading ***/
div#ultLoading { padding: 30px; text-align: center }

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

/*** offres (weekend gratuit) - pastille home_v et landings.. ***/
#ultContainerNew2 .ultOfferAnnounce, #ultContainer .ultOfferAnnounce { background:url(/img/main/common/ultLayerOffer.png) no-repeat; color:#FFF; font-size:18px; height:88px; line-height:1.2em; padding:5px; position:absolute; right:16px; text-align:center; top:85px; width:178px; z-index:10; }
#ultBodyNew2 .ultOfferAnnounce { right:30px; top:-5px; }
.ultContainerNewFR #ultBodyNew2 .ultOfferAnnounce  { right:450px; }
#ultContainerNew2 .ultOfferDetail { position:relative; top:605px; }
#ultBodyContent .ultContainerNewFR .ultOfferDetail { top:0; }
#ultContainerNew2 .ultOfferDetail, #ultContainer .ultOfferDetail, #ultContainerSignup .ultOfferDetail { color:#A29E99; text-align:center; }

/*** offres (weekend gratuit) - temps restant ***/
div#ultOfferTimer { background:transparent url(/img/main/header_footer/ultFooter.gif) no-repeat bottom; border-top:1px solid #C8C3BB; font-size:14px; height:26px; line-height:26px; margin-bottom:8px; position:relative; text-align:center; }
div#ultOfferTimer div#ultBodyCornerLeft { left:0; }
div#ultOfferTimer div#ultBodyCornerRight { right:0; }

/*** offres (weekend gratuit) - listes ***/
div.ultProfilesList div.ultListButtonFree { float:left; padding:15px 0 0 80px; position:relative; } /*bouton message */
div.ultProfilesListHome div.ultListButtonFree { float:left; padding:8px 0 0 6px; position:relative; text-align:center; width:90px; } /*bouton message */
div.ultListButtonFree a.ultBtnMailTo { background:url(/img/main/btn/ultBtnMailTo.gif) no-repeat; display:block; height:23px; margin:0 auto; position:relative; width:36px; }

div.ultProfilesList div.ultListButtonsFree { float:left; padding:15px 0 0 20px; position:relative; }
div.ultProfilesList div.ultListButtonsFree a.ultBtnMailTo, div.ultListButtonsFree div.ultMailFree { display:block; height:23px; margin-right:5px; position:relative; width:36px; }
div.ultProfilesList div.ultListButtonsFree a.ultBtnMailTo { background:url(/img/main/btn/ultBtnMailFreeTo.gif) no-repeat; float:none; margin-right:0; }

div.ultProfilesList div.ultOfferMailFree, div.ultProfilesListHome div.ultOfferMailFree, div#ultMiniProfileMembersNew .ultAction div.ultOfferMailFree { background-color:#db002f; color:#FFF; font-size:10px; height:11px; line-height:11px; padding:0 10px; position:relative; text-align:center; text-transform:uppercase; top:-1px; }
div.ultProfilesList div.ultMailFree div.ultOfferMailFree { margin:0 -50%; }
div.ultOfferMailFree span.ultOfferLeft, div.ultOfferMailFree span.ultOfferRight { border:solid #FFF; border-width:1px 0; display:block; height:9px; position:absolute; top:0; width:1px; }
div.ultOfferMailFree span.ultOfferLeft { left:0; }
div.ultOfferMailFree span.ultOfferRight { right:0; }

/*** offres (weekend gratuit) - page membre ***/
div#ultMiniProfileMembersNew .ultAction a.ultPictoFree { background:url(/img/main/members/ultBtnMailFree.gif) no-repeat 3px 3px; float:right; height:20px; margin-top:2px; position:relative; width:24px; }
div#ultMiniProfileMembersNew .ultAction div.ultOfferMailFree { bottom:7px; padding-right:24px; right:3px; }




/***********************************************************
	New DESIGN HomeV - 24.02.2009
/**********************************************************/

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

div#ultBodyNew2 { height: 610px; width:992px; padding-left: 14px; margin-left:-3px; /margin-left:15px; border-top: 0; background: url(/img/main/index/ultBodyBorder.gif) #eee repeat-y 0 0; position:absolute; }

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

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

/*** logos ***/
div#ultHeaderNew2 { background:transparent url(/img/main/header_footer/ultHeaderNew.gif) no-repeat scroll 0% 0%; width:1000px; }
div#ultHeaderAffiliationNew2 { height: 70px; padding-left: 28px; background: transparent url(/img/main/header_footer/ultHeaderNew.gif) no-repeat }
a#ultIndexLogoNew2 { display: block; float: left; width: 275px; height: 63px; background: transparent url(/img/main/index/ultLogoBig.gif) no-repeat right; padding-left:120px; position:relative; bottom:5px; }
a#ultIndexLogoNew2match { display: block; float: left; width: 275px; height: 63px; background: transparent url(/img/main/common/ultLogoMatchBig.gif) no-repeat right; padding-left:135px; position:relative; bottom:5px; }
a#ultIndexLogoNew2match_BEN { display: block; float: left; width: 275px; height: 63px; background: transparent url(/img/main/common/ultLogoMatchBig.gif) no-repeat right; padding-left:135px; position:relative; bottom:5px; }

/*** formulaire du mot de passe oublié ***/
div#ultForgotPasswordBg { display: none; position: absolute; width: 388px; height: 88px; top: -10px; right: 12px; background: transparent url(/img/main/index/ultForgotPassword.png) no-repeat; z-index:210; }
div#ultForgotPassword { display: none; position: absolute; width: 368px; height: 68px; top: -10px; right: 12px; 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 { background:transparent url(/img/main/index/ultRegisterFormNew.gif) no-repeat scroll 0 0; height:474px; position:relative; width:350px; }
div#ultRegisterFormNew2 h1 { padding: 0 14px 17px; line-height: 38px; font-size: 18px; font-weight: bold; color: #ffffff; text-align:center; font-family:Century Gothic }
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: 150px; _width: 147px; height: 22px; padding-left: 10px; line-height: 22px; color: #000000; font-size: 13px }
div#ultRegisterFormNew2 span.ultSpan { display: block; height: 22px; line-height: 22px; color: #000000; overflow:hidden; }
div#ultRegisterFormNew2 input.ultInputText { border: 1px solid #665C55; color: #000000 }
div#ultRegisterFormNew2 input.ultInputSmall { width: 45px; margin-right: 5px }
div#ultRegisterFormNew2 input.ultInputBig { width: 159px }
div#ultRegisterFormNew2 select { border: 1px solid #665C55; color: #000000 }
div#ultRegisterFormNew2 select.ultSelectBig { width: 163px }
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 } 
div#ultRegisterFormNew2 div#ultCgu { padding: 10px 10px }
div#ultRegisterFormNew2 div#ultCgu input.ultCheckbox { float: left; margin: 1px 7px -3px 0; /margin: -2px 5px -3px -3px; _margin-right: 2px }
div#ultRegisterFormNew2 a#ultBtnRegisterNew2 { background:transparent url(/img/main/header_footer/ultRegisterNew.gif) no-repeat scroll 0 0; color:#FFFFFF; display:block; font-size:140%;  font-weight:bold;  height:50px;  line-height:19px;  margin-left:70px;  margin-right:60px; padding-top:10px; text-align:center; text-decoration:none; }
div#ultRegisterFormNew2 a#ultBtnRegisterNew2:hover { background-position: 0 -61px }

div#ultMailConfidential { color:#999999; font-size:9px; margin-left:1px; }

/*** bubbles ***/
div#ultRegisterFormNew2 div.ultBubble { display: none; position: absolute; height:0; left: 335px; _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; }

/*** Arguments ***/
a#ultWhatDiff { width: 431px; height: 141px; position:absolute; top:332px; left:440px; z-index:5; }
div#ultArguments { background:transparent url(/img/main/index/ultArguments.png) no-repeat scroll 0 0; height:150px; width:431px; z-index:4; position:absolute; top:332px; left:414px; }
div#ultArguments .ultArgTitle { font-family: Verdana; color:#8D0400; text-align: center; line-height:20px; margin-top: 5px; font-size: 170%; font-weight: normal; margin-bottom:0; }
div#ultArguments p { background:url(/img/main/index/ultArrowRed.png) no-repeat; padding-right:30px; padding-bottom:10px; z-index:5; font-family: Arial; font-size: 115%; padding-left:20px; margin-left:20px; width:90%;}

/*** Bloc d'intros ***/
div#ultHappyends { float:left; height:85px; border:1px #ccc solid; border-top:none; border-bottom:none; margin:20px 0 0 70px; padding:0 30px 0 25px; text-align:justify; width:230px; _display:inline; }
div#ultCoach { float:left; padding:0 30px 0 25px; margin-top:20px; text-align:justify; width:230px; height:85px; _display:inline; }
div#ultBlocAffinity { float:left; padding:0 30px 0 25px; margin-top:20px; text-align:justify; width:225px; height:85px; border:1px #ccc solid; border-top:none; border-bottom:none; _display:inline; }
.ultMiscTitle { font-size:140%; margin-bottom:5px; font-weight:normal; }

/*** footer ***/
div#ultFooterNew2 { background:transparent url(/img/main/header_footer/ultFooterNew.gif) no-repeat scroll 0 0; color:#A29E99; height:30px; padding:25px 8px 8px; text-align:center; margin-left:-18px; /margin-left:-18px; width:1000px; position:relative; top:610px;}
div#ultCopyright { padding: 20px 10px 10px; text-align:center; color:#A29E99; position:relative; top:600px; 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; }



/***********************************************************
	- VISUEL HOME V -
/**********************************************************/
.ultVisual_1 { background: url(/img/it/index/ultVisual_3.jpg) no-repeat }
.ultVisual_2 { background: url(/img/it/index/ultVisual_3.jpg) no-repeat }
.ultVisual_3 { background: url(/img/it/index/ultVisual_3.jpg) no-repeat }


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

div#ultHeader { height: 85px; padding-left: 20px; background: transparent url(/img/main/header_footer/ultHeaderNoTabs.gif) no-repeat }
div#ultHeaderParity { float: left; width: 155px; height: 85px; line-height: 10px }
div#ultHeaderSlogan { margin:45px 0 0 -110px; }

/*** Liens vers les autres sites meetic ***/
div#ultOtherSites { text-align: right; margin-bottom: 5px; height:20px; }

/*** liens rapide ***/
div#ultQuickLinks { background:transparent url(/img/chf/header_footer/ultFlagCH.gif) no-repeat scroll 5px 1px; float:left; height:20px; padding-left:35px; position:relative; text-align:left; }
.ultSpaceTop { margin-top:5px; }

/*** logos ***/
div#ultHeaderLogin { position: absolute; height: 20px; top: 60px; right: 5px; line-height: 20px; background: transparent url(/img/main/common/ultDotV1.gif) repeat-y 340px 0 }
a#ultHeaderLogo { float: left; width: 365px; height: 50px; margin-top:10px; background: transparent url(/img/nl/header_footer/ultLogo.gif) no-repeat }
span#ultHeaderLogo { float: left; width: 365px; height: 50px; margin-top:10px; background: transparent url(/img/nl/header_footer/ultLogo.gif) no-repeat }
a#ultHeaderLogo_BEN { float: left; width: 365px; height: 50px; margin-top:10px; background: transparent url(/img/nl/header_footer/ultLogo_BEN.gif) no-repeat }
span#ultHeaderLogo_BEN { float: left; width: 365px; height: 50px; margin-top:10px; background: transparent url(/img/nl/header_footer/ultLogo_BEN.gif) no-repeat }
a#ultIndexLogoNew2 { display: block; float: left; width: 275px; height: 63px; background: transparent url(/img/main/index/ultLogoBig.gif) no-repeat right; padding-left:120px; position:relative; bottom:5px; }
a#ultIndexLogoNew2_BEN { background:transparent url(/img/nl/landing/ultLogoBEN.gif) no-repeat scroll right center; bottom:12px; display:block;float:left; padding-left:120px; position:relative; width:275px; height:53px; }

a#ultIndexLogo_NL { background:transparent url(/img/nl/landing/ultLogo.gif) no-repeat scroll 0 0; display:block; float:left; height:55px; margin-top:10px; _margin-top:20px; width:285px; }
div#ultAffiliationLogo_NL { background:transparent url(/img/nl/landing/ultLogo.gif) no-repeat scroll 0 0; float:left; height:55px; margin-right:100px; margin-top:10px; _margin-top:20px; width:285px; }

a#ultIndexLogo_BEN { background:transparent url(/img/nl/landing/ultLogoBEN.gif) no-repeat scroll 0 0; display:block; float:left; height:55px;  margin-top:10px; _margin-top:20px; width:305px; }
div#ultAffiliationLogo_BEN { background:transparent url(/img/nl/landing/ultLogoBEN.gif) no-repeat scroll 0 0; float:left; height:55px; margin-right:100px; margin-top:10px; _margin-top:20px; width:305px; }

/*** bouton d'inscription VIP ***/
a#ultHeaderRegisterVip { font-size:20px; font-weight:normal; height:32px; padding-left:14px; padding-top:16px; width:234px; }

/*** onglets ***/
div#ultHeaderTabs a#ultTabVioo { background-image: url(/img/fr/header_footer/ultHeaderTabVioo.gif) }
div#ultHeaderTabs a#ultTabMeeticGay { background-image: url(/img/fr/header_footer/ultHeaderTabMeeticGay.gif) }
div#ultHeaderTabs a#ultTabMeetic { background-image: url(/img/fr/header_footer/ultHeaderTabMeetic.gif) }


/*** Layer restriction Alerte mail ***/
.ultContenuLayerTitre { width:56px; }
.ultLayerAlerteTitre { width:369px; }

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


/*** visuels offres 7 jours ***/
.visualoffre { padding:30px 0 0 30px; background: url(/img/nl/index/ultVisualOffre.jpg) no-repeat scroll 50%; height:98px; width:188px; position:absolute; right:-5px; top:66px; _top:80px; }
.ultMetionsLegales { padding: 5px; color:#A29E99 }
.ultVisualoffre { background: url(/img/nl/index/ultVisualOffre.jpg) no-repeat scroll 50%; height:98px; width:188px; z-index:1; position:absolute; top: 45px; right:28px }
.ultVisualoffreTest { background: url(/img/nl/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 }


/*** 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/nl/index/ultCoachingPicture.jpg) no-repeat 3px 3px }

div#ultContainerNew2 {/height:860px}