@charset "utf-8";

/* 1 COLONNE */

	@import url(menu_onglet.css);
	/*@import url(1colonne_boxes.css);
	@import url(1colonne_listing.css);
	@import url(1colonne_product_info.css);
	@import url(1colonne_contact_us.css);*/

/* 2 COLONNE */

	@import url(2colonne_boxes.css);
	@import url(2colonne_listing.css);
	@import url(2colonne_product_info.css);
	@import url(2colonne_contact_us.css);


@import url(lightbox.css);

@import url(login.css);

@import url(account.css);
@import url(checkout.css);
@import url(wishlist.css);
@import url(address.css);
@import url(livre_dor.css);
@import url(bouton.css);

body{
	margin:0;
	padding:0;
	font:normal 10px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:center;
	/*background: #5CBCE7 url("../images/fd_body.jpg") top center repeat-x;*/
	background: url("../images/fond_herbe.jpg");
}
a{
	color: #3791ca;
	text-decoration: none;
	outline: none;
}
a:hover{
	color: #000000;
	text-decoration: none;
}
/*a:visited{
	color:#1f1f1f;
	text-decoration:none;
}*/
img{
	margin:0;
	padding:0;
	border:none;
}
p{
margin:0;
padding:0 0 0 10px;
}
div.clearboth{
	clear:both;
	width:0px;
	height:0px;
}
span.clearboth{
	clear: both;
}
/*---------Prix-----------------------------------------*/
div.our_price{
	margin:0;
	padding:0 0 0 0;
	width:258px;
	height:auto;
	float:left;
	display:block;
}
	span.normal_price{
		padding: 2px 0 0 0;
		width:auto;
		height:30px;
		text-align:center;
		/*background:url(../images/fond_prix.jpg) repeat-x;*/
		font:bold 15px Arial, Helvetica, sans-serif;
		color:#000000;
		display:block;
		
	}
	
	/*span.prix_normal{
		min-width:95px;
		padding: 8px 0 0 0;
		width:95px;
		height:35px;
		text-align:center;
		background:url(../images/fond_prix.jpg) repeat-x;
		font:bold 17px Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		display:block;
	}*/
div.div_public_price{
	margin:0;
	padding:0;
	width: 75px;
	height: 45px;
	float:left;
	/*border:1px solid #cccccc;*/
	display:block;
}
	span.public_price{
		font: normal 12px Arial, Helvetica, sans-serif;
		color: #333333;
		display: block;
	}
span.old_price{
	font: normal 11px Arial, Helvetica, sans-serif;
	/*color:#666666;*/
	/*display:block;*/
}
span.special_price{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FF0000;
	margin: 0 4px 0 0;
	padding: 0 0 0 0;
	/*display:block;*/
}

/*span.prix_special {
	min-width:50px;
	height:35px;
	text-align:center;
	display:block;
	color: #FF0000;
	font:bold 17px Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background:url(../images/fond_prix.jpg) repeat-x;
	line-height:34px;	
}*/
/*span.ecotaxe{
	font:normal 9px Arial, Helvetica, sans-serif
}*/

/*---------banner--------------------------------------*/
div.banner {
	width: 980px;
	height: 154px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url("../images/banner.png") top center no-repeat;
}
	
	div.menuonglet {
		width: 980px;
		height: 60px!important;
		height: 62px;
		margin: 0 auto 0 auto;
		padding: 2px 0 0 0;
		background: url("../images/fd_menuonglet.jpg") top center no-repeat;
	}
		div.menuonglet div.cont_budget {
			width: 580px;
			margin: 0 auto 0 auto;
			text-align: center;
			/*border: 1px solid #ff0000;*/
		}
			div.menuonglet div.cont_budget a.budget {
				width: 36px;
				font: bold 12px Arial, Helvetica, sans-serif;
				float: left;
				padding:  0 0 0 0;
				display: block;
				color: #FFFFFF;
				/*border: 1px solid #FF0000;*/
			}
				div.menuonglet div.cont_budget a.budget:hover {
					font: bold 15px Arial, Helvetica, sans-serif;
				}
				div.menuonglet div.cont_budget span.pre_budget {
					display: block;
					text-align: left;
				}
				div.menuonglet div.cont_budget span.sec_budget {
					display: block;
					text-align: right;
				}
				div.menuonglet div.cont_budget span.a_budget {
					font: normal 8px Arial, Helvetica, sans-serif;
				}	
			
		div.menuonglet div.cont_onglet {
			width: 940px;
			height: 27px;
			margin: 0 0 0 16px!important;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			/*background: #00FF00;*/
		}
			div.menuonglet div.cont_onglet a.onglet {
				width: 156px;
				height: 26px;
				margin: 1px 0 0 0;
				padding: 5px 0 0 0;
				font: bold 13px Arial, Helvetica, sans-serif;
				/*background: url("../images/onglet_n.jpg") top center no-repeat;*/
				display: block;
				float: left;
				color: #FFFFFF;
				font-variant: small-caps;
			}
			div.menuonglet div.cont_onglet a.onglet:hover {
				/*background: url("../images/onglet_hover.jpg") top center no-repeat;*/
				color: #f8b507;
				font-size: 14px;
				text-decoration: underline;
			}
	
	div.banner a.return_home {
		width: 180px;
		height: 145px;
		margin: 5px 0 0 0;
		padding: 0 0 0 0;
		float: left;
		display: block;
		outline: none;
/*		border: 1px solid #FF0000;*/
	}
/*	div.flash_banner {
		width: 385px;
		height: 130px;
		margin: 17px 0 0 4px;
		padding: 0 0 0 0;
		float: left;
		background: #FF0000;
		opacity: 0.6 ;
		filter: alpha(opacity=60)!important;
	}*/
	
	div.banner div.content_banner {
		width: 360px;
		height: 118px;
		margin: 30px 6px 0 0;
		padding: 0 0 0 0;
		float: right;
		color: #FFFFFF;
		background: url('../images/fd_anim_banner.jpg') bottom left no-repeat;
		/*border:1px #CC9900 solid;*/
	}
		div.banner div.content_banner a.onglet_anim_1 {
			width: 91px;
			height: 33px!important;
			height: 38px;
			margin: 80px 0 0 0px;
			padding: 5px 0 0 0;
			display: block;
			float: left;
			font: normal 12px Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
		}
			div.content_banner a.onglet_anim_1b {
				width: 91px;
				height: 91px!important;
				height: 96px;
				margin: 22px 0 0 0px;
				padding: 5px 0 0 0;
				display: block;
				float: left;
				font: normal 12px Verdana, Arial, Helvetica, sans-serif;
				color: #FFFFFF;
				background: url('../images/a_onglet_anim_1_hover.jpg') top left no-repeat;
			}
		div.banner div.content_banner a.onglet_anim_2 {
			width: 87px;
			height: 33px!important;
			height: 38px;
			margin: 80px 0 0 0px;
			padding: 5px 0 0 0;
			display: block;
			float: left;
			font: normal 12px Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
		}
			div.content_banner a.onglet_anim_2b {
				width: 87px;
				height: 91px!important;
				height: 96px;
				margin: 22px 0 0 0px;
				padding: 5px 0 0 0;
				display: block;
				float: left;
				background: url('../images/a_onglet_anim_2_hover.jpg') top left no-repeat;
				font: normal 12px Verdana, Arial, Helvetica, sans-serif;
				color: #FFFFFF;
			}
		div.banner div.content_banner a.onglet_anim_3 {
			width: 89px;
			height: 33px!important;
			height: 38px;
			margin: 80px 0 0 0px;
			padding: 5px 0 0 0;
			display: block;
			float: left;
			font: normal 12px Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
		}
			div.content_banner a.onglet_anim_3b {
				width: 89px;
				height: 91px!important;
				height: 96px;
				margin: 22px 0 0 0px;
				padding: 5px 0 0 0;
				display: block;
				float: left;
				font: normal 12px Verdana, Arial, Helvetica, sans-serif;
				color: #FFFFFF;
				background: url('../images/a_onglet_anim_3_hover.jpg') top left no-repeat;
			}
		div.banner div.content_banner a.onglet_anim_4 {
			width: 90px;
			height: 26px!important;
			height: 38px;
			margin: 80px 0 0 0px;
			padding: 12px 0 0 0;
			display: block;
			float: left;
			font: normal 12px Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
		}
			div.content_banner a.onglet_anim_4b {
				width: 90px;
				height: 84px!important;
				height: 96px;
				margin: 22px 0 0 0px;
				padding: 12px 0 0 0;
				display: block;
				float: left;
				font: normal 12px Verdana, Arial, Helvetica, sans-serif;
				color: #FFFFFF;
				background: url('../images/a_onglet_anim_4_hover.jpg') top left no-repeat;
			}
	
	div.content_banner input
	{
		font: normal 11px Arial, Helvetica, sans-serif;
	}
	
	div.content_banner td
	{
		font: normal 11px Arial, Helvetica, sans-serif;
		color:#FFFFFF;
	}
			
	/*	div.content_banner div.login_banner2 {
			width: 170px;
			height: 80px;
			margin: 25px 8px 0 0;
			padding: 5px 0 0 10px;
			color:#FFFFFF;
			text-align: right;
		}
			
		div.content_banner div.login_banner {
			width: 170px;
			height: 80px;
			margin: 25px 0 0 0;
			padding: 5px 0 0 10px;
			color:#FFFFFF;
			text-align: left;
		}
			div.login_banner form {
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}
			div.login_banner input {
				width: 130px;
				height: 16px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				color: #000000;
				font: normal 11px Arial, Helvetica, sans-serif;
				border: 1px solid #999999;
				background-color:#FFFFFF;
			}*/

/*-----Container---------------------------------------------*/
div.container{
	width: 980px;
	height:auto;
	margin:0 auto 0 auto;
	padding: 0 0 0 0;
	/*border: 1px solid #FF0000;*/
	background: url('../images/fd_container.png') top center repeat-y;
}

/*-----Content------------------------------------*/
div.content{
	width: 568px;
	min-height: 20px;
	height: auto;
	margin: 0 0 0 3px;
	padding: 0 0 0 0;
	float: left;
	/*background-color: #FF0000;*/
}

/*--------Footer---------------------------------------------------------*/	
div.footer{
	width: 980px;
	height: 88px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	background: url('../images/fd_footer.png') top center no-repeat;
}
	div.footer p {
		color: #FFFFFF;
		font: bold 11px Arial, Helvetica, sans-serif;
	}
	
/*------Mainpage modules------------------------------------*/
div.mainpage_module{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/*------ Page Login ------------------------------------*/
div.new_customer{
	margin:0 10px 0 10px;
	width:240px;
	float:left;
}
	div.new_customer h1{
		text-align:center;
		font:bold 13px Arial, Helvetica, sans-serif;
		color:#333333;
	}
div.login_customer{
	margin:0 10px 0 10px;
	width:240px;
	float:right;
}
	div.login_customer h1{
		text-align:center;
		font:bold 13px Arial, Helvetica, sans-serif;
		color:#333333;
	}
	div.login_customer h2{
		font:bold 13px Arial, Helvetica, sans-serif;
		color:#333333;
	}
	div.login_customer p{
		margin:0;
		padding:0;
		
	}

/*------ CONTENU DE PAGE ------------------------------------*/
div.contenu_page_texte {
	width: 556px;
	height: auto;
	margin: 5px auto 5px 5px;
	padding: 0 0 0 0;
	text-align:justify;
	/*border: 1px solid #FF0000;*/
}
/*------ ERROR ----------------------------------------------*/

.messageStackError, .messageStackWarning {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FF0000;
}
.messageStackSuccess {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FF0000;
}


/*---- CLICANDCALL ---------------------------------------------------------------------------------------------------------*/



	.input {
	background-color:#404040;
	}


	.champ_ok {
	border:1px solid #5D5D5E;
	background-color: #FFFFFF;
	}
	
	.champ_ko {
	background:#FFFFFF;
	border:1px solid #EB7F00;
	}