/* CSS Document
© CreaCom Design */

* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box; 
}

html{		
margin: 0px;
padding: 0px;}

body {
	margin: 0; border: 0;
	background: #1e0b04 url('images/background.jpg') top center no-repeat;
	padding: 0;}
	
.imagecursor {
cursor: pointer;
}
	
#globalcontainer {
	width: 758px;
	height: auto;
	margin: 80px auto 0 auto;
}

div#top {
width: 758px;
height: 182px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#topboxes1 {
width: 182px;
height: 182px;
padding: 0; 
border: 0; 
margin: 0 10px 0 0;
float: left;
}

#topboxes2 {
width: 182px;
height: 182px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#midboxes {
width: 758px;
height: 374px;
padding: 0; 
border: 0; 
margin: 10px 0 0 0;
float: left;
}

#midboxes2 {
width: 758px;
height: auto;
padding: 0; 
border: 0; 
margin: 10px 0 0 0;
float: left;
}

#leftmenubox {
width: 182px;
height: 374px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#menutop {
width: 180px;
height: 180px;
padding: 0; 
border-top: 1px solid #ffffff; 
border-left: 1px solid #ffffff; 
border-right: 1px solid #ffffff; 
margin: 0;
float: left;
}

#menulinkstemp {
width: 180px;
height: auto;
padding: 0; 
border: 0; 
margin: 2px 0 0 0;
color : #ffffff;
text-align: center;
font-weight:lighter;
font : 11px Helvetica, Arial, sans-serif;
line-height: 1.1em;
float: left;
}

#menulinks {
width: 180px;
height: auto;
padding: 0; 
border: 0; 
margin: 8px 0 0 0;
color : #ffffff;
text-align: center;
font-weight:lighter;
font : 12px Helvetica, Arial, sans-serif;
line-height: 1em;
float: left;
}

#menulinks a {
color : #ffffff;
font : 11px Helvetica, Arial, sans-serif;
font-weight:lighter;
text-decoration: none;
outline: none;
-moz-outline-style: none;
}

#menulinks a:hover {
outline: none;
color : #c8d200;
font : 11px Helvetica, Arial, sans-serif;
font-weight:lighter;
text-decoration: none;
-moz-outline-style: none;
}

a{outline: none;}
:focus{-moz-outline-style: none;}

#menubottom {
width: 180px;
height: 180px;
padding: 0; 
border-bottom: 1px solid #ffffff; 
border-left: 1px solid #ffffff; 
border-right: 1px solid #ffffff; 
margin: 10px 0 0 0;
float: left;
}

#menulinks2 {
width: 180px;
height: auto;
padding: 0; 
border: 0; 
margin: 35px 0 0 0;
text-align: center;
font-weight:lighter;
font : 11px Helvetica, Arial, sans-serif;
line-height: 2em;
float: left;
}

#rightbloc {
width: 566px;
height: 374px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#topbloc {
width: 566px;
height: 182px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#bottombloc {
width: 566px;
height: 182px;
padding: 0; 
border: 0; 
margin: 10px 0 0 0;
float: left;
}

#welcomebox {
width: 374px;
height: 182px;
padding: 0; 
border: 0; 
margin: 0;
background: url('images/welcome-bg.gif') no-repeat;
float: right;
}

#textesectionbox {
width: 360px;
height: auto;
color: #c6c1be;
font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.1em;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#titresections {
width: 315px;
height: 29px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#maintextbox {
width: 350px;
height: auto;
padding: 0; 
border: 0; 
margin: 1px 0 0 0;
float: left;
}

#bigletter {
width: 29px;
height: 36px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#textpart1 {
width: 317px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
text-align: left;
float: right;
}

#textpart2 {
width: 350px;
height: auto;
padding: 0; 
border: 0; 
margin: 10px 0 0 0;
text-align: left;
float: left;
}

#textpart3 {
width: 350px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
text-align: left;
float: left;
}

#textesectioncave {
width: 360px;
height: auto;
padding: 0; 
border: 0; 
margin: 15px 0 0 0;
color: #efa528;
font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.1em;
float: right;
}

#textesectiongourmandise {
width: 360px;
height: auto;
padding: 0; 
border: 0; 
margin: 10px 0 0 0;
color: #ffcbe2;
font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.2em;
float: right;
}

#textesectioncuisine {
width: 360px;
height: auto;
padding: 0; 
border: 0; 
margin: 15px 0 0 0;
color: #fad9ba;
font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.3em;
float: right;
}

#textesectionjardin {
width: 360px;
height: auto;
padding: 0; 
border: 0; 
margin: 15px 0 0 0;
color: #90ca00;
font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.3em;
float: right;
}

#textesectionmoulin {
width: 360px;
height: auto;
padding: 0; 
border: 0; 
margin: 15px 0 0 0;
color: #f3db00;
font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.2em;
float: right;
}

#textesectionartsmaison {
width: 360px;
height: auto;
padding: 0; 
border: 0; 
margin: 15px 0 0 0;
color: #bfe2ee;
font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.2em;
float: right;
}

#textesectionpaniers {
width: 360px;
height: auto;
padding: 0; 
border: 0; 
margin: 15px 0 0 0;
color: #c6c1be;
font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.3em;
float: right;
}

#toptextquisom {
width: 180px;
height: 180px;
padding: 0; 
border-top: 1px solid #ffffff; 
border-left: 1px solid #ffffff; 
border-bottom: 1px solid #ffffff; 
margin: 0;
float: left;
}

#quisomintrobox {
width: 172px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#quisomintro {
width: 170px;
height: auto;
color: #ffffff;
font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.1em;
padding: 0; 
border: 0; 
margin: 7px 0 0 0;
float: left;
}

#toptextquisom2 {
width: 180px;
height: 180px;
padding: 0; 
border-top: 1px solid #ffffff; 
border-right: 1px solid #ffffff; 
border-bottom: 1px solid #ffffff; 
margin: 0;
float: right;
}

#quisomtoptextbox {
width: 374px;
height: 182px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#quisomtitre {
width: 182px;
height: 22px;
padding: 0; 
border: 0; 
margin: -12px 0 0 0;
text-align: center;
float: left;
position: absolute ;
z-index: 2
}

#quisomtextmain {
	width: 364px;
	height: auto;
	padding: 0;
	border: 0;
	margin: 33px 0 0 0;
	text-align: left;
	color: #f3db00;
	font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
	line-height: 1.2em;
	float: left;
	position: absolute;
	z-index: 2;
}


#topboxquisom {
width: 182px;
height: 182px;
padding: 0; 
border: 0; 
margin: 0;
background: url('images/quisom-box.gif') no-repeat;
float: right;
}

#quisomcontactbox {
width: 172px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#quisomcontact {
width: 167px;
height: auto;
color: #1e0b04;
font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.1em;
padding: 0; 
border: 0; 
margin: 15px 0 0 0;
float: left;
}

#bottomlinks {
width: 758px;
height: 20px;
padding: 0; 
border: 0; 
margin: 15px 0 0 0;
font: 9px Arial, Helvetica, Verdana, Geneva, sans-serif;
text-align: right;
color: #c6c1be;
float: left;
}

.quisomlink {
color: #8dc73f;
font-size: 12px;
}

#contactintro {
width: 170px;
height: auto;
color: #ffffff;
font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.1em;
padding: 0; 
border: 0; 
margin: 15px 0 0 0;
float: left;
}

#contacttextmain {
	width: 364px;
	height: auto;
	padding: 0;
	border: 0;
	margin: 15px 0 0 0;
	text-align: left;
	color: #ffffff;
	font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
	line-height: 1.2em;
	float: left;
	position: absolute;
	z-index: 2;
}

#producteurscontact {
width: 167px;
height: auto;
color: #1e0b04;
font: 12px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.2em;
padding: 0; 
border: 0; 
margin: 35px 0 0 0;
float: left;
}

.producteurstitre {
font: bold 14px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
}

.contactyellow {
color: #f3db00;
}

.contactlink {
color: #a19dc3;
font-size: 12px;
}

.alert {
color: #000000;
font: 12px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.2em;
}

#formbloc {
width: 566px;
height: 182px;
background-color: #aaacaf;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#mercibox {
width: 566px;
height: auto;
color: #1e0b04;
font: 12px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
text-align: center;
padding: 0; 
border: 0; 
margin: 60px 0 0 0;
float: left;
}

#commentsintro {
width: 170px;
height: auto;
color: #ffffff;
font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
line-height: 1.1em;
padding: 0; 
border: 0; 
margin: 28px 0 0 0;
float: left;
}

#commentstextmain {
	width: 364px;
	height: auto;
	padding: 0;
	border: 0;
	margin: 41px 0 0 0;
	text-align: left;
	color: #ffffff;
	font: 11px 'century gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
	line-height: 1.2em;
	float: left;
	position: absolute;
	z-index: 2;
}

.commentslink {
color: #e18e26;
font-size: 12px;
}

#rightcommentsbloc {
width: 566px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#bottomcommentsbloc {
width: 566px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}



/* LINKS */

.blanc:link {color: #ffffff; text-decoration:none;}
.blanc:visited {color: #ffffff; text-decoration:none;}
.blanc:hover {color: #ffffff; text-decoration:none;}

.blanc2:link {color: #ffffff; text-decoration:underline;}
.blanc2:visited {color: #ffffff; text-decoration:underline;}
.blanc2:hover {color: #ffffff; text-decoration:none;}

.gris:link {color: #c6c1be; text-decoration:none;}
.gris:visited {color: #c6c1be; text-decoration:none;}
.gris:hover {color: #ffffff; text-decoration:none;}

.marron:link {color: #1e0b04; text-decoration:underline;}
.marron:visited {color: #1e0b04; text-decoration:underline;}
.marron:hover {color: #ffffff; text-decoration:none;}

.vert:link {color: #8dc73f; text-decoration:none;}
.vert:visited {color: #8dc73f; text-decoration:none;}
.vert:hover {color: #ffffff; text-decoration: none;}

.mauve:link {color: #9f8ec3; text-decoration:none;}
.mauve:visited {color: #9f8ec3; text-decoration:none;}
.mauve:hover {color: #ffffff; text-decoration: none;}

.orange:link {color: #e18e26; text-decoration:none;}
.orange:visited {color: #e18e26; text-decoration:none;}
.orange:hover {color: #ffffff; text-decoration: none;}

.rose:link {color: #f4bfd6; text-decoration:none;}
.rose:visited {color: #f4bfd6; text-decoration:none;}
.rose:hover {color: #ffffff; text-decoration: none;}

.bleu:link {color: #92c2d8; text-decoration:none;}
.bleu:visited {color: #92c2d8; text-decoration:none;}
.bleu:hover {color: #ffffff; text-decoration: none;}


.clear { clear: both; margin: 0; }