html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.body {
	background-image: url(images/3cercles.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
div#container {
	position: relative;
	width: 950px;
	margin: 0 auto;
	min-height: 100%;
}
.width300 {
	float: left;
	width: 300px;
}
.width650 {
	float: left;
	width: 650px;

}
.logo {
	height: 125px;
	width: 300px;
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 24px;
	width: 240px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #818284;
	padding-left: 10px;
	margin-top: 10px;
}

.gris {
	color: #818284;
}
.vert {
	color: #8CC63F;
}
.sloganrouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #C92440;
	padding-left: 30px;
}
.sloganvert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #8CC63F;
	padding-left: 30px;

}
div#center {
	border: 1px solid #DEDFE2;
	padding: 10px 20px;
	width: 610px;
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818284;
	margin-top: 15px;
	text-align: justify;
	background-image: url(images/alpha.png);
}
div#flash {
	width: 650px;
	height: 444px;
	float: right;

}
div#baspage {
	width: 950px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #818284;
	border-right-color: #818284;
	border-bottom-color: #818284;
	border-left-color: #818284;
	margin-top: 15px;
	float: left;
	margin-bottom: 5px;
}
.blocappel {
	background-image: url(images/3cercles_appel.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
	width: 296px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #444141;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #818284;
	height: 150px;
	padding-left: 20px;
}
.blocactu {
	float: left;
	width: 296px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818284;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #818284;
	height: 150px;
	padding-left: 20px;


}
.blocnew {
	float: left;
	width: 296px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818284;
	border: none;
	height: 150px;
	padding-left: 20px;
}
.petit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.bloclangues {
	width: 650px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #818284;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: right;
	float: right;





}
.blocmentions {
	text-align: right;
	float: right;
	width: 950px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #818284;

}
.grisfonce {
	color: #444141;
}
.sousmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 240px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #818284;
	margin-top: 10px;
	padding-bottom: 8px;
}
.sloganbleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #16C0F3;
	padding-left: 30px;
}
.bleu {
	color: #16C0F3;
}
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;

}
.bodyfiltre {
	background-image: url(images/3cercles_filtre.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.ssmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9B9D9F;
	padding-left: 30px;
}
.width50 {
	width: 50%;
}
.left {
	float: left;
}
.right {
	float: right;
}
.soustitrebleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #16C0F3;
	width: 100%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #16C0F3;
}
.width100 {
	width: 100%;
	float: left;

}
.onbleu {
	background-color: #16C0F3;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 2px;
}
.NonJustifie {
	text-align: left;

}
.TableProduits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #838486;


}.Rouge {
	color: #C92540;
}
.bouton {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #C21547; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; text-decoration: none; border: D3D3D3; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}.bodyoeno {

	background-image: url(images/3cercles_oeno.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.onrouge {

	background-color: #C92540;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 2px;
}
.bodymicro {

	background-image: url(images/3cercles_micro.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.with50 {
	width: 48%;
	margin-bottom: 50px;

}
.onvert {

	background-color: #8CC63E;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 2px;
}
.TitreTableau {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #606062; height: 36px}
.LigneTableau {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #818284;

}
.soustitrevert {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8CC63E;
	width: 100%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #8CC63E;
}
.blanc {
	color: #FFFFFF;
}
.select {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #E5DECE; height: 20px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-color: #AB9662 AB9662 AB9662; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.ok {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}
.menupuce {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 24px;
	width: 240px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #818284;
	margin-top: 10px;
}
.bandeau {
	float: left;
	width: 650px;
	padding-top: 10px;

}
.new {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #8CC63F;
	padding: 2px;
}
.tablepays {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
}

