/* CSS Document */

body{
	margin:0;
	padding:0;
	background:url(../images/fond-general.jpg) repeat-x #222128;
}


#conteneur{
	width:auto;
	clear:both;
	margin:10px 0 0 0;	
	background:#FFFFFF;

}
#conteneurHomepage{
	width:auto;
	clear:both;
	margin:0;	
	background:#FFFFFF;

}

.texte{
	font-size: 12px;
	color: #000;
	font-family: Tahoma, Arial, Verdana;
	margin:0;
	padding:0;
}
.texte p{

	margin:0;
	padding:0;
}

p a{
	color: #000;
}
p a:hover{
	text-decoration:none;
}

h1{
	background:url(../images/bg-h2.png) repeat-x;
	font-family: Tahoma, Arial, Verdana;
	font-size: 22px;
	color: #98A93C;
	font-weight: normal;
	height:36px;
	line-height:33px;
	margin:0;
}

h2{
	font-family: Tahoma, Arial, Verdana;
	font-size: 22px;
	color: #666666;
	font-weight: normal;
	margin:0;
	border-bottom:1px dotted #98A93C;

}
h3{
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin:0;


}

#header{
	height:89px;
	width:942px;
	margin:auto;
	background:url(../images/bg-floral-menu.jpg) ;
}
#contenu{
	clear:both;
	width:963px;
	margin:auto;
	padding:0;

}

#logo{
	float:left;
	width:128px;
	height:89px;
}
#logo span{
	display:none;
}
#mail{
	float:right;
	background: url(../images/mail-Icon.png) no-repeat;
	height:20px;
	padding-left:20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	margin-top:15px;
}
#mail a{
	font-family: "Times New Roman", Times, serif;
	color: #98A93C;
}
#mail a:hover{
	text-decoration:none;
}



#menu{
	clear:both;
	width:942px;
	margin:auto;

}
#menu ul{
	margin:0;
	padding:12px 0 0 0;

}
#menu li{
	float:left;
	margin-right:30px;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	list-style-type:none;
}
#menu li a{
	text-decoration:none;
	color:#FFFFFF;
}
#menu li a:hover{
	text-decoration:none;
	color:#000;
}
.currentmenu{
	color:#000000 !important;
	text-decoration:none;}
	.currentmenu a{
	color:#000000 !important;
	text-decoration:none;}

.menuhomepage{	
	height:41px;
	width:963px !important;
	margin:auto !important;
}

	
#boutarbre{
	margin:0;
	float:left;
	width:341px;
	height:51px;
	background: url(../images/top-arbre.jpg) no-repeat 103px 0 ;
}
#arbre{
	background:url(../images/arbre.jpg) no-repeat;
	width:345px;
	height:243px;
	float:left;
	margin:0;
}



#HomepageConteneur2{
	width:auto;
	clear:both;
}
#Bienvenue{
	float:left;
	margin:0;

	width:565px;
	padding:15px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	color: #666666;
}

.WidgetHomepage{
	margin:0;
	float:left;
	font-family: Tahoma, Arial, Verdana;
}
.WidgetPage{
	margin:0;
	float:left;
	font-family: Tahoma, Arial, Verdana;
	height:inherit !important;
}
#WidgetProduits{
	background:url(../images/homepage-bgProduits.jpg);
	width:325px;
	padding:10px;
	height:195px;}
#WidgetProduits ul{
	margin:15px 0 0 0;
	padding:0;
}
#WidgetProduits li{
	background:url(../images/puce-verte.png) no-repeat;
	padding-left:15px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	color: #666666;
	list-style-type:none;
	line-height:10px;
	height:20px;
}
#WidgetProduits li a{
	color: #666666;	
}
#WidgetProduits li a:hover{
	text-decoration:none;
}
#WidgetNouveautes{
	background:url(../images/homepage-bgNouveautes.jpg) no-repeat;
	width:280px;
	padding:10px;
}
#WidgetNouveautesPages{
	background:url(../images/homepage-bgNouveautes.jpg) no-repeat;
	width:auto;
	padding:10px;
}
#WidgetNouveautesPages p{
	font-size: 11px;
	color: #666666;
	margin:10px 0 0 0;
}
#WidgetNouveautes img, #WidgetNouveautesPages img{
	width:70px;
	height:65px;
	border:1px solid #D4D8C0;
	padding:3px;
}
#WidgetNouveautes table, #WidgetNouveautesPages table{
	margin-top:15px;
	font-size: 11px;
	color: #666666;
}
#WidgetNouveautes table a, #WidgetNouveautesPages table a{
	color: #666666;
}
#WidgetNouveautes table a:hover, #WidgetNouveautesPages table a:hover{
	text-decoration:none;
}
#WidgetNouveautes td, #WidgetNouveautesPages td{
padding-right:5px;
}
#WidgetActu{
	background: url(../images/homepage-bgActu.jpg) no-repeat;
	width:280px;
	padding:10px;
}
#WidgetActu p{
	margin:5px 0 10px 0;
	font-size: 12px;
	color: #666666;
}

#footer{
	clear:both;
	width:900px;
	margin:10px auto 20px auto;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #838386;
	text-align:center;
}
.details{
	background: url(../images/puce-verte.png) no-repeat right;
	clear:both;
	margin:10px 0 0 5px;
	font-size: 11px;
	width:90px
}
.details a{
	color:#000000;
}
.details a:hover{
	text-decoration:none;
}

.date{
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	font-weight: normal;
	color: #98A93C;
	margin:15px 0 0 0;
}




#menuPage{
	float:left;
	width:250px
}

#vousetes{
	height:30px;
	line-height:30px;
	background:#EFEFEF;
	width:auto;
	margin:5px 0 0 0;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #999999;
	padding:0 0 0 7px;
}
#vousetes a{
	color: #999999;
}
#vousetes a:hover{
	text-decoration:none;
}
#Page{
	width:640px;
	float:left;
	margin:10px;}
	
#Page p{
	font-size: 12px;
	color: #333333;
	font-family: Tahoma, Arial, Verdana;
}
#Page table{
	width:100%;
	clear:both;
	margin:15px 0 15px 0;
	border-bottom:1px dashed #D4D8C0;
	padding-bottom:15px;
}
#Page td{
	padding-right:10px;
}
#Page td img{
	width:100px;
	height:90px;
	border:1px solid #ccc;
	padding:3px;
}
#Pagedetail{
	width:640px;
	float:left;
	margin:10px;}
	
#Pagedetail p{
	font-size: 12px;
	color: #333333;
	font-family: Tahoma, Arial, Verdana;
}
#Pagedetail table{
	width:100%;
	clear:both;
	margin:15px 0 15px 0;
	border-bottom:1px dashed #D4D8C0;
	padding-bottom:15px;
}
#Pagedetail td{
	padding-right:10px;
}
#Pagedetail td img{
	width:300px;
	border:1px solid #ccc;
	padding:3px;
}


#PageLivraison{
	width:670px;
	float:left;
	margin:10px;}
	
#PageLivraison p, #PageLivraison ul{
	font-size: 12px;
	color: #333333;
	margin:0 10px 10px 10px;
	font-family: Tahoma, Arial, Verdana;
}
#PageLivraison table{
	width:100%;
	clear:both;
	margin:15px 0 15px 0;
	border-bottom:1px dashed #D4D8C0;
	padding-bottom:15px;
}
#PageLivraison td{
	padding:0 10px 5px 0;
}







#PageFormulaire{
	width:940px;
	float:left;
	margin:10px;}
	
#PageFormulaire p{
	font-size: 12px;
	color: #333333;
	font-family: Tahoma, Arial, Verdana;
}
#PageFormulaire table{
	width:100%;
	clear:both;
	margin:15px 0 15px 0;
	border-bottom:1px dashed #D4D8C0;
	padding-bottom:15px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	color: #333333;
}
#PageFormulaire td{
	padding:5px;
}
#PageFormulaire td img{
	border:1px solid #ccc;
	padding:3px;
}
#PageFormulaire th{
	height:20px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background:#CCCCCC;
	text-align:center !important;
	line-height:20px;
	padding:0 0 0 5px; !important;
	margin:0 !important;
}

.detailsProduits{
	background: url(../images/detailprod.png) no-repeat;
	padding-left:20px;
	clear:both;
	margin:10px 0 0 5px;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
}
.detailsProduits a{
	color:#000000;
}
.detailsProduits a:hover{
	text-decoration:none;
}


.interresse{
	background: url(../images/fond-interresse.jpg) repeat-x;
	height:48px;
	line-height:48px;
	white-space:nowrap;
	clear:both;
	margin:10px 0 0 0;
	font-size: 15px;
	width:220px;
	text-align:center;
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
}
.interresse a{
	color:#fff;
	text-decoration:none;
	text-align:center;
}
.interresse a:hover{
	text-decoration:none;
	color:#FF9999;
}

#photoHomepage{
	float:left;
	width:267px;

}

#vignettesProduit{
	clear:both;
	width:auto;
}
#vignettesProduit ul{
	margin:5px 0 0 0;
	padding:0;
}
#vignettesProduit li{
	float:left;
	list-style-type:none;
	margin-right:5px ;
}
#vignettesProduit li img{
	width:91px;
	height:63px;
	border:0;
	padding:2px;
}
.doc{
	background:url(../images/document_small.png) no-repeat 0 2px;
	padding-left:18px;
	margin:0;}
	
#promotion{
	width:auto;
	clear:both;
	margin:10px 0 5px 0;
	background:#E1E6C6;
	color:#000000;
	padding:5px;
}
#promotion p{
	margin:0;
	padding:0;
}
.promo{
	background: url(../images/exclamation.png) no-repeat;
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	color: #000000;
	padding-left:20px;
	font-weight: bold;
	margin-bottom:5px;
}

.total{
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.refresh{
	background: url(../images/refresh.png) no-repeat;
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	color: #000000;
	padding-left:20px;
	font-weight: bold;
	margin:10px 0 5px 0;
}
.refresh a{
	color: #000000;
}
.refresh a:hover{
	text-decoration:none;
}

.modif{
	background: url(../images/modif.png) no-repeat;
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	color: #000000;
	padding-left:20px;
	font-weight: bold;
	margin-bottom:5px;
}
.modif a{
	color: #000000;
}
.modif a:hover{
	text-decoration:none;
}

#map{
	width:550px;
	height:500px;
	border:3px solid #ccc;
	padding:2px;
}

#film{
	background:url(../images/film.png) no-repeat 3px 5px;
	padding:5px 5px 5px 23px;
	height:16px;
	line-height:16px;
	color:#50679F;
	font-size: 16px;
	font-weight: normal;
	margin:3px 0 0 0 ;
	float:right;
	border:1px solid #ccc;
	
}
#film a{
	color:#50679F;
	text-decoration:none;
}
#film a:hover{
	color:#000;
	text-decoration:none;
}