/*  Astro Bébé */


.bebe_content  {
float:left;
width:806px;
background-color:#F6FAFD;

}


.bebe_content_up {

float:left;
clear:both;
width:100%;
 background-image:url("http://cdn1.horoscope.fr/1/astro/module_bg.jpg");
background-position:left bottom;
background-repeat:repeat-x;
}


.bebe_content  .bebe_content_foot  {
	float:left;
	clear:both;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(http://cdn1.horoscope.fr/1/astro/module_bg.jpg);
	background-position:left -10px;
	background-repeat:repeat-x;
	padding-bottom:25px;
}


.head_bebe {
color:#FFFFFF;
font-size:11px;
font-weight:bold;
height:23px;
padding-left:4px;
padding-top:4px;

background-image:url("http://cdn1.horoscope.fr/1/astro/titre_bg.jpg");
background-position:left top;
background-repeat:repeat-x;
}


.head_enfant {
padding-left:5px;
color:#FFFFFF;
font-size:1.4em;
font-weight:bold;
height:23px;
padding-left:4px;
padding-top:4px;
background-image:url("http://cdn1.horoscope.fr/1/astro/titre_bg.jpg");
background-position:left top;
background-repeat:repeat-x;
margin-bottom:10px;	
}





.select_date {
border : 1px solid #CCC ;
width :100px;
margin-right:4px;
text-align:center;
font-weight:bold;
color:#21587C;

}

.city_field {
border : 1px solid #CCC ;
width :202px;
margin-right:4px;
padding-left:4px;
font-weight:bold;
color:#333;
}






















#menu
{
	float: left;
	width: 100%; 
	margin-bottom:20px;
}

#menu .icon_menu {
	/*background-color: #CCCCFF;*/
	display: block;
	float: left;
	width: 112px;
	height: 112px;
	text-align: center;	
	}

#menu .icon_menu   a, #menu .icon_menu a:visited {
	background-position:center top;
	background-repeat:no-repeat;
	color:#666666;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	height:20px;
	padding-top:112px;
	text-decoration:none;
	width:117px;
}


#menu .icon_menu    a:hover, #menu .icon_menu a:focus{
color: #252E4D;
}

#ascendant  a, #ascendant a:visited ,   #ascendant a:hover, #ascendant a:focus 
{
	background-color :none;
	display: inline;
	float: none;
	width: auto;
	height: auto;
	margin:0px;
	padding:0px;
	color:#252E4D;
}



#text_rubrique
{	
	clear: both;
	width: 100%;
	margin-top: 10px;	
	padding:20px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:justify;
}



.titre_selection
{
	padding: 4;
	margin: 5;
	margin-left: 0px;
	float:left;
	clear: both;
	/*width:250px;*/
	min-width:auto;
	height:50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width:100%;
	margin-bottom : 12px;
}
 










.signe_choix_content
{
float:left;
clear:both;
margin-bottom:10px;
width:100%;
}



/*-----------------------------*/





#form_inscription {
	/*background-color: #FFFFFF;*/
}



#form_inscription div{
	float: left;
	
}





#form_inscription #group_date_birth{
	width:100%;
	clear:both;
	margin-top: 5px;
	padding-top: 10px;
}

#form_inscription  #day_birth_line 
{
	display: inline;
}



#form_inscription  #month_birth_line 
{
	display: inline;
	margin-left: 5px;
}



#form_inscription  #year_birth_line 
{
	display: inline;
	margin-left: 5px;
	
}

#form_inscription  #hour_birth_line 
{
	display: block;
	margin-top: 3px;
	float: left;
}

#form_inscription   #min_birth_line 
{
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}



#form_inscription #astro_icon_line {
	clear: both;
	background-color: #F4FAFF;
	border: 1px dotted #6699FF;
	height: 140px;
	width: 340px;
	margin-left: 50px;
}



#form_inscription   #submit_bt_line 
{
	margin-top: 3px;
	margin-left: 3px;
	height: 35px;
	float:right;
}



#form_inscription input {
	color:#006093;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}



#form_inscription select {
color:#006093;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
}


#form_inscription #day_birth {
width:65px
}

#form_inscription #month_birth {
width:120px
}

#form_inscription #year_birth {
width:75px
}

#form_inscription #hour_birth {
width:65px
}

#form_inscription #min_birth {
width:65px
}





#form_inscription button {
	color:#006093;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

/* espacement , separation */
#group_sex { margin-top:15px;  margin-bottom:8px;}

#horo_agree_line { margin-top:15px; }

#partner_agree_line{margin-bottom:8px;}

#hour_birth_line{margin-bottom:8px;}






.errorElement
 {
	background-color: #FDDFA8;
	border: 1px solid;
	border-color: #9D9D9D;
}

.valideElement
 {
	background-color: #EFFFBF;
	border: 1px solid;
	border-color: #9D9D9D;
}


.errorMessage
 {
	background-color: #FFE1FF;
	border: 1px dotted #C0C0C0;
	float: left;
	width: 390px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #606060;
	margin-left: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
/*	height: 20px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	clear:both;
}
#form_inscription #astro_cont {
	background-color: #F4FAFF;
	border: 1px dotted #6699FF;
	height: 140px;
	width: 340px;
	margin-left: 50px;
}
#form_inscription #title_astro {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin-left: 10px;
	margin-top: 5px;
	padding: 3px;
	clear: both;
	font-weight: bold;
	width: 144px;
	padding-left: 5px;
	border: 1px dotted #999999;
	height: 20px;
	padding-top: 5px;
	background-image: url(http://cdn1.horoscope.fr/1/img_sign/decan/decan_bg.gif);   
	background-repeat: no-repeat;
	background-position: 123px 0px;
	float: none;
}


#form_inscription #sign {
	background-color: #FFFFFF;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	height: 88px;
	width: 70px;
	border: 1px dotted #999999;
}





#form_inscription #title_sign {
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
	height: 15px;
	margin-bottom: 2px;
}

#form_inscription #text_sign {
	background-color: #FFFFFF;
	border-top: 1px dotted #999999;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-align: center;
	height: 15px;
	font-weight: bold;
	margin-top: 2px;
}

#form_inscription #icon_sign {
	width: 60px;
	text-align: center;
	height: 50px;
	margin-left: 5px;
}



 #city_list_cont {
	position:absolute;
	z-index :1;
	width: 166px;
	top: 100px;
	right: 100px;
}


 #city_list_cont #head {
	background-image: url(http://cdn1.horoscope.fr/1/img_form/img_css/ac_bckg_up.png);
	background-repeat: no-repeat;
	height: 12px;
}
#city_list_cont #main {
	background-image: url(http://cdn1.horoscope.fr/1/img_form/img_css/ac_bckg_main.png);
	padding-top:4px;
	/*padding-bottom:2px;*/
}
 #city_list_cont #foot {
	background-image: url(http://cdn1.horoscope.fr/1/img_form/img_css/ac_bckg_down.png);
	background-repeat: no-repeat;
	height: 3px;
}

#city_list_cont #city_propo {
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	
	padding-bottom:3px;
	padding-top:3px;
	
	margin-right:3px;
	margin-left:1px;
	/*margin-bottom:3px;*/
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}


#city_list_cont #city_propo:hover {
	background-color: #6086D7;
	cursor:pointer;
	color: #FFFFFF;
}

#city_list_cont #city_propo span{
	margin-left:3px ;
	margin-right:3px ;
}


.classWhiteFond{
    background-color: #FFFFFF ;
}


.city_complement{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006093;
	padding-left: 5px;
}




.checkbox_style1
{
clear:both;
margin-left:50px;
width:450px;

}


.checkbox_style1 label
{
 display:block;
 float:left;
 width:350px;
 background-color: #FF3300 ;
}

.radiobox_style1
{
background-color: #FFCC99 ;
margin-left:5px;
width:150px;
float:left;

}


.radiobox_style1 label
{
width:30px;
 background-color: #FFCCCC ;
}






.div_line_form1{
	margin-bottom: 2px;
	height: 25px;
	margin-right:2px;
	float:none;
	width:100%;	
}








.div_line_form2{
	margin-bottom: 2px;
	height: 25px;
	/*background-color:#CCCC66;*/
	margin-right:2px;
	float: left;
	width:150px;
	
}


.div_line_form3{
	/*background-color: #CC99FF;*/
	width : 100%;
}


.div_line_form4{
	/*background-color: #CCCCFF;*/	
	margin-bottom : 3px;
}





.input_style_1
{
	color:#006093;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	
	height: 15px;
	float: left;
	display: block;
	margin:opx;
	padding:opx;
	/*margin-left:-1px;
	margin-right:0px;*/
}


.input_left         {
	position: relative;
	z-index: 4;
	width: 4px;
	height: 22px;
	background-image:url('img_css/input_login_1.png');
	background-repeat:no-repeat;
	float: left;
	padding:opx;
	/*background-color:#FF6699;*/
	margin-right:0px;
}


.input_right        {
	position: relative;
	z-index: 4;
	width: 4px;
	height: 22px;
	background-image:url('img_css/input_login_3.png');
	background-repeat:no-repeat;
	float: left;
	margin-left:-1px;
}


.input_left_bt         {
	z-index: 4;
	width: 6px;
	height: 27px;
	background-image:url('img_css/button_l.png');
	background-repeat:no-repeat;
	float: left;
	margin-right: 0px;
}


.input_right_bt        {
	z-index: 4;
	width: 6px;
	height: 27px;
	background-image:url('img_css/button_r.png');
	background-repeat:no-repeat;
	float: left;
}


.input_mid_bt        {
	z-index: 4;
	height: 27px;
	background-image:url('img_css/button_c.png');
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #00465D;
	font-weight: bold;
	width: 140px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	margin-right: 0px;
}




.label_text
{
    float: left;
	display: block;
	margin-left: 3px;
	width: 130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color: #000000;
}

.label_gender
{
  /*  background-color:#FF3399 ;*/
    float: left;
	display: block;
	margin-top: 4px;
	margin-left: 20px;
	width: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}


.label_agree
{
    /*background-color:#99FF66 ;*/
    float: left;
	display: block;
	margin-top: 4px;
	margin-left: 20px;
	width: 410px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}


.icon_field
{
display:block ;
 float: left;
 position:relative;
 margin-left:20px;
}


.info_box {
	background-color: #FFCCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 40px;
	width: 220px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

.input_radio_bt_2{
	margin-left: 35px;
}



/*===============================================================================================================*/
/*===============================================================================================================*/
#astrobebe_choix_signe_icon
{
	background-color: #FF3399;
	float:left;
	width: 600px;
	height: 350px;
}

.tablo_sign
{
	border-collapse: collapse;
}




#astrobebe_cont {
	float: left;
	width: 806px;
	height: auto;

}

#astrobebe_cont #astrobebe_titre {
	height: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	background-color: #FCF;
}
#astrobebe_cont #astrobebe_intro {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 4px;
}

#astrobebe_choix_tranche {
	float:left;
	width: 100%;
	margin-left: 10px;
	padding: 3px;
}

#astrobebe_choix_signe{
	float:left;
	width: 450px;
	margin-left: 10px;
	background-color: #FFF;
	text-align: center;
	padding: 4px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

#astrobebe_choix_date{
	float:left;
	width: 100%;
	margin-left: 10px;
	padding: 3px;
	margin-top: 5px;
	
	/*
	margin-bottom:85px;
	*margin-bottom:80px;
	*/
	
	 margin-bottom:10px;
	
}


.error_reporting {
	height : 70px;
	float:left;
	width:478px;
	margin-left:30px;
	margin-bottom:20px; 
	}
	
	
	
.error_reporting .content_error_reporting{
	display:none;
	/* opacity:0; */
	width:470px;
	padding:8px;
	color:#003871;
	border: 1px solid #D5E1EE ;
	font-weight:bold;
	background-color:#F7F9FB;
	}
	
.error_reporting .content_error_reporting .highlight{ color:#F30 ; }	


#main_left
{
	float:left;
	width: 550px;
	height: auto;
	color:#002142 ;
	/* background:#CCF; */ 
}








#astrobebe_cont #main_right {
	
	margin:25px;
	margin-top:43px;
	float: right;
	width: 195px;
	height: 340px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#6493C7;
}



#astrobebe_cont #main_right .hidden_form{
	
	
	float:left;
	display:none;
	background:#F36;
}





.sign_img_cell
{
	text-align: center;
	cursor:pointer;
	/* opacity:0.9; */
	
}


.sign_txt_cell
{
	width: 65px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	height: 15px;
	margin-top: 5px;
	color:#507099;
	cursor:pointer;
	
}


.sign_txt_cell_selected
{
text-decoration:underline;
}

/*.titre_choix
{
	background-color:#EEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	padding: 4px;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A0A0A0;
}*/
#main_right #tranche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	position:relative;
}
.choosen_icon {
	text-align: center;
}




.text_color1 {
	color:#68CAF1;
	font-size:11px;
	text-align:center;
}




/*===============================================================================================================*/
/*===============================================================================================================*/

.astrobebe_choix_tranche_img{
	color:#3F93CD;
	float:left;
	font-size:10px;
	font-weight:bold;
	margin-right:10px;
	position:relative;
	text-align:center;
}
.astrobebe_choix_tranche_img a{color:#3F93CD;line-height:12px; cursor:pointer}
.astrobebe_choix_tranche_img a:hover{color:#68CAF1; }



.tranche_choosen {
float:left ;
width:141px;
height:94px;
}


.cliquez_directement{
	float:left;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	margin-left:100px;
	padding-bottom:3px;
	border-bottom:1px solid  #002142;
}

.astro_bebe_desc{text-align:justify;font-weight:bold;padding-left:10px;padding-right:10px;}
.astro_bebe_title{float:left; margin-right:15px; font-size:18px; font-weight:bold;}





#product .product_n .content .img {float:left;margin:10px;margin-bottom:30px;}
#product .product_n .content .corner {position:absolute;right:0;top:10;z-index:10;}




.product_content{	
background-color:#F6FAFD;
background-image:url("http://cdn1.horoscope.fr/1/astro/module_bg.jpg");
background-position:left bottom;
background-repeat:repeat-x;
}


.back_dev3 { background-color:#F69;}


.form_date {
	margin-top:15px;
	width:510px;
	}
	

.line_form {
margin-bottom:6px;
}

.label_pre {

width:185px; 
float:left;
text-align : right ;
font-size:1.1em;
margin-right:10px;
font-weight:bold;
color:#003871 ;
height:20px;
margin-botttom:5px;
}



/* BEBE.PHP */

/*  RIGHT (choix)   */ 





#main_right .titre_text	 {
	float:left;
	font-size:1.2em;
	color:#FFF;
	font-weight : bold;
	border-bottom:1px solid #FFF;
	margin-left:15px;

}


#main_right .titre_choix {
	clear:left;
	float:left;
	color:#FFF ;
	font-weight : bold;
	font-size:1.2em;
	color :#036;
	margin-left:15px;
	margin-top:4px;
		
	
}


#main_right .sign_img	 {
	float:right ;
    width:52px;
    height:50px;
	margin-right:30px;
	*margin-top:15px;
}





.bebe_result_content {
margin-left:20px;
margin-top:10px;
}


.bebe_result_content .rubrique
{
/* background-color:#CCC; */	
float:left;
width:100%;
display:none ; 
}

.rubrique_show{
display:block ;
}



.bebe_result_content .image_rubrique {
float:left;
width:112px;
height:108px;
}

.bebe_result_content .intro_rubrique {
float:left;
width:390px;
height:120px;
margin-left:20px;
}


.bebe_result_content .text_rubrique {
/* background-color:#FFF; */
color:#013447 ;
font-weight:bold;
float:left;	
clear:both;
width:100%;
margin-bottom:10px;
}

.bebe_result_content .intro_1 {
color:#013447 ;
font-size:1.1em;
font-weight:bold;
}


.bebe_result_content .intro_2 {
color:#128FED ;
font-size:1.3em;
font-weight:bold;
}


.bebe_result_content .intro_3 {
color:#374A59 ;
font-size:1.1em;
font-weight:bold;
}


.rubrique_bt {
float:left;
height :130px ;
width :112px; ;

 margin-right:3px; 
}


.rubrique_bt .titre_rubrique_bt {
color:#013447;
font-size:1.1em;
font-weight:bold;
clear : both ;
text-align:center ; 
width : 100% ;
}







/*
.rubrique { clear:both; display:none; }
.rubrique strong{font-size:20px;}
.rubrique img{float:left; margin-right:20px;}
.rubrique strong{font-size:22px; color:#6193C6; line-height:26px;}
.rubrique b{font-size:18px; font-weight:normal; color:#444; text-transform:capitalize;}
*/






