@charset "UTF-8";

/* -------------------------------- */
/* Définition des balises HTML		*/
/* -------------------------------- */

HTML {
	font-size:100%;
}

BODY {
	background: black;
	color: #c6c7c8;
	font: normal 75% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

html, body, ol, ul, form, fieldset {
  margin: 0;
  padding: 0;
}

fieldset {
  border: 0;
}

textarea {
  font: inherit;
}

strong {
	color: white;
}


/* Liens */
a {
  	color: #c2d44c;
	text-decoration: none;
}
a:visited {
 }
a:hover, a:focus, a:active {
  	text-decoration: underline;
}

a img {
  border: 0;
}

/* Titres */
h1 {
  color: white;
  margin: 0 0 15px 0;
  padding: 15px 0 0 0;
  line-height: 1.2;
  font-size: 200%;
  letter-spacing:-1px;
  font-weight:bold;
}

h2 {
  color : white;
  font-size: 1.4em;
  font-weight: normal;
  margin: 10px 0 5px 0;
  padding: 10px 0 0 0;
}

h3 {
	font-size: 1.1em;
	margin: 1.5em 0 0.8em 0;
}

h4 {
	font-size: 1em;
	/*font-style: italic;
	font-weight: normal;*/
	margin: 1.5em 0 1em 0;
}

h1 a {
  color: #c2d44c;
  /*font-family:Sans-serif;*/
}
h1 a:visited {
  color: #c2d44c;
}
h1 a:hover, h1 a:focus, h1 a:active {
  text-decoration: none;
  color: #c2d44c;
}


/* Positionnement et alignement */
.left {
  float: left;
  margin: 0 10px 5px 0;
}

.right {
  float: right;
  margin: 0 0 5px 10px;
}



/* Messages */
.remarque {
  outline-color:#C5C58B;
  outline-style:solid;
  outline-width:3px;
  padding: 1.2em;
}

.discret {
  color:#999;
}

.error, .good, .warn {
  clear:both;
  color:#fff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
  font-weight:bold;
  padding:10px;
	margin-bottom: 10px;
}

.error {
  	background: #c00;
}

.warn {
  	background: #FF7800;
}

.good {
  	background: #83BF00;
}

.warn a, .good a, .error a {
  	color: white;
	text-decoration: underline;
}

.info {
  	border-top: 1px solid #d7d7d7;
  	border-bottom: 1px solid #d7d7d7;
  	padding: 10px 10px;
}

/* @group Paragraphe */
.paragraphe {
	line-height: normal;
}

/*liens*/
.paragraphe a {
	text-decoration: underline;
	color: #c6c7c8;
}
.paragraphe a:hover {
	color: #c2d44c;
}

/* Positionnement et alignement */
.paragraphe .tright {
  	text-align: right;
}

.paragraphe .center {
  	text-align: center;
}


.paragraphe tt,
.paragraphe code,
.paragraphe samp {
  	color: #a1af00;
  	font-size: 1.231em;
} 
.paragraphe dt {
	color:#c2d44c;
  	margin-top:0.5em;

}

/* Citations */
.paragraphe blockquote {
	margin: 1em;
	padding: 0 0 0 50px;
	background: url(../_image/base/blockquote1.png) no-repeat top left;
}

.paragraphe blockquote p:last-child {
	background: url(../_image/base/blockquote2.png) no-repeat bottom right;
	min-height: 33px;
	margin-bottom: 0;
	padding: 0 50px 0 0;
}

.paragraphe blockquote span.link {
  background: none;
  margin: 0 10px 0 0;
  padding: 0;
  text-align: right;
  font-size: 0.833em;
  display: block;
}

.paragraphe blockquote span.link a {
  color:#ccc;
}


/* Listes */
.paragraphe p, .paragraphe ul {
  text-align: justify;
  line-height:150%;
  margin-bottom:1.3em;
}
.paragraphe ul {
  margin: 1em 0;
  list-style: none;
}
.paragraphe ol {
  margin: 1em 0 1em 24px;
}
.paragraphe ul li {
  padding-left: 10px;
  background: url(../_image/base/ico-puce.png) left 7px no-repeat;
}
.paragraphe li ul, .paragraphe li ol {
	margin-top: .25em;
	margin-bottom: .5em;
}
.paragraphe ul ol > li {
	padding-left: 0;
	background: none;
}
.paragraphe ul.nostyle li {
  background:none;
}
.paragraphe .markItUp li {
  background:none;
  padding:0;
}

/* Icones */
.ico-arrow, .paragraphe ul li.ico-arrow {
  padding-left: 17px;
  background: url(../_image/base/ico-fleche.png) left 4px no-repeat;
}
.ico-smile, .paragraphe ul li.ico-smile {
  padding-left: 20px;
  background: url(../_image/base/ico-lol.png) 1px center no-repeat;
}
.ico-question, .paragraphe ul li.ico-question {
  padding-left: 20px;
  background: url(../_image/base/ico-question.png) left 70% no-repeat;
}
.ico-star, .paragraphe ul li.ico-star {
  padding-left: 20px;
  background: url(../_image/base/ico-star.png) left 4px no-repeat;
}
.ico-light, .paragraphe ul li.ico-light {
  padding-left: 20px;
  background: url(../_image/base/ico-light.gif) left 4px no-repeat;
}

/*Photo*/
.paragraphe .illustration {
  float: left;
  margin: 0 21px 5px 0;
}
.paragraphe .illustrationdroite {
  float: right;
  margin: 0 0 5px 21px;
}
/* @end */



/* -------------------------------- */
/* Haut site						*/
/* -------------------------------- */
#hautsite {
	width: 800px;
	margin: 0 auto;
	background: url(../_image/background_header.jpg) no-repeat center top;
	position: relative;
	height: 192px;
}
.logo {
	top: 84px;
	left: 168px;
	position: absolute;	
}
.illustheader {
	width: 800px;
	background: url(../_image/bande_header.jpg) no-repeat 0 -122px;
	overflow: hidden;
	position: absolute;
	top: 143px;
	height: 12px;
}

/*home*/
#hautsite.home {
	height: 315px;
}
#hautsite.home .illustheader {
	height: 135px;
	background-position: left top;
}

/*Menu*/
#menu {
	position: absolute;
	bottom: 0;
	height: 37px;
	width: 800px;
	text-align: center;
	background: url(../_image/background_menu.jpg) no-repeat center top;
}
#menunav {
	margin-left: 158px;
}
#menu li {
	display: inline;
	font-size: 116.66%;
}
#menu li a {
	color: white;
	float: left;
	background: url(../_image/separateur.gif) no-repeat right 13px;
	padding-right: 21px;
	padding-left: 21px;
}
#menu li a b {
	padding: 14px 0px 5px;
	float: left;
	color: white;
}
#menu li a:hover {
	color: #c2d44c;
	margin-bottom: -12px;
	text-decoration: none;
}
#menu li a:hover b {
	background: url(../_image/menu.gif) repeat-x 0 31px;
	color: #c2d44c;
}

#menu li#mn-con a {
	background-image: none;
}

#menu.mn-dom li#mn-dom a,
#menu.mn-vin li#mn-vin a,
#menu.mn-deg li#mn-deg a,
#menu.mn-con li#mn-con a {
	padding-right: 4px;
	padding-left: 4px;
}
#menu.mn-dom li#mn-dom a b,
#menu.mn-vin li#mn-vin a b,
#menu.mn-deg li#mn-deg a b,
#menu.mn-con li#mn-con a b {
	background: url(../_image/menu.gif) repeat-x 0 -2px;
	color: black;
	padding: 14px 17px 5px;
}


/* -------------------------------- */
/* Bas site							*/
/* -------------------------------- */
#bassite {
	width: 800px;
	margin: 0 auto;
	height: 249px;
	background: black url(../_image/background_footer.jpg) no-repeat center 9px;
	position: relative;
}
#bassite p {
	text-align: center;
	font-size: 91.66%;
}

/*menu-vin*/
#menu-vin {
	width: 660px;
	height: 94px;
	margin: 0 auto;
}
#menu-vin li {
	display: inline;
}
#menu-vin li a {
	width: 110px;
	height: 0;
	padding-top: 94px;
	display: block;
	float: left;
	overflow: hidden;
	background: url(../_image/menu_vin.png) no-repeat;
}

/*active*/
#menu-vin li#mnv-brou a {
	background-position: 0 0;
}
#menu-vin li#mnv-regn a {
	background-position: -110px 0;
}
#menu-vin li#mnv-cotb a {
	background-position: -220px 0;
}
#menu-vin li#mnv-morg a {
	background-position: -330px 0;
}
#menu-vin li#mnv-beav a {
	background-position: -440px 0;
}
#menu-vin li#mnv-fleu a {
	background-position: -550px 0;
}
/*hover*/
#menu-vin li#mnv-brou a:hover {
	background-position: 0 -94px;
}
#menu-vin li#mnv-regn a:hover {
	background-position: -110px -94px;
}
#menu-vin li#mnv-cotb a:hover {
	background-position: -220px -94px;
}
#menu-vin li#mnv-morg a:hover {
	background-position: -330px -94px;
}
#menu-vin li#mnv-beav a:hover {
	background-position: -440px -94px;
}
#menu-vin li#mnv-fleu a:hover {
	background-position: -550px -94px;
}
/*focus*/
#menu-vin.mnv-brou li#mnv-brou a,
#menu-vin li#mnv-brou.cur a {
	background-position: 0 -188px;
}
#menu-vin.mnv-regn li#mnv-regn a,
#menu-vin li#mnv-regn.cur a {
	background-position: -110px -188px;
}
#menu-vin.mnv-cotb li#mnv-cotb a,
#menu-vin li#mnv-cotb.cur a {
	background-position: -220px -188px;
}
#menu-vin.mnv-morg li#mnv-morg a,
#menu-vin li#mnv-morg.cur a {
	background-position: -330px -188px;
}
#menu-vin.mnv-beav li#mnv-beav a,
#menu-vin li#mnv-beav.cur a {
	background-position: -440px -188px;
}
#menu-vin.mnv-fleu li#mnv-fleu a,
#menu-vin li#mnv-fleu.cur a {
	background-position: -550px -188px;
}

.mentioncopy {
	position: absolute;
	top: 123px;
	width: 800px;
}
.mentioncopy p {
	margin: 0;
	line-height: 154.55%;
}
#abusalcool {
	color: #a7b641;
}
#copyright {	
}
#copyright span {
	margin-right: 15px;
	margin-left: 15px;
}
#copyright a {
	color: #c6c7c8;
}
#copyright a:hover {
	color: #c2d44c;
}

.lathuilieremini {
	width: 90px;
	padding-top: 57px;
	display: block;
	position: absolute;
	overflow: hidden;
	background: url(../_image/logo-lathuiliere.png) no-repeat 0 0;
	top: 118px;
	right: 23px;
}

#pmpconcept {
	width: 68px;
	height: 0;
	padding-top: 30px;
	display: block;
	overflow: hidden;
	background: url(../_image/fr/pmpconcept.png) no-repeat 0 0;
	margin: 9px auto 0;
}
#pmpconcept:hover {
	background-position: 0 -30px;
}


/* -------------------------------- */
/* Coeur site						*/
/* -------------------------------- */
#coeursite {
	width: 800px;
	margin: 0 auto;
	background: url(../_image/background_page.jpg) no-repeat center top;
	padding: 58px 0 0px;
	overflow: hidden;
}

#coeursite.paragraphe {
	padding-bottom: 40px;
}

/*Vin*/
.paragraphe .anythingSlider li {
	list-style-type: none;
	list-style-image: none;
	background-image: none;
}
#coeursite.paragraphe .anythingSlider li h2 {
	font-size: 116.66%;
	font-weight: normal;
}
.paragraphe .anythingSlider li h2 b {
	font-size: 171.42%;
}


/*contact*/
.contact {
	width: 350px;
}
.contact p {
}
.contact address {
	font-weight: normal;
	font-style: normal;
	line-height:150%;
	margin-bottom:1.3em;
}



.formulaire .erreursaisie,
.rouge {
	color:#c2d44c;
	font-weight:bold;
}
.formulaire td,
.formulaire th {
	padding:2px;
	vertical-align:top;
}
.formulaire th {
	text-align:right;
	font-weight:normal;
	padding-right:5px;
	padding-top:5px
}
.formulaire td {
	text-align:left;
	font-size:11px;
}
.formulaire td input,
.formulaire td textarea {
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid white;
	padding:1px 2px 1px 2px;
	width:200px;
	background-color: #c6c7c8;
}
.formulaire td textarea {
	height:70px;
}
.formulaire td input.num {
	width:60px;
}
.formulaire td input.autre {
	width:150px;
}
.formulaire td input.no {
	width:auto;
	border:0 none;
}