@charset "UTF-8";
/* CSS Document */

body {
	font-family:Tahoma, Geneva, sans-serif;
	padding:0;
	margin:0 auto;
	background: url(../images/bg.jpg) repeat-x #bcbcbc;
}
#global{
	width:1041px;
	height:auto;
	padding:0;
	margin:0 auto;
}
#contenu{
	width:1041px;
	overflow:auto;
	display:block;
	background:url(../images/tuile_contenu.png) repeat-y;
}



#top{
	width: 1041px;
	height:173px;
	padding:0;
	margin:60px 0 0 0;
	background: url(../images/header.png) no-repeat;
	background-position: left;
}
#logo_top{
	margin:0 0 0 20px;
	padding:45px 0 0 0;
}
#nav{
	width: 1041px;
	height:24px;
	text-transform:uppercase;
	background:url(../images/tuile_contenu.png) repeat-y;
}
#nav ul{
	width:500px;
	height:24px;
	background-color:#bcbcbc;
	list-style-type: none;
	float: right;
	margin:0 40px 0 0;
	padding:0 0 0 20px;
}
#nav li{
	font-size: 11px;
	color: #fff;
	display: inline;
	margin-right:10px;
	text-transform:uppercase;
}
#nav ul li a{
	font-size: 11px;
	color: #000;
	list-style-type: none;
	text-decoration: none;
	font-weight: bolder;
	}
#nav ul li a:hover{
	font-size: 11px;
	color: #c52127;
	list-style-type: none;
	text-decoration: none;
	font-weight: bold;
}
p{
	font-size: 15px;
	color: #000;
	line-height: 20px;
	margin: 5px 14px 0 20px;
}
h1{
	font-size: 20px;
	font-weight: bold;
	text-transform:uppercase;
	color:#c52127;
	padding:12px 0 0 0;

}
h2{
	font-size: 32px;
	line-height:50px;
	color: #4a6680;
	margin:0;
	font-weight: normal;
}
h3{
	font-size: 15px;
	font-weight: bold;
	color: #c52127;
	margin: 10px 14px 0 20px;
}
h4{
	font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size:11px;
	color:#000;
	margin: 1px 14px 0 20px;

	
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #d9901a;
	background-position: left;
	letter-spacing: 0.1em;
	margin: 10px 14px 0 20px;
}

img{
	margin:0 auto;
	padding:0;
}
h2 a{
	color:#af292e;
}

p a{
	font-size:14px;
	color:#af292e;
	text-decoration: none;
}

#nav_gauche{
	width: 280px;
	margin-bottom: 50px;
	top:-40px;
	position:relative;
}
#nav_gauche ul{
	list-style-type: none;
	float: right;
}
#nav_gauche li img{
	text-decoration: none;
	margin-left:15px;
}
#nav_gauche ul li a{
	font-size: 11px;
	color: #fff;
	list-style-type: none;
	text-decoration: none;
	letter-spacing: 0.2em;
	font-weight: bolder;
}
#nav_gauche ul li a:hover{
	font-size: 11px;
	color: #d9901a;
	list-style-type: none;
	text-decoration: none;
	font-weight: bold;
}

#flash{
	background: url(../images/tuile_contenu.png) repeat-y;
	
}
#flash_slideshow{
	width:960px;
	height:302px;
	margin:0 auto;
	border-top:3px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
	
}
#flash p{
	color: #fff;
	font-size: 10px;
	margin-left: 10px;
}
#flash a{
	color: #fff;
	font-size: 10px;
	text-decoration: underline;
}


#contenugauche{
	width:270px;
	position:relative;	
	float: left;
	padding:0 0 0 35px;
	margin:50px 0 0 0;
}

#contenugauche img{
	border-bottom:1px solid #000;
}
.contenudroite{
	width:680px;
	float:left;
	padding:0;
	margin:0 0 20px 20px;
}


.contenudroite a img{
	margin:10px 0 0 0;
}

.contenudroite img{
	margin:15px 0 0 0;
}
.contenudroite ul {
	margin:0;
}
.contenudroite li{
	font-size:15px;
	list-style-type:circle;
}
	
.contenudroite a{
	font-size:15px;
	color:#c52127;
	margin:5px 5px 0 0;
	text-decoration:none;
}
.contenudroite a:hover{
	font-size:15px;
	color:#000;
	margin:5px 5px 0 0;
	text-decoration:none;
}
.contenudroite_1{
	width:400px;
	float:left;
}
.contenudroite_2{
	width:280px;
	float:right;
}

.rejoindre{
	list-style-type:none;
}
.facebook{
	margin-bottom:5px;
	float:right;
}
.image{
	margin:0;
	padding:0 5px 0 0;
	float:left;
}
#contenudroiteimage ul li a{
	width:356px;
	float:left;
	padding:0 5px 0 0;
	display:block;
}


#pied{
	background: url(../images/bg_bas_page.jpg) repeat-x;
	height:124px;
	clear:both;
	padding-top:5px;
}

#pied_info_1 {
	width:1041px;
	font-size:11px;
	line-height:20px;
	color:#fff;
	margin:0 auto;
	}
#pied_info_1 table{
	color:#fff;
	text-decoration:none;
}
#pied_info_1 table a{
	color:#fff;
	text-decoration:none;
}
#pied_info_1 table a:hover{
	color:#000;
	text-decoration:none;
}

.bordure{
	border-right:1px #000 dotted;
}
.bold_rouge{
	color:#c52127;
	text-transform:uppercase;
	font-weight:bold;
}

a.confiseries {
	width: 227px;
	height: 82px;
	display:block;
	background-image: url(../images/bt_confiserie_off.jpg);
	background-repeat: no-repeat;
}
a.confiseries:hover {
	background-image: url(../images/bt_confiserie_on.jpg);
	background-position: bottom center;
}

a.liqueurs {
	width: 227px;
	height: 92px;
	display:block;
	background-image: url(../images/bt_liqueurs_off.jpg);
	background-repeat: no-repeat;
}
a.liqueurs:hover {
	background-image: url(../images/bt_liqueurs_on.jpg);
	background-position: bottom center;
}

a.cafe {
	width: 227px;
	height: 92px;
	display:block;
	background-image: url(../images/bt_cafe_off.jpg);
	background-repeat: no-repeat;
}
a.cafe:hover {
	background-image: url(../images/bt_cafe_on.jpg);
	background-position: bottom center;
}

a.refrigeres {
	width: 227px;
	height: 106px;
	display:block;
	background-image: url(../images/bt_refrigeres_off.jpg);
	background-repeat: no-repeat;
}
a.refrigeres:hover {
	background-image: url(../images/bt_refrigeres_on.jpg);
	background-position: bottom center;
}

.produits2{
	width:150px;
	float:left;
	position:relative;
	margin:0 10px 0 0;
}
.produits2 img{
	margin:0;
	border:none;
}
.contenudroit_pied{
	width:680px;
	clear:both;
}

.contenudroit_pied p{
font-size:14px;
	color:#000;
}

.separation{
	width:680px;
	height:1px;
	clear:both;
	margin-bottom:20px;
}