@charset "utf-8";
/******************************** 
Template: BABY FRANCE CLUB 
Version : 2.0
Powered by : Be On Web

Info : CLASS
*********************************/

.float-left {
float: left;
}

.float-right {
float: right;
}

.margin-up {
margin: 50px 0 0 0;
}

.club-img-header {
margin: 0 0 2px 0;
_margin: 0; /* IE6 */
}

.club-img-footer {
border: 0;
margin: 0 0 -8px 0;
_margin: -12px 0 -3px 0; /* IE6 */
}

.pointer {
cursor: pointer;
}

.date {
color: #bb3434;
}

.info {
font-size: 10px;
color: #577ea7;
line-height: 14px;
}

.club-conditions-txt {
font: normal 10px Arial, Helvetica, sans-serif;
color: #577ea7;
_line-height: 12px;
}

.help {
margin: 5px;
}

.titre-avantage {
background-color: #d6e6ff;
padding: 3px;
width: 639px;
}

.titre-faq {
background-color: #d6e6ff;
padding: 3px;
width: 609px;
}

.titre-desinscription {
background-color: #FFBBBD;
padding: 3px;
width: 605px;
_width: 400px;
}

/*** NAVIGATION ***/
a.navigation {
display: block;
float: left;
width: 130px;
height: 20px;
padding: 3px 3px 0 3px;
margin: 0 5px 0 0;
text-align: center;
text-transform: uppercase;
color: #fff;
font-size: 12px;
background: transparent url(http://www.babyfrance.com/images/club/club-btn-nav-up.png) no-repeat 0 0;
}

a:hover.navigation {
background: transparent url(http://www.babyfrance.com/images/club/club-btn-nav-hover.png) no-repeat 0 0;
}

.navigation-current {
display: block;
float: left;
width: 130px;
height: 20px;
padding: 3px 3px 0 3px;
margin: 0 5px 0 0;
text-align: center;
text-transform: uppercase;
color: #fff;
font-size: 12px;
background: transparent url(http://www.babyfrance.com/images/club/club-btn-nav-hover.png) no-repeat 0 0;
}

/*** FORMULAIRES ***/

.club-input-normal{
width: 128px;
border: 1px;
}

.club-input-login {
width: 134px;
height: 20px;
padding: 3px;
background: url(http://www.babyfrance.com/images/club/input-login.jpg) no-repeat;
_width: 138px;
_height: 32px;
}

.club-input-form-info {
width: 260px;
_width: 266px;
_height: 30px;
height: 20px;
padding: 3px;
background: url(http://www.babyfrance.com/images/club/input-form-inscription-info.jpg) no-repeat;
}

.club-input-form-bebe {
_padding: 4px 0 0 0;
height: 25px;
padding: 3px 5px;
width: 108px;
background: url(http://www.babyfrance.com/images/club/input-form-inscription-bebe.jpg) no-repeat;
margin: 3px 0;
}

.club-btn-MAJ {
width: 137px;
height: 23px;
background: url(http://www.babyfrance.com/images/club/club-btn-mettre-a-jour.jpg) no-repeat;
}

#div_1 input[type=text], #div_2 input[type=text], #div_3 input[type=text], #div_4 input[type=text], #div_5 input[type=text] {
	_padding: 4px 0 0 0;
	height: 25px;
	padding: 3px 5px;
	width: 108px;
	background: url(http://www.babyfrance.com/images/club/input-form-inscription-bebe.jpg) no-repeat;
	margin: 3px 0;
}	

/*** BOX INTRO ***/
.txt-intro {
width: 550px;
padding: 0 30px 0 0;
line-height: 18px;
float: left;
}

/*** AVANTAGES ***/

/** NAV **/
a.club-box-avantage-nav-link {
display: block;
float: left;
width: 115px;
height: 32px;
padding: 8px 0 0 0;
text-align: center;
text-decoration: none;
font-size: 14px;
color: #fff;
border-left: #c6e9ff 1px solid;
border-right: #334bc4 1px solid;
}

a:hover.club-box-avantage-nav-link {
background: #99b8de url(http://www.babyfrance.com/images/club/club-bckg-avantages-nav-hover.jpg) repeat-x top left;
}

a.club-box-avantage-nav-link-current {
display: block;
float: left;
width: 115px;
height: 32px;
padding: 8px 0 0 0;
text-align: center;
text-decoration: none;
font-size: 14px;
color: #fff;
border-left: #c6e9ff 1px solid;
border-right: #334bc4 1px solid;
background: #99b8de url(http://www.babyfrance.com/images/club/club-bckg-avantages-nav-current.jpg) repeat-x top left;
}


/** LISTE AVANTAGES **/

.avantages-presentation {
display: block;
float: left;
width: 150px;
height: 175px;
margin: 4px;
_margin: 4px; /* IE6 */
padding: 5px 5px 0 5px ;
background: #fff url(http://www.babyfrance.com/images/club/club-bckg-avantages-liste.jpg) no-repeat top left;
font-size: 11px;
line-height: 14px;
}

.btn-avantage-en-profiter {
margin-top: 5px;
}

.avantages-presentation a {
color: #333;
}

.code-promo {
	font-size: 14px;
	font-weight: bold;
	color: #bb3434;
	margin: 0;
	
}