/* CSS Document */
body { font-family:  Arial, Helvetica,Verdana, sans-serif; font-size:11px; color:#284F86; }
a { color:#284F86; }
a:hover { color:#4E95E5}
a img { border:  none; }
p { margin: 0 0 5px 0; font-size:12px; text-align:justify;}
h1 { color:#09BBF9; font-size: 18px; margin: 0 0 10px 20px; }
h1 span { color:#fff; font-size: 22px; }
h1 a { color:#09BBF9; text-decoration:none }
h1 a:hover{ color:#fff; }

.icon_top img { margin-right: 450px;  }
.icon_mon_carnet { background:url(http://www.babyfrance.com/prenoms/images/icon_mon_carnet.gif) no-repeat left center; text-decoration:none; font-size:12px; font-weight: bold;  padding: 16px 0 16px 50px; }
.icon_mon_carnet:hover{ background:url(http://www.babyfrance.com/prenoms/images/icon_mon_carnet_hover.gif) no-repeat left center; }
.icon_mon_carnet_hover{ text-decoration:none; font-size:12px; font-weight: bold;  padding: 16px 0 16px 50px; background:url(http://www.babyfrance.com/prenoms/images/icon_mon_carnet_hover.gif) no-repeat left center; }
.bg_titre { background: url(../../../images/bg_titre.gif) no-repeat center top }
.menu { /*background: url(http://www.babyfrance.com/prenoms/images/bg_menu.gif) repeat-x;*/ padding: 0 1px; }
.menu ul { margin: 0; padding: 0;  }
.menu li { display:inline; list-style:none; height:38px; padding: 40px 20px; width: 90px; }
.menu h2 a { background: url(http://www.babyfrance.com/prenoms/images/bg_menu_a.gif) repeat-x top ; display:block; height:38px; text-decoration:none; font-size: 11px; font-weight:bold; text-align:center; margin:0; width: 170px;}
/*.menu a { background: url(http://www.babyfrance.com/prenoms/images/bg_menu_a.gif) repeat-x top ; display:block; height:38px; text-decoration:none; font-size: 11px; font-weight:bold; text-align:center }*/
.menu a:hover { background: url(http://www.babyfrance.com/prenoms/images/bg_menu_hover.gif) repeat-x top; color:#fff; }
.courant { background: url(http://www.babyfrance.com/prenoms/images/bg_menu_hover.gif) repeat-x top; color:#fff; display:block; height:38px; text-decoration:none; font-size: 12px; font-weight:bold; text-align:center; width: 170px; }

.p_top {font-size: 13px; color:#4E95E5; text-align:center; margin: 10px 0;}

.bg_titre2 { background: url(http://www.babyfrance.com/prenoms/images/bg_titre2.gif) repeat-x top; border-top: solid 1px #284F86; border-left: solid 1px #284F86;  font-size: 13px; font-weight:bold; padding: 8px ; color:#FFF; }

.bg_titre3 { background: url(http://www.babyfrance.com/prenoms/images/bg_titre3.gif) repeat-x top; border-top: solid 1px #284F86; border-right: solid 1px #284F86; border-left: solid 1px #284F86; font-size: 13px; font-weight:bold; padding: 5px 0 0 25px;  }
.bg_titre3 strong { font-size: 18px;   }


.content2 { width: 190px; border-bottom: solid 1px #284F86; border-left: solid 1px #284F86; padding: 0 10px; font-size: 11px; font-weight:bold;}
.content3 { border-bottom: solid 1px #284F86; border-right: solid 1px #284F86; border-left: solid 1px #284F86; }
.fiche_jour { padding: 0 10px; }

.bg_titre_b { background: url(../../../images/bg_titre_b.gif) no-repeat center bottom; color:#fff; font-size: 13px; font-weight:bold; padding: 0 0 0 15px;}
#recherche { width:884px; border-bottom: solid 1px #284F86; border-left: solid 1px #284F86; border-right: solid 1px #284F86; text-align:left; }
#recherche form { padding: 40px;  }
label { font-size: 13px; font-weight:bold; }
select { background:#F5F3F4;}


.bt { background: url(http://www.babyfrance.com/prenoms/images/bg_bouton_recherche1.gif) no-repeat ; padding : 4px 0 8px 20px; width: 350px; color: #fff; border: none; font-weight: bold; cursor:pointer; font-size:13px}
.bt_hover { background: url(http://www.babyfrance.com/prenoms/images/bg_bouton_recherche1.gif) no-repeat ; padding : 4px 0 8px 20px; width: 350px; color:#09BBF9; border: none; font-weight: bold; } 



/*page recherche par prenom*/
.bg_titre_affiche { background: url(../../../images/bg_titre_affiche.gif) no-repeat top center; font-size: 14px; font-weight:bold; padding: 40px 0 0 15px; border-top: solid 1px #284F86; border-right: solid 1px #284F86; border-left: solid 1px #284F86;}
.content_affiche {  border-bottom: solid 1px #284F86; border-right: solid 1px #284F86; border-left: solid 1px #284F86;  padding: 20px; }
.bg_titre2 span { font-size: 16px; }
.petit_p { font-size: 11px; letter-spacing:1px; }


/*page resultat*/
#result { border: solid 1px #284F86; }
#result span{font-size:18px }
#result span a{ text-decoration:none}
.bg_titre_result { background: url(http://www.babyfrance.com/prenoms/images/bg_titre2.gif) repeat-x top; font-size: 13px; font-weight:bold; padding-left:8px; color:#FFF; }
.content_result { padding:; font-size: 14px; font-weight:bold; }
.mid_result_l2 { padding:0 40px;  border-bottom: dotted 1px #284F86; }
.mid_result_l { padding-left: 40px; border-left: solid 1px #284F86;  border-bottom: dotted 1px #284F86; }
.page { font-size: 12px; font-weight:bold }

/*page fiche*/
.content_fiche { padding: 20px;  border-bottom: solid 1px #284F86; border-right: solid 1px #284F86; border-left: solid 1px #284F86;}
.content_fiche strong { font-size: 12px; }
#zone_icon {  font-size: 11px; font-weight:bold; padding: 12px 10px 6px 10px; border: dotted 1px #284F86;  background: #fff url(http://www.babyfrance.com/prenoms/images/bg_titre5.gif) repeat-x top; margin-bottom:5px; }
.mini_classement {  border-bottom: dotted 1px #284F86; font-size: 12px; font-weight:bold; padding: 4px 10px; width: 160px; text-align: left}

/*page classement */
.classement {  border-bottom: dotted 1px #284F86; font-size: 14px; font-weight:bold; padding: 0 0 0 20px; width: 200px; text-align:left; } 
.bg_titre_clair {background: url(http://www.babyfrance.com/prenoms/images/bg_titre3.gif) repeat-x top; font-size: 13px;  padding: 5px 0; text-align:center}
.bg_titre_clair span { font-size: 18px; font-weight:bold; } 
.bg_titre_fonce {background: url(http://www.babyfrance.com/prenoms/images/bg_titre2.gif) repeat-x top; font-size: 12px;  padding: 5px 0; text-align:center; color: #fff;}
.bg_titre_fonce span{ font-size: 18px; font-weight:bold; }
.bg_titre_fonce a { color: #fff; border: solid 1px #4E95E5; padding : 0 2px; text-decoration:none; font-weight:bold; }

/* page premium */
.premium { font-size: 13px; background: url(http://www.babyfrance.com/calendrier/images/bg_bouton_premium.gif) no-repeat center ; padding : 9px 0 11px 0px; text-align:center }
.premium a { color: #fff; text-decoration:none; }
.premium a:hover { color:#4E95E5; }
.bg_ident_center { background: url(http://www.babyfrance.com/calendrier/images/bg_ident_center.gif) repeat-y; padding-left: 20px;  }
#recheche .bg_ident_center form { margin: 0; padding:0 ; }
#recheche .bg_ident_center form input {width: 178px; }
.bg_ident_center p { width: 194px }
.ident { border: solid 1px #284F86;  width: 160px; }
.bg_img_center { background: url(http://www.babyfrance.com/calendrier/images/bg_img_center.gif) repeat-y }
.identifie { font-size: 13px; color: #fff; background: url(http://www.babyfrance.com/calendrier/images/bg_bouton_identifie.gif) no-repeat ; padding : 6px 0 8px 5px;  width: 155px; border:none; font-weight:bold;  }

h1.prenoms {font-size:17px; color:#555; margin:10px 0 5px 10px}
h2.prenoms {display:inline; font-size:13px; padding:10px 10px 0 10px; color:#FFF;}

.intro_prenoms {font-size:11px; background:#F5F5F5; border:1px dotted #DDD; padding:10px}


/*******************************************************
Rubrique babyclub - inscription bis
********************************************************/
#inscription_babyclub1{
	padding:10px !important; padding:0 10px 10px 10px;
	background:url(../images/interface/formulaire_bg.gif) no-repeat bottom right;
	font-size:11px;
	}
#inscription_babyclub1 label {font-weight:normal; float:left; width:150px; font-size:11px}

#inscription_babyclub1 input {
	color:#027ABB; 
	font-size:11px; 
	padding:1px 0px 1px 2px;
	}
#inscription_babyclub1 h1 {
	border-bottom:1px dotted #C2D2E8;
	font-size:15px;
	margin:0px 0 3px 0;
	color:#000; 
	}
#inscription_babyclub1 h3 {
	border-bottom:1px dotted #C2D2E8;
	font-size:15px;
	margin:0px 0 3px 0;
	color:#027ABB; 
	}
#inscription_babyclub1 a {
	color:#027ABB; 
	text-decoration:none
	}
#inscription_babyclub1 input.inscription {
	background:url(../../../../images/interface/bt_inscription.gif) no-repeat center;
	width:471px;
	height:27px;
	cursor:pointer;
	font-weight:bold;
	color:#027ABB; 
	text-align:center;
	border:none; 
	padding:0 0 3px 0;
	margin:5px 0 0 0
	}
#inscription_babyclub1 .exemple {color:#027ABB;}

#inscription_babyclub1 a.conditions {
	width:55%; 
	display:block; 
	cursor:pointer; 
	text-decoration:underline; 
	float:left
	}

/********************************************************
Boite connexion rubrique baby club
********************************************************
#babyclub_connect {
	background:#003F6B url(../../../../images/interface/babyclub_connect_bg.jpg) no-repeat bottom;
	width:200px;
	padding:0 0 10px 0
	}
#babyclub_connect .top {
	background:url(../../../../images/interface/babyclub_connect_top.jpg) no-repeat top;
	height:8px
	}
#babyclub_connect h5 {
	color:#FFF;
	margin:10px 10px 10px 10px;
	font-size:11px;
	}
#babyclub_connect input {
	margin:0 0 5px 10px;
	font-size:11px;
	color:#027ABB; 
	width:180px
	}
#babyclub_connect p {
	margin:0 10px 0 10px;
	color:#FFF
	}
#babyclub_connect input.button {
	background:url(../../../images/bt_prenom_connect.gif) no-repeat center;
	width:165px;
	height:26px;
	border:none;
	cursor:pointer;
	margin:5px 0 5px 20px;
	}
#babyclub_connect p a {color:#FFF; text-decoration:underline}

*/