body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; background:url(../images/interface/body_bg.jpg)  0 195px repeat-x #BEBDBE; margin:0 0 0 0; line-height: 16px;}
a {text-decoration:none; color:#000}
.float_l {float:left}
.float_r {float:right}

.blue_bold {font-weight:bold; color:#027ABB;}

img {border:none}

#visu {width:100%; height:80px}

.menu_home_visu {background:url(../images/interface/header_home2.gif) top no-repeat #FFF; /* background:url(../images/interface/header_noel.gif) top no-repeat #FFF;*/}
.menu_ma_grossesse_visu {background:url(../images/interface/header_ma_grossesse.gif) top no-repeat #FFF; }
.menu_actus_bebe_visu {background:url(../images/interface/header_actus_bebe.gif) top no-repeat #FFF; }
.menu_babypedia_visu {background:url(../images/interface/header_babypedia.gif) top no-repeat #FFF; }
.menu_jeux_visu {background:url(../images/interface/header_jeux.gif) top no-repeat #FFF; }
.menu_photos_visu {background:url(../images/interface/header_photos.gif) top no-repeat #FFF; }
.menu_shopping_visu {background:url(../images/interface/header_shopping.gif) top no-repeat #FFF; }
.menu_communaute_visu {background:url(../images/interface/header_communaute.gif) top no-repeat #FFF; }
.menu_guide_maman_visu {background:url(../images/interface/header_guide.gif) top no-repeat #FFF; }
.menu_bebe_moi_visu {background:url(../images/interface/header_bebe_moi.gif) top no-repeat #FFF; }
.menu_premium_visu {background:url(../images/interface/header_premium.gif) top no-repeat #FFF; }
.menu_services_visu {background:url(../images/interface/header_services.gif) top no-repeat #FFF; }
.menu_baby_club_visu {background:url(../images/interface/header_babyclub.gif) top no-repeat #FFF; }
.menu_famiweb_visu {background:url(../images/interface/header_2-12ans.gif) top no-repeat #FFF; }
.menu_annonces_visu {background:url(../images/interface/header_annonces.gif) top no-repeat #FFF; }

#menu_inscription {width:1000px; margin-left:auto; margin-right:auto; text-align: right; padding-top:5px; padding-right:120px; font-weight:bold}

div#container {margin:0px auto 0 auto !important; margin:-6px auto 0 auto; text-align: left; width:1000px; z-index:100; background:#FFF; display:table}	

#top{background:url(../images/interface/content_arrondi1.gif) top no-repeat; margin:-60px auto 0 auto; z-index:100; width:1000px; height:8px;}	

div#footer {background:url(../images/interface/footer_reflect.gif) top no-repeat; height:27px}	

div#navigation {background:url(../images/interface/navigation_bg.jpg) repeat-x; height:28px;}

div#zone_banner {background:#FFF; margin:0 6px 10px 6px; height:90px}

/********************************************************
Footer
********************************************************/
div#footer_liste {width:1000px; height:160px; margin:10px auto 10px auto; color:#777; font-size:11px}
div#footer_liste .box {width:240px; float:left; height:30px; padding:0 5px 0 5px;}
div#footer_liste .box a {color:#777; display:block; margin:0 0 0 25px}
div#footer_liste .box a:hover {text-decoration:underline}
div#footer_liste .box a.lettre {margin:0 0 5px 25px; }

/* MODIF POUR BABYCLUB 2 */
div#footer_liste .box li {color:#777; margin:0 0 0 25px; list-style-type: none;}
.lettre2 {margin:0 0 5px 25px; }
/**/

#footer_menu {font-weight:bold}
#footer_sites {margin:15px 0 0 0; clear:both; background-color:#FFF; padding:3px; color:#AAA; letter-spacing:1px;  font-size:11px}
#footer_sites a {color:#AAA;}

/********************************************************
Publicites 
********************************************************/
.banner {width:728px; height:90px;  float:left}
.pub_carre, .pub_interne {width:300px; }
.pub_carre {height:250px;}
.pub_interne {height:150px;}

#colonne .pub_carre {margin:5px 0 10px 0}
#colonne .pub_interne  {margin:20px 0 10px 0;}

/********************************************************
 Contenu 
********************************************************/
#content {width:680px ; float:left; margin:6px 0 0 5px !important; margin:6px 0px 0 4px; clear:left; background:#FFF; display:inline }
#content_home {width:989px ; margin:6px 5px 0 6px !important; margin:6px 0px 0 4px; clear:left; background:#FFF}
#content h1 {color:#555; font-size:14px; margin:0; padding:0 0 5px 0}

/**************************************************
Colonne 
***************************************************/ 
#colonne {width:300px; float:left; margin:6px 0 0 0 !important; margin:6px 0 0 0; display:inline }
#colonne_bottom { margin:0 0 0 20px; clear:both}

/************************************************
Moteur de recherche
*************************************************/
#recherche_babypedia {
	width:240px !important;  width:250px; 
	margin-right:10px !important; margin-right:5px;
	height:80px;
	float:left;
	margin-top:8px
	}
#recherche_babypedia input.rechercher {
	background:url(../images/interface/bt_chercher.gif) no-repeat;
	width:128px;
	height:20px;
	cursor:pointer;
	border:none;
	margin:0 0 0 5px
	}

/***********************************************
Tags
*************************************************/

#nuage_tags {width:95%; margin:10px 0 0 10px; clear:left; text-align:justify}
#nuage_tags h2 {font-size:14px; color:#027ABB; border-bottom:1px solid #DDD; padding:0 0 5px 0; margin:0 0 5px 0}
#nuage_tags a {text-decoration:none; color: #7A7E8B}

/*********************************************
Pagination
**********************************************/	
.pagination, #meme_sujet .pagination , #liste_articles .pagination, .pagination_gd {
	text-align:center;
	width:95%
	}
.pagination a, #meme_sujet .pagination a, #liste_articles .pagination a, .pagination a, .pagination_gd a, #meme_sujet .pagination_gd a{
	color:#013F6A; 
	font-weight:bold; 
	width:20px;
	float:none;
	}
.pagination a, #meme_sujet .pagination a, #liste_articles .pagination a {font-size:12px; margin:0 3px 0 3px}
.pagination_gd a, #meme_sujet .pagination_gd a {font-size:13px;}
.pagination span.on, #meme_sujet .pagination span.on, #liste_articles .pagination span.on, .pagination_gd span.on{float:none}

/****************************************
Page Horoscope - Humour
****************************************/
#horoscopes h2, #humour h2{
	margin:10px 0 5px 0; 
	border-bottom:1px dotted #CCC; 
	font-size:12px;
	font-weight:bold;
	color:#FE9639; 
	}
#humour h2 a {color:#FE9639;}
#horoscopes h2 {margin:10px 0 5px 0; }
#humour h2 {margin:10px 0 5px 0; }
#horoscopes .signe {float:left; margin:0 10px 20px 0; text-align:center; font-size:9px}
#horoscopes .signe_txt {float:left; width:37%; margin:0 0 0 15px; line-height:17px}
input.envoi_blague {background:url(../images/interface/bt_envoyer.gif) no-repeat; width:170px; height:33px; cursor:pointer; border:none}
#humour .blague {background:#F5F5F5; border:1px solid #DDD; padding:10px; margin:10px 0 0px 0}
#humour .blague h1 {margin:0px 0 5px 0; border-bottom:1px dotted #BBB}

/************************************************
Hiérarchie
*************************************************/

#hierarchie {
	font-size:10px;
	padding:5px;
	background-color:#EEE;
	display:table;
	width:94%;
	border-bottom:1px solid #DDD; 
	border-top:1px solid #DDD; 
	}
#hierarchie a {text-decoration:none; color:#555}	
#hierarchie a:hover, .fragment a:hover {text-decoration:underline; }	
#hierarchie .left {float:left; width:400px;}
#hierarchie .right {font-size:11px; font-weight:bold; float:right; /*width:140px*/}
#hierarchie .right a.bouton {background:#555; color:#FFF; padding:2px 5px 2px 5px; border:1px solid #FFF}

/********************************************************************
Miniatures
********************************************************************/

#content .actus_bebe .photo_80, #content .actus_bebe .photo_80 div,
#content .jeux_fun .photo_80, #content .jeux_fun .photo_80 div,
#jeux_detente .photo_80, #jeux_detente .photo_80 div, 
.shopping .photo_80, .shopping .photo_80 div,
.magasins_bb .photo_80, .magasins_bb .photo_80 div,
#humour .photo_80, #humour .photo_80 div
	{
	width:105px;
	height:105px;
	}	

#content .jeux_semaine1 .photo_80, #content .jeux_semaine1 .photo_80 div {width:115px; height:105px;}

#content .actus_bebe .photo_80, #content .jeux_fun .photo_80, #content .jeux_semaine1 .photo_80, #jeux_detente .photo_80, .shopping .photo_80, .magasins_bb .photo_80, #humour .photo_80   {
	background:url(../images/interface/photo_80_bg.gif) no-repeat center;	
	float:left;
	text-align:center;
	}

#content .actus_bebe .photo_80, #content .jeux_fun .photo_80, #content .jeux_semaine1 .photo_80, #humour .photo_80 {margin:0;} 

#jeux_detente .photo_80 {margin:3px}

#content .jeux_fun .photo_80, #jeux_detente .photo_80, .shopping .photo_80, .magasins_bb .photo_80, #humour .photo_80 {font-size:9px}

#content .actus_bebe .photo_80 div, #content #video_pub .photo_130 div, #content .jeux_fun .photo_80 div, #content .jeux_semaine1 .photo_80 div, #jeux_detente .photo_80 div, .shopping .photo_80 div, .magasins_bb .photo_80 div, #humour .photo_80 div {
	vertical-align:middle; 
	text-align:center; 
	display:table-cell;
	padding:3px 0 0 0 !important; padding:16px 0 0 0; 
	margin:3px 0 0 0 !important; margin:7px 0 0 0
	}	

/********************************************************************
Boite de connexion
********************************************************************/	
h3.boite_connexion {margin:0px 0 5px 0; font-size:14px; color:#555}

#login_babyclub {background:url(../images/interface/connexion_bg.jpg) repeat-x; width:300px; height:227px; color:#7A7A8F; font-size:11px}
#login_babyclub .left {width:11px; background:url(../images/interface/connexion_left.jpg) no-repeat top; float:left;  height:227px}
#login_babyclub .right {width:10px; background:url(../images/interface/connexion_right.jpg) no-repeat top; float:left; height:227px}
#login_babyclub .center {width:279px; float:left;}
#login_babyclub .center h3 {font-size:11px; margin:5px 0 5px 0}
#login_babyclub .center a {color:#7A7A8F; font-size:11px;}
#login_babyclub .center a:hover {text-decoration:underline}
#login_babyclub .avatar {width:149px; height:155px; background:url(../images/interface/connexion_avatar.gif) no-repeat; text-align:center;}
#login_babyclub .avatar_pt {width:100px; height:100px; background:url(../images/interface/connexion_avatar.jpg) no-repeat; padding:14px; text-align:center}
#login_babyclub table {margin:5px 0 0 0; }
#login_babyclub form {margin:10px 0 0 0}
#login_babyclub input {font-size:11px; width:123px; padding:2px 0 2px 0; margin:0 0 3px 5px }
#login_babyclub input.email {font-size:11px; width:160px; padding:2px 0 2px 0; margin:0 0 3px 5px }
#login_babyclub input.button {background:url(../images/interface/bt_identifier1.gif) no-repeat; width:126px; height:30px; cursor:pointer; border:none;}
#login_babyclub input.check {width:auto}
#login_babyclub form p {margin:0 0 0 10px}
#login_babyclub form p a {text-decoration:underline}
#login_babyclub .pub_java {margin:10px 0 0 5px; /*border:1px solid #EEE;*/ width:260px; height:115px}
#login_babyclub .pub_txt {height:30px}
#login_babyclub .pub_txt a {color:#000}
#login_babyclub .icone_boite {padding:2px 0 2px 0}

/****************************************************************
lignes forum
******************************************************************/
.lin_forum1 { background-color:#EAF4FF; border-bottom:#CEE7FF solid 1px; font:  10px Trebuchet MS, verdana, sans serif;}
.lin_forum2 { background-color:#ffffff; border-bottom:#CEE7FF solid 1px; font:  10px Trebuchet MS, verdana, sans serif;}
.lin_forum1 a {color:#4C95CD; font-weight:bold; font-size:11px; text-decoration:underline}
.lin_forum2 a {color:#999; font-weight:bold; font-size:11px;  text-decoration:underline}
.lin_num1 { background-color:#D5EAFF; border-bottom:#A0C8E6 solid 1px; font: 10px  Helvetica, arial ;}
.lin_num2 { background-color: #F5F5F5; border-bottom:#CCC solid 1px; font: 10px  Helvetica, arial ;}

#content .box_grise {background: #F8F8F8; border:1px solid #EEE; display:table; width:95%; padding:0 0 10px 0}

input.bt_avatar {background:url(../images/interface/bt_avatar.gif) no-repeat; width:183px; height:30px; cursor:pointer; border:none; margin:10px 0 0 0}
input.bt_contact_baby {background:url(../images/interface/bt_envoyer.gif) no-repeat; width:170px; height:33px; cursor:pointer; border:none; margin:10px 0 0 0}

#login_babyclub input.bt_envoyer_pass, #landing_babyclub input.bt_envoyer_pass {
	background:url(../images/interface/bt_envoyer_pass.gif) no-repeat; width:104px; height:29px; cursor:pointer; border:none; margin:0 0 0 0
	}

/*******************************************************
Rubrique babyclub - inscription bis
********************************************************/
#inscription_babyclub1, #inscription_babyclub2{padding:10px !important; padding:0 10px 10px 10px; font-size:11px; }
#inscription_babyclub1{width:670px; float:left}
#inscription_babyclub2{width:97%; float:none}
#inscription_babyclub1 label, #inscription_babyclub2 label {font-weight:normal; float:left; width:150px; font-size:11px}
#inscription_babyclub1 input, #inscription_babyclub2 input {color:#027ABB; font-size:11px; padding:1px 0px 1px 2px;}
#inscription_babyclub1 h1, #inscription_babyclub2 h1 {font-size:16px;margin:0px 0 10px 0;color:#000; }
#inscription_babyclub1 h3, #inscription_babyclub2 h3 {border-bottom:1px dotted #C2D2E8; font-size:15px; margin:0px 0 3px 0; color:#027ABB; }
#inscription_babyclub1 a, #inscription_babyclub2 a{color:#027ABB; text-decoration:none}
#inscription_babyclub1 input.inscription, #inscription_babyclub2 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, #inscription_babyclub2 .exemple {color:#027ABB;}
#inscription_babyclub1 a.conditions, #inscription_babyclub2 a.conditions {width:70%; display:block; cursor:pointer; text-decoration:underline; float:left}
#inscription_babyclub1 .intro, #inscription_babyclub2 .intro  {border:1px dotted #C2D2E8; margin:0 10px 10px 0; padding:5px; background:#F8F8F8 }

.link_services {margin:10px 15px 10px 15px !important; margin:10px 15px 10px 10px; float:left}

.erreur {font-size:10px}

/*************************************************
 Pour l'accordeon des widgets 
 ************************************************/	
.basic  {width: 310px; border: 1px solid #999; background-color: #F7F7F7;}
.basic div.sectionContent  {background-color: #F7F7F7; padding:3px; display:none; margin:0}
.basic a {margin:0; padding:0}
.basic a.titre {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #013E6A;
	background-color: #CCC;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	background-image: url("http://www.babyfrance.com/images/AccordionTab0.gif");
	}
.basic a.titre:hover {background-color: white; background-image: url("http://www.babyfrance.com/images/AccordionTab2.gif");}
.basic a.titre.selected {color: black; background-color: #80cfe2; background-image: url("http://www.babyfrance.com/images/AccordionTab2.gif");}

.bulleGlossaire {display:none; width:200px; height:130px; background:url(http://www.babyfrance.com/images/bulle.png) no-repeat; position:absolute; z-index:1000; margin-top:-130px; margin-left:-50px}

/****************************************************
Splash
***************************************************/
#splash_milieu {width:719px; height:480px; background:url(../images/interface/splash_bg.gif) no-repeat top center; display:table;  text-align:center; padding:80px 0 0 0;  margin:100px 0 0 0}
#splash_milieu input.bouton {width:237px; height:31px; background:url(../images/interface/splash_bt.gif) no-repeat; cursor:pointer; border:none; margin:5px 0 0 0}

/****************************************************************
maternités
******************************************************************/

h3.maternite{
	margin:10px 0 5px 0; 
	border-bottom:1px dotted #CCC; 
	font-size:12px;
	font-weight:bold;
	color:#FE9639; 
	}