@charset "utf-8";
/*****************
STRUCTURE
*****************/


/**** GLOBAL ****/
html {
margin: 0;
padding: 0;
background: #eaeff3 url(http://www.babyfrance.com/images/new/bckg-footer.jpg) no-repeat center bottom;
*background: #eaeff3 url(http://www.babyfrance.com/images/new/bckg-footer.jpg) no-repeat 50% bottom;
_background: #eaeff3 url(http://www.babyfrance.com/images/new/bckg-footer.jpg) no-repeat 54% bottom;
}

body {
margin: 0;
padding: 0;
font: 12px Arial, Helvetica, sans-serif normal;
text-align: center;
background: transparent url(http://www.babyfrance.com/images/new/bckg-gradient.jpg) repeat-x 0 0;
}

#container {
width: 1000px;
margin: 0 auto;
text-align: left;
}

/**** HEADER ****/
#header {
width: 1000px;
padding: 0 5px;
margin: 0 0 0 -4px;
background: transparent url(http://www.babyfrance.com/images/new/header.jpg) no-repeat center top;
}

#header-illu {
position: absolute;
top: 2px;
margin: 0 0 0 800px;
*margin: 0 0 0 500px;
height: 86px;
width:150px;
}

/**** NAVIGATION ****/
#navigation {
width: 1000px;
height: 33px;
_height: 30px;
padding: 0;
_padding: 3px 0 0 0;
*margin: 1px 0 0 0;
}

#navigation ul {
margin: -2px 0 0 -35px;
*margin: -4px 0 -1px 0px;
_height: 33px;
overflow: hidden;
}

#navigation ul li{
float: left;
display: block;
margin: 0;
text-align: center;

}

/**** SUB NAVIGATION ****/

#subnav {
width: 1010px;
height: 25px;
padding: 0;
background: #4d7c0f url(http://www.babyfrance.com/images/new/bckg-subnav.jpg) 0 0;
margin: 0 0 0 -5px;
font-size: 12px;
}

#subnav ul {
margin: 0 0 0 4px;
padding: 5px 0 0 0;
}

#subnav ul li{
float: left;
display: block;
margin: 0;
text-align: center;
border-right: 1px solid #427803;
border-left: 1px solid #b5d24d;
padding: 0 8px;
}

/**** CONTENT ****/
#wrapper{
float: left;
width: 980px;
margin: 0 0 0 -4px;
padding: 0 15px;
background: transparent url(http://www.babyfrance.com/images/new/bckg-content.png) repeat-y 0 0;
_background: transparent url(http://www.babyfrance.com/images/new/bckg-content.gif) repeat-y 0 0;
}

#horizontal {
width: 980px;
margin: 5px 0;
overflow: hidden;
}

#leaderboard {
float: left;
width: 728px;
height: 90px;
margin: 2px 0;
}

/*** RECHERCHE ***/
#recherche-inscription {
float: right;
width: 242px;
_width: 245px;
height: 100px;
overflow: hidden;
}

#box-recherche {
width: 233px;
_width: 235px;
height: 52px;
padding: 5px;
background: transparent url(http://www.babyfrance.com/images/new/bckg-recherche.jpg) no-repeat 0 0;
}

#formRech {
padding: 0;
margin: 0;
}

/*** LA UNE ***/

#box-la-une {
float: left;
width: 320px;
height: 262px;
}

#presentation {
height: 228px; 
width: 320px; 
padding: 0;
margin: 0;
overflow: hidden;
}

#presentation_home {
background: url(http://www.babyfrance.com/images/new/bckg-slideshow.jpg) bottom no-repeat;
width: 320px;
height: 34px;
border-top: 1px solid #E3E3E3;
}

#presentation_home #nav a {
padding: 2px 5px 3px 7px;
color: #fff;
font-weight: bold;
margin:0 3px;
background:url(http://www.babyfrance.com/images/new/btn-slideshow-up.jpg) bottom no-repeat;
}

#presentation_home #nav a:hover {
background:url(http://www.babyfrance.com/images/new/btn-slideshow-hover.jpg) bottom no-repeat;
}

#presentation_home #nav a.activeSlide { 
background:url(http://www.babyfrance.com/images/new/btn-slideshow-hover.jpg) bottom no-repeat;
}

/*** NEWS ***/
#box-news {
float: right;
width: 636px;
height: 255px;
padding: 8px;
margin: 0;
background: transparent url(http://www.babyfrance.com/images/new/bckg-box-news.jpg) no-repeat 0 0;
overflow: hidden;
}

#news-detail {
float: left;
width: 155px;
margin: 5px 4px 0 0;
text-align: center;
}

#news-img {
width: 123px;
height: 123px;
padding: 5px 7px 8px 6px;
background: transparent url(http://www.babyfrance.com/images/new/cadre-news.jpg) no-repeat 0 0;
margin: 0 auto;
_margin: -2px auto;
}

/*** BOX HOME ***/
#box {
width: 309px;
height: 263px;
padding: 8px;
margin: 0 0 5px 0;
background: transparent url(http://www.babyfrance.com/images/new/bckg-box.jpg) no-repeat 0 0;
}

#IMU {
width: 314px;
height: 264px;
padding: 7px 6px 7px 5px;
margin: 0 0 5px 0;
}

#box-bottom{
width: 309px;
height: 145px;
padding: 8px;
margin: 0 0 5px 0;
background: transparent url(http://www.babyfrance.com/images/new/bckg-box-bottom.jpg) no-repeat 0 0;
}

#box-club{
width: 309px;
height: 145px;
padding: 8px;
margin: 0 0 5px 0;
background: transparent url(http://www.babyfrance.com/images/new/bckg-box-club.jpg) no-repeat 0 0;
}

#avantages-club {
float: left;
width: 91px;
height: 91px;
padding: 4px;
background: transparent url(http://www.babyfrance.com/images/new/cadre-avantage-club.jpg) no-repeat 0 0;
margin: 10px 2px;
_margin: 10px 0;
}

#btn-club {
position: absolute;
margin: 105px 0 0 -200px;
width: 175px;
height: 27px;
}

#ruban-gratuit{
position: absolute;
margin: -8px 0 0 251px;
width: 57px;
height: 58px;
}

#ruban-new{
position: absolute;
margin: -8px 0 0 257px;
width: 57px;
height: 58px;
}

#question-detail {
width: 309px;
height: 52px;
margin: 5px 0 0 0;
}

#question-mini-avatar {
width: 36px;
height: 37px;
padding: 4px;
background: transparent url(http://www.babyfrance.com/images/new/cadre-mini-avatar-question.jpg) no-repeat 0 0;
margin: 3px;
}


#detail-online {
width:56px;
height: 60px;
margin: 8px 2px;
_margin: 0 -2px;
text-align: center;
}

#mini-avatar {
width: 52px;
height: 51px;
padding: 4px;
background: transparent url(http://www.babyfrance.com/images/new/cadre-mini-avatar.jpg) no-repeat 0 0;
margin: 3px;
}

/*** COL ***/
#col-left{
float: left;
width: 320px;
margin: 0 0 10px 0;
_margin: 0;
}

#col-center{
float: left;
width:320px;
margin: 0 10px;
_margin: 0 5px;
}

#col-right{
float: left;
float:left;
width:320px;
margin: 0 0 10px 0;
_margin: 0;
}


/**** ONLINE 
#online a{
width: 70px;
height: 70px;
text-align: center;
padding: 5px;
margin: 8px;
background: transparent;
}

#online a{
color: #8bb822;
text-decoration: none;
}

#online a:hover{
text-decoration: underline;
}

#online img{
width: 52px;
height: 51px;
padding: 4px;
background: transparent url(http://www.babyfrance.com/images/new/cadre-mini-avatar.jpg) no-repeat 0 0;
margin: 3px;
}
****/

/**** FOOTER ****/
.footer{
clear: both;
width: 1001px;
_width: 1001px;
background-color: #e7f0f9;
border-top: 1px solid #a6c6e7;
margin: 0 0 70px 0;
height: 275px;
}

#widget-interior a:visited {
color: #013e6a;
} 

#widget-interior a{
color: #013e6a;
} 


/********************************************
*****************************************************************************************************
***********************************************/

a {text-decoration:none; color:#000}
.float_l {float:left}
.float_r {float:right}

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

img {border:none}

/**************************************************
Colonne 
***************************************************/ 
#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(http://www.babyfrance.com/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: 20px 0 10px 0; clear:left; text-align:justify}
#nuage_tags h2 {font-size:18px; color:#027ABB; border-bottom:1px solid #DDD; padding:0 0 5px 0; margin:10px 0 15px 0}
#nuage_tags a {text-decoration:none; color: #7A7E8B; margin: 5px;}

/*********************************************
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(http://www.babyfrance.com/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(http://www.babyfrance.com/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(http://www.babyfrance.com/images/interface/connexion_bg.jpg) repeat-x; width:300px; height:227px; color:#7A7A8F; font-size:11px}
#login_babyclub .left {width:11px; background:url(http://www.babyfrance.com/images/interface/connexion_left.jpg) no-repeat top; float:left;  height:227px}
#login_babyclub .right {width:10px; background:url(http://www.babyfrance.com/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(http://www.babyfrance.com/images/interface/connexion_avatar.gif) no-repeat; text-align:center;}
#login_babyclub .avatar_pt {width:100px; height:100px; background:url(http://www.babyfrance.com/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(http://www.babyfrance.com/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}

/*******************************************************
Rubrique babyclub - inscription bis
********************************************************/
#inscription_babyclub1, #inscription_babyclub2{padding:10px !important; padding:0 10px 10px 10px; font-size:11px; }
#inscription_babyclub1{width:650px; 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(http://www.babyfrance.com/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}

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

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