/* elements de base */
body { 
	background: #C3AB7D;
	margin: 0px;
	padding: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #472101;
	text-align: center;
	}
p {
margin: 0;
padding: 0;
text-align: left;
}

a {
	font-weight: bold;
	text-decoration: none; 
	color: #472101;
}
a:hover {
	font-weight: bold; 
	text-decoration: underline; 
	color: #472101;
}

img {border: 0 none;}

a img {
border: 0;
}

.photo_CN{
	border: 1px solid #9F836F;
	padding: 0;
	margin: 0;
	}

a.mail {
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline; 
	color: #C3AB7D;
}

a.mail:visited {
	font-weight: normal;
	text-decoration: underline; 
	color: #C3AB7D;
}

a.mail:hover {
	font-weight: normal;
	text-decoration: underline; 
	color: #C3AB7D;
}

/* divs specifiques */


#page { 
	width: 760px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	background: #C3AB7D url(images/fond-degrade.gif) repeat-y;
	padding: 0;
	text-align: center;
	}
	
#page2 { 
	float:left;
	width: 760px;
	margin-bottom: 0px;
	background: #C3AB7D url(images/fond-degrade.gif) repeat-y;
	padding: 0;
	text-align: center;
	}
	
#contact_home {
	float : left;
	width : 422px;
	height : 75px;
	background-image: url(images/fond_contact_bleu_home.png);
	font-family : Arial;
	font-weight:bold;
	font-size:16px;
}

#contact_home2 {
	text-align: center;
	float:left;
	width: 152px;
	background: #C3AB7D url(images/fond-contact_bleu_home2.png) top no-repeat;
	padding: 5px 2px;
	padding-top: 10px;
	margin: 20px auto;
	margin-top : 403px;
	margin-left: 10px;
	color: #572700;
	font-weight: bold;
	font-size: 14px;
}
	
#ombre-haut { 
	width: 760px;
	height: 5px;
	margin: 0;
	background: #C3AB7D url(images/ombre-haut.gif);
	padding: 0;
	text-align: center;
	}
	
#conteneur {
	width: 750px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	background: #DECAA0 url(images/fond-conteneur.gif) repeat-y;
	padding: 0;
	text-align: center;
}

#conteneur-CN {
	width: 750px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	background: black;
	padding: 0;
	text-align: center;
}


#conteneur2 {
	width: 750px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}

#colgauche {
	float: left;
	width: 570px;
	padding: 0;
	margin: 0;
	text-align: left;
	}

	
#coldroite {
	float: right;
	width: 180px;
	padding: 0;
	margin: 0;	
	background: #3C1E07 url(images/fond-coldroite.jpg) top no-repeat;
	text-align: center;
	}
	
#coldroite-CN {
	float: right;
	width: 180px;
	padding: 0;
	margin: 0;	
	background: black;
	text-align: center;
	}
	
#colgauche2 {
	float: left;
	width: 570px;
	padding: 0;
	margin: 0;
	text-align: left;
	}
#coldroite2 {
	float: right;
	width: 180px;
	padding: 0;
	margin: 0;	
	text-align: center;
	}	
	
#menu-index {
	clear: both;
	width: 750px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding: 10px 0 10px 0;
	text-align: center;
	color: #D8B774;
}

#bas-index {
	width: 750px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}

#menudroit {
	width: 160px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin: 0;
	text-align: right;
	color: #D8B774;
	}
	

a.menudroit-bleu {
	color: #D8B774;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-bleu:hover {
	color: #3B1F08;
	background-color: #70CEF5;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-bleu-on {
	color: #3B1F08;
	background-color: #70CEF5;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-bleu-on:hover {
	color: #3B1F08;
	background-color: #70CEF5;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-orange {
	color: #D8B774;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-orange:hover {
	color: #3B1F08;
	background-color: #F75110;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-orange-on {
	color: #3B1F08;
	background-color: #F75110;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-orange-on:hover {
	color: #3B1F08;
	background-color: #F75110;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-jaune {
	color: #D8B774;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-jaune:hover {
	color: #3B1F08;
	background-color: #F7F73D;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-jaune-on {
	color: #3B1F08;
	background-color: #F7F73D;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-jaune-on:hover {
	color: #3B1F08;
	background-color: #F7F73D;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-fushia {
	color: #D8B774;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-fushia:hover {
	color: #3B1F08;
	background-color: #CA439E;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-fushia-on {
	color: #3B1F08;
	background-color: #CA439E;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-fushia-on:hover {
	color: #3B1F08;
	background-color: #CA439E;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-vert {
	color: #D8B774;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-vert:hover {
	color: #3B1F08;
	background-color: #4DA82D;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-vert-on {
	color: #3B1F08;
	background-color: #4DA82D;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-vert-on:hover {
	color: #3B1F08;
	background-color: #4DA82D;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-rose {
	color: #D8B774;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-rose:hover {
	color: #3B1F08;
	background-color: #E79F9A;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-rose-on {
	color: #3B1F08;
	background-color: #E79F9A;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-rose-on:hover {
	color: #3B1F08;
	background-color: #E79F9A;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-corail {
	color: #D8B774;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-corail:hover {
	color: #3B1F08;
	background-color: #D63520;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-corail-on {
	color: #3B1F08;
	background-color: #D63520;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menudroit-corail-on:hover {
	color: #3B1F08;
	background-color: #D63520;
	font-weight: bold;
	text-decoration: none;
	}

#contact {
	text-align: center;
	width: 146px;
	background: #3C1D06 url(images/menu-droit/fond-contact_bleu.png) top no-repeat;
	padding: 5px 2px;
	margin: 20px auto;
	color: #572700;
	font-weight: bold;
	font-size: 14px;
}
.texte-contact2 {
	color: #AC4309;
	font-size: 15px;
	}
.texte-contact {
	color: #572700;
	font-weight: bold;
	font-size: 11px;
	font-family: verdana;
}
.contactgros {
	color: #DFCCA7;
	font-weight: bold;
	font-size: 12px;
	font-family: verdana;
}
a.contact {
	color: #3C1D06;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
a.contact:hover {
	color: #3C1D06;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a.contactgros {
	color: #CBECF9;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
a.contactgros:hover {
	color: #70CEF5;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}



#bas {
clear: both;
visibility: hidden;
width: 750px;
height: 1px;
background: #DECAA0 url(images/fond-conteneur.gif) repeat-y;
}


#menuhaut-accueil {
	position: relative;
	width: 570px;
	height: 100px;
	margin: 0;	
	padding: 0;
	background: #DECAA0 url(images/bandeau-haut/bandeau-accueil.jpg) no-repeat;
	text-align: left;
	}
#menuhaut-organisation {
	position: relative;
	width: 570px;
	height: 100px;
	margin: 0;	
	padding: 0;
	background: #DECAA0 url(images/bandeau-haut/bandeau-organisation.jpg) no-repeat;
	text-align: left;
	}
#menuhaut-torrefaction {
	position: relative;
	width: 570px;
	height: 100px;
	margin: 0;	
	padding: 0;
	background: #DECAA0 url(images/bandeau-haut/bandeau-torrefaction.jpg) no-repeat;
	text-align: left;
	}
#menuhaut-lavazza {
	position: relative;
	width: 570px;
	height: 100px;
	margin: 0;	
	padding: 0;
	background: #DECAA0 url(images/bandeau-haut/bandeau-lavazza.jpg) no-repeat;
	text-align: left;
	}
#menuhaut-produits {
	position: relative;
	width: 570px;
	height: 100px;
	margin: 0;	
	padding: 0;
	background: #DECAA0 url(images/bandeau-haut/bandeau-produits.jpg) no-repeat;
	text-align: left;
	}
#menuhaut-pdj {
	position: relative;
	width: 570px;
	height: 100px;
	margin: 0;	
	padding: 0;
	background: #DECAA0 url(images/bandeau-haut/bandeau-pdj.jpg) no-repeat;
	text-align: left;
	}
#menuhaut-deconsigneur {
	position: relative;
	width: 570px;
	height: 100px;
	margin: 0;	
	padding: 0;
	background: #DECAA0 url(images/bandeau-haut/bandeau-deconsigneur.jpg) no-repeat;
	text-align: left;
	}
	
a.sous-rubrique {
color: #3C1D08;
font-weight: bold;
text-decoration: none;
padding: 0 5px;
font-size: 110%;
}
	a.sous-rubrique.CN{
		color: #dbca98;
	}

a.sous-rubrique:hover {
color: #F0E5CC;
background-color: #3C1D08;
font-weight: bold;
text-decoration: none;
padding: 0 5px;
}
	a.sous-rubrique.CN:hover{
		color: #000000;
		background-color: #dbca98;
	}
	
a.sous-rubrique-on {
color: #F0E5CC;
background-color: #3C1D08;
font-weight: bold;
text-decoration: none;
padding: 0 5px;
font-size: 110%;
}
	a.sous-rubrique-on.CN {
		color: #000000;
		background-color: #dbca98;
	}

a.sous-rubrique-on:hover {
color: #F0E5CC;
background-color: #3C1D08;
font-weight: bold;
text-decoration: none;
padding: 0 5px;
}
	a.sous-rubrique-on.CN:hover {
		color: #000000;
		background-color: #dbca98;
	}

	
#menuhaut-logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 84px;
	height: 100px;
}


#bas-index {
	position: relative;
	width: 750px;
	height: 115px;
	margin: 0;	
	padding: 0;
	background: #461E00 url(images/fond-menubas2.jpg) no-repeat;
	text-align: left;
	}
#bas-index-logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 122px;
	height: 115px;
}
#bas-index-titre {
	position: absolute;
	top: 8px;
	left: 119px;
	width: 628px;
	height: 28px;
	text-align: center;
}
#bas-index-accroche {
	position: absolute;
	top: 40px;
	left: 122px;
	width: 628px;
	height: 70px;
	text-align: center;
}


#contenucolgauche { 
	width: 530px;
	margin: 0;
	padding: 20px;
	text-align: left;
	}
#contenucolgauche-CN { 
	color: #dbca98;
	background-color: #000000;
	width: 530px;
	margin: 0;
	padding: 20px;
	text-align: left;
	}

.texte-contenucolgauche {
	width: 328px;
	font: 12px Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #472101;
	padding: 2px 15px 10px 15px;
	margin: 0;
	line-height: 1.5em;
	}
	.texte-contenucolgauche.CN {
		color: #dbca98;
		}
.texte-contenucolgauche2 {
	width: 185px;
	font: 12px Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #472101;
	padding: 2px 15px 10px 15px;
	margin: 0;
	line-height: 1.5em;
	}

.texte-contenucolgauche3 {
	width: 500px;
	font: 12px Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #472101;
	padding: 2px 15px 10px 15px;
	margin: 0;
	line-height: 1.5em;
	}
	.texte-contenucolgauche3.CN {
		color: #dbca98;
		}

.texte-petit { 
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #472101;
	}

.titre-tableau { 
	font-size: 12px;
	font-weight: bold;
	color: #783C00;
	line-height: 1.2em;
	text-align: left;
	}
	
a.menucontenu-vert {
	color: #4DA82D;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menucontenu-vert:hover {
	color: #fff;
	background-color: #4DA82D;
	font-weight: bold;
	text-decoration: none;
	}
a.menucontenu-vert-on {
	color: #fff;
	background-color: #4DA82D;
	padding: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
a.menucontenu-vert-on:hover {
	color: #fff;
	background-color: #4DA82D;
	font-weight: bold;
	text-decoration: none;
	}


#tirets {
	height: 1px;
	width: 250px;
	background: url(images/tirets.gif) repeat-x;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

#cadre-adresse {
	background-color: #DFCBA8;
	padding: 5px;
	border: 1px solid #9F836F;
	color: #422D07;
}

#ombre-bas { 
	width: 760px;
	height: 30px;
	margin: 0;
	background: #C3AB7D url(images/ombre-bas.gif) no-repeat;
	padding: 10px 0 10px 5px;
	text-align: left;
	font-size: 10px;
	color: #6E572F;
	font-weight: normal;	
	}

a.copyright {
	color: #856329;
	font-weight: normal;
	text-decoration: none;
}
a.copyright:hover {
	color: #856329;
	font-weight: normal;
	text-decoration: underline;
}
.distributoor { 
	font: 10px Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #966D50;
	letter-spacing: 0.1em;
	}


