html, body { height: 100%; }
body       { padding: 0; }

.hover { cursor: hand; cursor: pointer; }

/* THEME 1 */
.color        { color: #FFFFFF; }
.first_color  { color: #000000; }
.second_color { color: #636363; }
.third_color  { color: #E0E8EF; }
.fourth_color { color: #0066B3; }

.background        { background-color: #FFFFFF; }
.first_background  { background-color: #000000; }
.second_background { background-color: #636363; }
.third_background  { background-color: #E0E8EF; }
.fourth_background { background-color: #0066B3; }

.button { color: #00465D; }

a.first_color,
a.first_color:visited  { color: #000000; text-decoration: underline; }
a.second_color,
a.second_color:visited { color: #636363; text-decoration: underline; }
a.third_color,
a.third_color:visited  { color: #E0E8EF; text-decoration: underline; }
a.fourth_color,
a.fourth_color:visited { color: #0066B3; text-decoration: underline; }

a:hover.first_color   { color: #000000; text-decoration: none; }
a:hover.second_color  { color: #636363; text-decoration: none; }
a:hover.third_color   { color: #E0E8EF; text-decoration: none; }
a:hover.fourth_color  { color: #0066B3; text-decoration: none; }

/* END THEME */

.global   { width: 100%; }
.main     { min-height: 100%; width: 720px; overflow: hidden;	margin-left: auto; margin-right: auto; }

#header     { padding: 0px 30px; height: 100px; background-image: url('/images/default/header_bg.jpg'); background-repeat: repeat-x; background-position: left top; }
#header .main { background-image: url('/images/default/header_bg_title.jpg'); background-repeat: no-repeat; background-position: left top; }
#navigation { padding: 0px 0px; height: 40px; background-color: #FFF; background-image: url('/images/default/menu_bg.jpg'); background-repeat: repeat-x; background-position: left top; border-top: dotted 1px #AAA; border-bottom: dotted 1px #DFDFDF; }
// /mailing/friday_13/ => default/
/* BFBFBF */
#container                { }
#container > :first-child {	margin-top: 0px; }

#copyright {  }

#footer           { padding: 10px 15px; letter-spacing: -0.05em; font-size: 10px; line-height: 15px; }

/* HEADER CONTENT */
#header .title    { height: 100px; width: 530px; overflow: hidden; float: left; }
#header .title h2 { color: #616161; }
#header .title h3 { color: #000; padding-top: 74px; font-size: 12px; font-style: italic; }
#header .logo     { width: 190px; height: 100px; overflow: hidden; padding: 0px; padding-right: 0px; float: right; }
#header .img      { width: 190px; height: 100px; color: #B3D6FD;  }
#header a         { text-decoration: none; }

/* NAVIGATION CONTENT padding: 20px 3.05em 0px 3.05em; _padding: 20px 3em 0px 3em; */
#navigation *       { }
#navigation a       { height: 19px; background-color: transparent; background-image: url('/images/default/menu_effect.png'); background-position: left top; background-repeat: repeat-x; padding: 20px 2.86em 20px 2.86em; line-height: 0; font-size: .9em;	text-decoration: none; font-weight: bold; float: left; }
#navigation img { float: left; }
#navigation a:hover { background-image: url('/images/default/menu_effect_over.png'); }

#navigation .first  { color: #48D1FB; }
#navigation .second { color: #0081AA; }
#navigation .third  { color: #04A9E0; }
#navigation .fourth { color: #5073BB; }

/* CONTAINER CONTENT */
#container_left  { width: 120px; position: relative; padding: 12px 14px; height: 600px; float: left; }
#container_right { width: 120px; position: relative; padding: 12px 14px; height: 600px; float: left; }

#container { width: 720px; position: relative; float: left; }
#container .intro  {
	padding: 0px 30px 0px 30px; background-image: url('/images/default/intro_bg.jpg'); background-repeat: repeat-x; background-position: left top;  background-color: #D3DBE6;
	}
	
#container .content { padding: 20px 30px 10px 30px; margin-top: 1px; background-color: #F8F9FD; background-image: url('/images/default/container_bg.jpg'); background-repeat: repeat-x; background-position: left top; }

#container .intro .title { background-image: url('/images/default/intro_star_bg.jpg'); background-repeat: no-repeat; background-position: left top; }

#container .intro .txt   { margin-top: 14px; float: left; }
#container .intro h2.txt { line-height: 14px; }
#container .intro .subtitle { margin-top: 8px; font-weight: bold; font-size: 14px; float: left; }
#container .intro .first { width: 100%; clear: both; margin-top: 4px; margin-bottom: 2px; position: relative; z-index: 100; font-family: "Times New Roman", Times, serif; font-size: 1.2em; font-weight: bold; height: 24px; float: left; }


#container .info  { padding: 14px 30px; margin-top: 1px; background-image: url('/images/default/info_bg.jpg'); background-repeat: repeat-x; background-position: left -44px; }

#container .content .title { }

/* AUTH CONTENT */
/* THEME 1 */
#intro_home         { height: 88px; }
#intro_consultation { height: 102px; }
#intro_chat               { height: 128px; color: #000000; }
#intro_chat .title .first { font-weight: normal; }

#intro_home .title { width: 440px; float: left; }
.intro .new_info   {  margin-top: 24px; float: right;  }
.intro .img_zodiac   {  float : left; width : 43px;  }
 
.intro .info_zodiac {float :left;  width :220px; text-align:left; color:#000000; float:left;  border: none; font-weight:bold; font-size:10px; color:#c471b9; margin:0; padding:0;}
.intro .nb_zodiac { font-weight:bold; font-size:20px; color:#c471b9;}  

#intro_credit           { height: 44px; }
#intro_credit .title    { width: 440px; float: left; }
#intro_credit .new_info { margin-top: 0px; padding-top: 4px; }
#intro_credit .img      { float: left; }
#intro_credit .label    { padding-left: 4px; padding-top: 10px; float: left; }

#intro_convert .subtxt { padding-top: 6px; color: #333333; clear: both; }

#auth .title_first  { color: #005AFF; }
#auth .title_second { color: #002E66; }

#auth .notice          { letter-spacing: -0.09em; font-size: 10px; line-height: 14px; }
#auth .hl              { letter-spacing: -0.02em; padding-top: 5px; padding-left: 10px; float: left; }

.auth_form             { margin-top: 2px;  }

.auth_form .input_txt       { margin-top: 6px; margin-bottom: 8px; float: left;  }
.auth_form .input_txt input { width: 140px; }

.auth_form #label_email .important { padding: 4px; background-color: #D786C4; color: #FFF; border: solid 1px #FFF; }

.auth_form .label_text { margin-top: 4px; letter-spacing: -1px; font-size: 11px; width: 104px; padding-right: 10px; color: #000; font-weight: bold; text-align: right; float: left; }

.auth_form#form_register .notice { margin-top: 10px; float: left; }

.auth_form a           { letter-spacing: -0.07em; font-size: 10px; }
.auth_form a.forgotten { margin-top: 6px; margin-right: 6px; float: right; }

.auth_form .inputs  { width: 266px; float: left; }

.auth_form .actions               { width: 248px; float: left; margin-left: 8px; }
.auth_form .actions .checks       { margin-top: 10px;  float: left; }
.auth_form .actions .checks label { width: 220px; float: left; }
.auth_form .actions .checks input { margin-right: 4px; float: left; }
.auth_form .actions .large        { margin-top: 20px; }
.auth_form .actions .large label  { margin-top: -8px; }
.auth_form .actions .submit       { margin-top: 5px; float: right; }
.auth_form#form_register .submit  { margin-top: 32px; float: right; }

.button .button_left   { position: relative; width: 6px; height: 27px; background-image: url('/images/default/button_l.png'); background-position: left top; float: left; }
.button .button_center { width: auto; height: 24px; border: none; padding-top: 3px; background-image: url('/images/default/button_c.png'); background-position: left top; background-repeat: repeat-x; float: left; }
.button .button_center_input { height: 27px; padding-top: 0px; }
.button .button_right  { width: 6px; height: 27px; background-image: url('/images/default/button_r.png'); background-position: left top; float: left; }

.button { letter-spacing: 0.01em; line-height: 18px; font-size: 12px; font-weight: bold; }

.auth_info { text-align: center; }

/* END THEME 1 */

/* CHOICE CONTENT */
.choice .choices         { padding-top: 20px; background-image: url('/images/default/container_choice_bg.png'); background-position: center top; background-repeat: no-repeat; }

.choice .icon     { position: relative; width: 100px; float: left; z-index: 100; }
.choice .forfait  { width: 516px; margin-top: 3px; }
.choice .link     { width: 516px; margin-top: 6px; font-size: 11px; text-align: center;  }
.choice .contents { text-align: center; }

.choice a .button { float: right; }

.choice_info { text-align: left; }

/* CREDIT CONTENT */
#credit .head         { padding: 15px; font-weight: bold; }
#credit .head .title  { color: #000000; }
#credit .head .puce   { color: #ffffff; padding-left:3px; padding-right:3px; padding-top:0px; padding-bottom:1px}
#credit .head .step_1 { background:#1da1d9; }
#credit .head .step_2 { background:#31b9a7; }
#credit .head .step_3 { background:#aab642; }
#credit .head .step_4 { background:#ff9600; }


#credit .steps { padding-top: 8px; text-align: center; }

#credit .bloc_step { background-image: url('/images/default/forfait_bg.jpg'); background-position: bottom; background-repeat: repeat-x; border-bottom:#000000 dotted 1px }

#credit .bloc_step .title {color:#1777d5;}

#credit .forfait th       { padding: 5px;  }
#credit .telemaque { margin-left : 75px; } 
#credit .forfait td.basic { width: 190px; padding: 5px; padding-left: 5px; font-weight:bold; font-size:12px }

#credit .payment    { margin-left:85px; }
#credit .payment th { padding: 5px; }
#credit .payment td { padding: 5px; font-size: 0.9em; }
#credit .valid_step { margin-left: 90px; }
#credit .barre      { margin-top:30px; }
#credit .btn_valid  { cursor: pointer; margin-top:25px; margin-left: 20px; font-weight: bold; }


#credit .parent { width: 500px; }
#credit .link   { width: 200px; text-align: right; }

#credit .info   { text-align: left; }

/* CHOICE VOYANT CONTENT */
#voyants                   { text-align: center; }
#voyants .voyants          { width: 720px; clear: both; }
#voyants .tabs             { margin: auto; text-align: center; }
#voyants .tabs span        { width: 10px; height: 10px; background-image: url('/images/default/chat_list_cursor.png'); background-repeat: no-repeat; cursor: pointer; margin: 4px 6px 5px 0px; float: left; }
#voyants .tabs span.active { background-image: url('/images/default/chat_list_cursor_over.png'); }
#voyants a.go              { cursor: pointer; width: 30px; height: 90px; float: left; }
#voyants a.go img          { margin-top: 30px; float: left; }
#voyants .items .active    { background-color: #FFFFFF; }
#voyants a.disabled        { cursor: default; opacity: 0.4; }
.chat_title                { display: block; font-size: 13px; font-weight: bold; padding: 5px 0px; height: 18px; text-align: center; }

#voyant                    { height: 154px; }

.voyant_style              { position: relative; padding: 10px 0px; margin-bottom: 10px; z-index: 100; }
.voyant_style .img         { float: left; }
.voyant_style .description { width: 540px; padding-left: 20px; float: left; }
.voyant_style .name        { font-size: 14px; font-weight: bold; color: #000000; width: 100%; padding-bottom: 10px; float: left; }
.voyant_style .txt         { clear: both; }
.voyant_style .submit      { margin-left: 200px; margin-top: 12px; float: left; }
.voyant_style .tarif       { color: #000000; font-size: 11px; }

#chat_consultation { position: relative; }

#cont_jeu           { position: relative; width: 680px; height: auto; padding-bottom: 1px; padding-left: 41px; z-index: 1;}
#cont_jeu .card     { position: relative; width: 52px; cursor: hand; cursor: pointer; margin-top: 2px; float: left; z-index: 10; }
#cont_jeu .selected { cursor: hand; cursor: pointer; }
#cont_jeu .disabled { cursor: default; }
.tirage 				{ position: relative; height: 74px; /*margin-top: 4px; margin-bottom: 4px; border: solid 1px #DDDDDD;*/ }
.tirage .redraw       { position: absolute; top: -26px; right: 0px; opacity: 0.6; _opacity: 0.6; filter: alpha('opacity=60'); z-index: 100; }
.tirage .redraw:hover { opacity: 1; _opacity: 1; filter: alpha('opacity=100'); z-index: 200; }
#interpretation { padding: 10px; display: none; font-size: 11px; }

	
#read                { width: 688px; margin-left: 2px; height: 130px; padding: 4px; background-color: #FFFFFF; text-align: left; border-bottom-style: solid; border-bottom-width: 1px; overflow-x: hidden; overflow-y: auto;  }
#read .message       { width: 668px; margin-bottom: 4px; float: left; }
#read .message .icon { float: left; }
#read .message .txt  { width: 628px; margin-left: 4px; float: left; }

#write           { width: 572px; height: 55px; border: solid 1px #CCCCCC; overflow: auto; white-space: normal; border-right: none; padding: 6px; padding-left: 24px; background-position: 4px 4px; background-repeat: no-repeat; float: left; }
.write .button   { width: 84px; height: 49px; padding: 4px; padding-top: 14px; border: solid 1px #CCCCCC; background-color: #FFF; border-left: none; cursor: hand; cursor: pointer; float: left; }
.write .disabled { background-color: transparent; }
.write .selected { border: solid 1px #555555; }

/* NEW TELEMAQUE */
/* CONVERSION */
#convert .choices { background: none; padding-top: 0; }
#convert .choices .icon { padding-top: 28px;}
#convert .convert_advantages .fun_box img { display: inline; margin-bottom: -4px; }

#convert .alls {  }
#convert .alls .fun_box { width: 280px; float: left; }
#convert .alls .fun_box .center { text-align: left; }

#convert .firstname { font-weight: bold; }
#convert .calcul { font-weight: bold; color: #555555; }
#convert .converted { font-weight: bold; font-size: 1.0em; color: #DF801B; }
#convert .button { font-size: 11px; letter-spacing: -0.00em; }
#convert .text { position: relative; z-index: 1; }
#convert .loader { position: absolute; display: none; z-index: 10; }
#convert .loading { position: absolute; padding: 4px 4px 4px 24px; background-color: #FFFFFF; background-position: 4px center; font-weight: bold; text-align: center; z-index: 20; }

/* INFOS */
.info_zodiac        { width: 660px; margin-top: 10px; border: solid 1px #FFFFFF; clear: both; }
.info_arrow         { width: 660px; height: 0; }
.info_arrow .carrow { width: 0; height: 0; border-style: solid; border-color: #D786C4 transparent transparent transparent; border-width: 10px; left: 10px; top: -1px; position: relative; float: left; }
.info_zodiac .text  { padding: 10px; background-color: #D786C4; color: #FFF; }

.popup_convert { color: #333; }


/* INSCRIPTIONS */
.mail_user                       { color:#149AC0; }
.link_recovery                   { color:#149AC0; font-weight: bold; }
.change_mail_link                { color:#CC0000; }
.message_send_again_mail_confirm { background-color:#FFCCFF; margin-top:5px; padding:3px;	border: 1px solid #C0C0C0; width:150px; }



/* MESSAGE DS valide_compte */

.content .message { background-color:#F9F9F9 ; padding:8px;}
.content .modify_message {  padding-top : 10px; border-top:1px dashed #B1B1B1 ;}

/* CARDS */
.ui-button { background: #F6F6F6 url(http://trip-x-b.telemaque.fr/images/ui/1.8/ui-bg_highlight-soft_100_f6f6f6_1x100.png) repeat-x 50% 50%; border: solid 2px #DDDDDD; cursor: pointer; display: inline-block; margin-right: 0.1em; overflow: visible; padding: 0px; position: relative; text-align: center; text-decoration: none !important; zoom: 1; font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-icon { left: 0.5em; margin-top: -8px; position: absolute; top: 50%; background-image: url(http://trip-x-b.telemaque.fr/images/ui/1.8/ui-icons_666666_256x240.png); background-position: -64px -80px; height: 16px; width: 16px; background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; }
.ui-button-text { padding: 0.4em 1em 0.4em 2.1em; display: block; line-height: 1.4; }