html, body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 100%;
}

body {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #fff url('../img/background.png') repeat-x top left;
}
body.mceContentBody {
	background-image:none;
}
body.size0{
	font-size: 10px;
}
body.size2{
	font-size: 14px;
}
body.size3{
	font-size: 16px;
}
body.size4{
	font-size: 18px;
}

a img { border: none; }

#content {
	width: 835px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

#logo {
	float: left;
	width: 127px;
	height: 114px;
	padding: 0px 0px 0px 0px;
	margin: 0px 35px 0px 0px;
	background: url('../img/logo_viandesroy.png') no-repeat top left;
}

/********** menu **********/

#menu {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menu ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menu ul li {
	float: left;
	display: block;
	font-size: 11px;
	color: #a7005b;
	line-height: 60px;
	padding: 0px 0px 0px 0px;
	margin: 0px 40px 0px 0px;
}
/*
.size0 #menu ul li{
	font-size: 10px;
}
.size2 #menu ul li{
	font-size: 13px;
	margin-right: 35px;
}
.size3 #menu ul li{
	font-size: 14px;
	margin-right: 30px;
}
.size4 #menu ul li{
	font-size: 17px;
	margin-right: 15px;
}
*/


#menu ul li a {
	height: 40px;
	color: #a7005b;
	text-transform:uppercase;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

#menu ul li a:link {	color: #a7005b; text-decoration: none; }
#menu ul li a:visited { color: #a7005b; text-decoration: none; }
#menu ul li a:hover { color: #685040; text-decoration: none; border-top: 5px solid #685040; padding: 18px 0px 0px 0px;}
#menu ul li a:active { color: #685040; text-decoration: none; border-top: 5px solid #685040; padding: 18px 0px 0px 0px;}

#menu ul li a.active {
	color: #685040;
	padding: 18px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	border-top: 5px solid #685040;
}


h1 {
	font-size: 20px;
	font-weight: 400;
	color: #a7005b;
	line-height: 26px;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.size0 h1{
	font-size: 16px;
}
.size2 h1{
	font-size: 22px;
}
.size3 h1{
	font-size: 24px;
}
.size4 h1{
	font-size: 26px;
}


h2 {
	font-size: 14px;
	font-weight: 900;
	color: #685040;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.size0 h2{
	font-size: 12px;
}
.size2 h2{
	font-size: 16px;
}
.size3 h2{
	font-size: 18px;
}
.size4 h2{
	font-size: 20px;
}

h3 {
	display: inline;
	font-size: 11px;
	font-weight: 900;
	color: #685040;
	text-transform: uppercase;
	line-height: 16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
.size0 h3{
	font-size: 10px;
}
.size2 h3{
	font-size: 13px;
}
.size3 h3{
	font-size: 15px;
}
.size4 h3{
	font-size: 17px;
}

h4 {
	font-size: 12px;
	font-weight: 400;
	color: #685040;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.size0 h4{
	font-size: 10px;
}
.size2 h4{
	font-size: 14px;
}
.size3 h4{
	font-size: 16px;
}
.size4 h4{
	font-size: 18px;
}

h5 {
	display: inline;
	font-size: 12px;
	font-weight: 900;
	color: #685040;
	line-height: 16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
.size0 h5{
	font-size: 10px;
}
.size2 h5{
	font-size: 14px;
}
.size3 h5{
	font-size: 16px;
}
.size4 h5{
	font-size: 18px;
}


p {
	font-size: 12px;
	font-weight: 400;
	color: #685040;
	line-height: 15px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}
.size0 p{
	font-size: 10px;
}
.size2 p{
	font-size: 14px;
}
.size3 p{
	font-size: 16px;
}
.size4 p{
	font-size: 18px;
}

p.courriels {
	margin: 0px 0px 0px 0px;
}


/********** accueil **********/

#introduction {
	float: left;
	width: 535px;
	padding: 0px 0px 0px 0px;
	margin: 60px 0px 0px 0px;
}

/*** menu accueil ***/

#menu_accueil {
	position: relative;
	width: 835px;
	height: 375px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	background: url('../img/menu_accueil.jpg') no-repeat top center;
}


#btn_produits {
	position: absolute;
	top: 4px;
	left: 145px;
	width: 140px;
	height: 110px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('../img/boutons_accueil/btn_produits.png') no-repeat top left;
	cursor: pointer;
}

#btn_produits:hover {
	background: url('../img/boutons_accueil/btn_produits_hover.png') no-repeat top left;
}

#btn_produits a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	color: #a7005b;
	text-transform: uppercase;
	line-height: 82px;
	text-indent: 35px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

#btn_produits a:link { color: #a7005b; text-decoration: none; }
#btn_produits a:visited { color: #a7005b; text-decoration: none; }
#btn_produits a:hover { color: #685040; text-decoration: none; }
#btn_produits a:active { color: #685040; text-decoration: none; }

#btn_produits:hover a {
	font-size: 11px;
	color: #685040;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#btn_tracabilite {
	position: absolute;
	top: 204px;
	left: 147px;
	width: 137px;
	height: 111px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('../img/boutons_accueil/btn_tracabilite.png') no-repeat top left;
	cursor: pointer;
}

#btn_tracabilite:hover {
	background: url('../img/boutons_accueil/btn_tracabilite_hover.png') no-repeat top left;
}

#btn_tracabilite a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	color: #a7005b;
	text-transform: uppercase;
	line-height: 82px;
	text-indent: 25px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

#btn_tracabilite a:link { color: #a7005b; text-decoration: none; }
#btn_tracabilite a:visited { color: #a7005b; text-decoration: none; }
#btn_tracabilite a:hover { color: #685040; text-decoration: none; }
#btn_tracabilite a:active { color: #685040; text-decoration: none; }

#btn_tracabilite:hover a {
	font-size: 11px;
	color: #685040;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#btn_historique {
	position: absolute;
	top: 42px;
	left: 418px;
	width: 137px;
	height: 111px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('../img/boutons_accueil/btn_historique.png') no-repeat top left;
	cursor: pointer;
}

#btn_historique:hover {
	background: url('../img/boutons_accueil/btn_historique_hover.png') no-repeat top left;
}

#btn_historique a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	color: #a7005b;
	text-transform: uppercase;
	line-height: 84px;
	text-indent: 45px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

#btn_historique a:link { color: #a7005b; text-decoration: none; }
#btn_historique a:visited { color: #a7005b; text-decoration: none; }
#btn_historique a:hover { color: #685040; text-decoration: none; }
#btn_historique a:active { color: #685040; text-decoration: none; }

#btn_historique:hover a {
	font-size: 11px;
	color: #685040;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#btn_nousjoindre {
	position: absolute;
	bottom: 0px;
	right: 215px;
	width: 145px;
	height: 107px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('../img/boutons_accueil/btn_nousjoindre.png') no-repeat top left;
	cursor: pointer;
}

#btn_nousjoindre:hover {
	background: url('../img/boutons_accueil/btn_nousjoindre_hover.png') no-repeat top left;
}

#btn_nousjoindre a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	color: #a7005b;
	text-transform: uppercase;
	line-height: 115px;
	text-indent: 38px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

#btn_nousjoindre a:link { color: #a7005b; text-decoration: none; }
#btn_nousjoindre a:visited { color: #a7005b; text-decoration: none; }
#btn_nousjoindre a:hover { color: #685040; text-decoration: none; }
#btn_nousjoindre a:active { color: #685040; text-decoration: none; }

#btn_nousjoindre:hover a {
	font-size: 11px;
	color: #685040;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#btn_expertise {
	position: absolute;
	top: 43px;
	right: 97px;
	width: 140px;
	height: 110px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('../img/boutons_accueil/btn_expertise.png') no-repeat top left;
	cursor: pointer;
}

#btn_expertise:hover {
	background: url('../img/boutons_accueil/btn_expertise_hover.png') no-repeat top left;
}

#btn_expertise a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	color: #a7005b;
	text-transform: uppercase;
	line-height: 82px;
	text-indent: 52px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

#btn_expertise a:link { color: #a7005b; text-decoration: none; }
#btn_expertise a:visited { color: #a7005b; text-decoration: none; }
#btn_expertise a:hover { color: #685040; text-decoration: none; }
#btn_expertise a:active { color: #685040; text-decoration: none; }

#btn_expertise:hover a {
	font-size: 11px;
	color: #685040;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#grosseur_texte {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#grosseur_texte ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#grosseur_texte ul li {
	display: inline;
	color: #a7005b;
	font-size: 11px;
	line-height: 60px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 8px;
}

#grosseur_texte ul li a {
	color: #a7005b;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

#grosseur_texte ul li a:link { color: #a7005b; text-decoration: none; }
#grosseur_texte ul li a:visited { color: #a7005b; text-decoration: none; }
#grosseur_texte ul li a:hover { color: #685040; text-decoration: none; }
#grosseur_texte ul li a:active { color: #685040; text-decoration: none; }


#page {
	width: 835px;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
}

#titre_page {
	width: 690px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 25px 145px;
	border-bottom: 1px solid #b4a7a0;
}

#contenu {
	width: 690px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 145px;
}
/*************contenu centre *************/
#contenu_centre {
	float: left;
	width: 680px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*************contenu gauche *************/

#contenu_gauche {
	float: left;
	width: 440px;
	padding: 0px 30px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.contenu_gauche_item {
	width: 440px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.contenu_gauche_item2 {
	width: 440px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
}

.contenu_gauche_item3 {
	width: 440px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}

.contenu_gauche_titre {
	text-align:right;
	float: left;
	width: 105px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.contenu_gauche_infos {
	float: left;
	width: 325px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.contenu_gauche_infos a {
	font-size: 12px;
	color: #a7005b;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

.contenu_gauche_infos a:link { color: #a7005b; text-decoration: none; }
.contenu_gauche_infos a:visited { color: #a7005b; text-decoration: none; }
.contenu_gauche_infos a:hover { color: #a7005b; text-decoration: underline; }
.contenu_gauche_infos a:active { color: #a7005b; text-decoration: underline; }
	

.contenu_gauche_item ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.contenu_gauche_item ul li {
	font-size: 16px;
	font-weight: 900;
	color: #a7005b;
	line-height: 22px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

.contenu_gauche_item ul li a {
	font-size: 16px;
	font-weight: 900;
	color: #a7005b;
	padding: 0px 0px 0px 26px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	background: url('../img/fleche_orange.png') no-repeat center left;
}
.size0 .contenu_gauche_item ul li a{
	font-size: 14px;
}
.size2 .contenu_gauche_item ul li a{
	font-size: 18px;
}
.size3 .contenu_gauche_item ul li a{
	font-size: 20px;
}
.size4 .contenu_gauche_item ul li a{
	font-size: 22px;
}

.contenu_gauche_item ul li a:link { color: #a7005b; text-decoration: none; }
.contenu_gauche_item ul li a:visited { color: #a7005b; text-decoration: none; }
.contenu_gauche_item ul li a:hover { color: #685040; text-decoration: none; }
.contenu_gauche_item ul li a:active { color: #685040; text-decoration: none; }
.contenu_gauche_item ul li a.active { color: #685040; text-decoration: none; }


/************* contenu droite *************/

#contenu_droite {
	float: left;
	width: 220px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#contenu_droite img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#box {
	width: 220px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#titre_box {
	width:183px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #b4a7a0;
}

#box_repeat {
	width: 183px;
	padding: 0px 25px 20px 12px;
	margin: 0px 0px 0px 0px;
	background: url('../img/box_repeat.png') repeat-y top left;
}


#box_top {
	width: 220px;
	height: 18px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('../img/box_top.png') no-repeat top left;
}

#box_bottom {
	width: 220px;
	height: 18px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('../img/box_bottom.png') no-repeat top left;
}

#box a {
	display: block;
	color: #a7005b;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	cursor: pointer;
}
.size0 #box a{
	font-size: 10px;
}
.size2 #box a{
	font-size: 14px;
}
.size3 #box a{
	font-size: 16px;
}
.size4 #box a{
	font-size: 18px;
}

#box a:link { color: #a7005b; text-decoration: none; }
#box a:visited { color: #a7005b; text-decoration: none; }
#box a:hover { color: #685040; font-weight: 900; text-decoration: none; }
#box a:active { color: #685040; font-weight: 900; text-decoration: none; }
#box a.active { color: #a7005b; font-weight: 900 !important; text-decoration: underline; }

p.box {
	font-size: 12px;
	line-height: 14px;
	margin: 0px 0px 12px 0px;
}
.size0 p.box{
	font-size: 10px;
}
.size2 p.box{
	font-size: 14px;
}
.size3 p.box{
	font-size: 16px;
}
.size4 p.box{
	font-size: 18px;
}


/********** popup produits **********/


#popup_produits_boeuf {
	position: absolute;
	left: 50%;
	display:none;
	top: 70px;
	width: 780px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -390px;
}

#popup_produits_porc {
	position: absolute;
	left: 50%;
	display:none;
	top: 70px;
	width: 780px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -390px;
}

#popup_produits_volaille {
	position: absolute;
	left: 50%;
	display:none;
	top: 70px;
	width: 780px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -390px;
}

#popup_produits_veau {
	position: absolute;
	left: 50%;
	display:none;
	top: 70px;
	width: 780px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -390px;
}

#popup_produits_charcuterie {
	position: absolute;
	left: 50%;
	display:none;
	top: 70px;
	width: 780px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -390px;
}

.popup_produits_top img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
}

.popup_produits_repeat img.produit {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border: none;
}

.popup_produits_top {
	width: 780px;
	height: 68px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

.popup_produits_repeat {
	width: 780px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('../img/popup_repeat.png') repeat-y top left;
}

.popup_produits_bottom {
	width: 780px;
	height: 68px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('../img/popup_bottom.png') no-repeat top left;
}

.titre_popup {
	width: 668px;
	padding: 0px 0px 0px 0px;
	margin: 0px 59px 15px 53px;
	border-bottom: 1px solid #b4a7a0;
}

.popup_contenu {
	width: 668px;
	padding: 0px 0px 0px 0px;
	margin: 0px 59px 0px 53px;
}

.popup_gauche {
	float: left;
	width: 314px;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.popup_gauche ul {
	list-style-type: disc;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 10px 0px;
}	

.popup_gauche ul li {
	color: #685040;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.size0 .popup_gauche ul li{
	font-size: 10px;
}
.size2 .popup_gauche ul li{
	font-size: 14px;
}
.size3 .popup_gauche ul li{
	font-size: 16px;
}
.size4 .popup_gauche ul li{
	font-size: 18px;
}

.popup_droite {
	float: left;
	width: 314px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}

p.note {
	font-style: italic;
}

.popup_produits_repeat a {
	/*font-size: 12px;*/
	color: #a7005b;
	font-style: italic;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

.popup_produits_repeat a:link { color: #a7005b; text-decoration: none; }
.popup_produits_repeat a:visited { color: #a7005b; text-decoration: none; }
.popup_produits_repeat a:hover { color: #a7005b; text-decoration: underline; }
.popup_produits_repeat a:active { color: #a7005b; text-decoration: underline; }


/********** colonne droite produits **********/

#indice_couleur {
	width: 183px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#indice_flaveur {
	width: 183px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#indice_jutosite {
	width: 183px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#indice_tendrete {
	width: 183px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.invisible {
	display: none;
}


#carte_nousjoindre {
	width: 288px;
	height: 236px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	background: url('../img/carte_nousjoindre.jpg') no-repeat top left;
}
#carte_frame{
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border:#ada9a0 1px solid;
}


/************** pied pad *************/

#pied_page {
	width: 690px;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 145px;
}

.pied_page_accueil {
	width: 690px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 145px !important;
}

p.piedpage {
	font-size: 10px;
	color: #af9c90;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}