/**********************************************
 / __)(  _ \( ___)( ___)( \( )(_  _)(_  _)/ __)
( (_-. )   / )__)  )__)  )  (   )(   _)(_( (__ 
 \___/(_)\_)(____)(____)(_)\_) (__) (____)\___)
-----------------------------------------------
Copyright 2009 GREENTIC
Auteur : Romain Archimbaud - Alexandre Gautier - Edouard Le gall
site : www.domaine-gardrat.fr
---------------------------------------------
************************************************/
*{ margin:0; padding:0; }

body{ background:#000; font:0.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:left;  line-height:1; }
a{ outline:none; text-decoration:none; }
img{ border:none; }
:focus{ outline:0; }
ul{ list-style-type:none; }

.myhr{ clear:both; visibility:hidden; height:0px; overflow:hidden; }

.map{ background:url(../images/picto_map.gif) no-repeat left center; padding-left:15px; }
	a.map{ display:block; }
	
a.active{ cursor:default; }

div.taille{ width:967px; margin:0 auto; position:relative; }

h2.accessiblite span{ text-indent:-9999px; position:absolute; }

div.sup{ background:#000; height:22px; padding-top:8px; }
	div.sup h1{ background:url(../images/domaine-gardrat.png) no-repeat left top; height:172px; width:263px; position:absolute; text-indent:-9999px; top:27px; }
	div.sup h2{ display:none; }
	
div.hr hr{ display:none; }
div .hr{ background:url(../images/hr.gif) no-repeat left top; height:2px; }

.green{ color:#366b4f; }

.alert{ color:#900; margin:10px 0; padding:8px; background:#FFC; border:1px solid #FF0; width:255px; }
/*********/
/* FLAG
/***********/
	#lang{ position:absolute; top:0px; right:0px; }
		#lang li{ float:left; display:inline; margin-right:4px; }
		#lang li a{ width:18px; height:11px; display:block; text-indent:-9999px; border:1px solid #fff; }
		#lang li a:hover{ border:1px solid #666; }
		#lang li a#fr{ background:url(../images/fr.gif) no-repeat left top; }
		#lang li a#uk{ background:url(../images/uk.gif) no-repeat left top; }
/*********/
/* HEADER
/***********/
#header{ background:url(../images/bg_header.jpg) repeat-x left top; height:175px; border-top:1px solid #666; border-bottom:1px solid #090909; }
	#menu{ margin-top:123px; }
	#menu ul{  margin-left:235px; }
	#menu li{ float:left; display:inline; }
	#menu li a{  color:#fff; display:block;  background:url(../images/bg_menu.png); height:25px; margin-top:1px; padding-top:27px; padding-left:35px; }
		#menu li#accueil a{ width:100px; background-position:0 -52px; }
		#menu li#accueil a:hover, #menu li#accueil a.active{ background-position:0 0; color:#000; }
		
		#menu li#historique a{ width:128px; background-position:-143px -52px; }
		#menu li#historique a:hover, #menu li#historique a.active{ background-position:-143px 0; color:#000; }
		
		#menu li#vins a{ width:78px; background-position:-308px -52px; }
		#menu li#vins a:hover, #menu li#vins a.active{ background-position:-308px 0; color:#000; }
		
		#menu li#contact a{ width:111px; background-position:-425px -52px; }
		#menu li#contact a:hover, #menu li#contact a.active{ background-position:-425px 0; color:#000; }
		
		#menu li#actualites a{ width:112px; background-position:-570px -52px; }
		#menu li#actualites a:hover, #menu li#actualites a.active{ background-position:-575px 0; color:#000; }
		
	#menu li h3{ font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; text-transform:uppercase; font-size:1em; } 
/*********/
/* WRAPPER
/***********/
#wrapper{ background:#fafafa; min-height:432px; border:1px solid #fff; color:#000; }
	#menuVins{ background:url(../images/bg_menuVins-content.png) repeat-y left top; width:298px; float:left; margin-top:35px; }
		#menuVins ul{ margin-left:43px; list-style:none; }
		#menuVins li{ background:url(../images/li_menuVins.gif) no-repeat left center; margin-left:40px; padding-left:15px; }
		#menuVins li.border_menu{ background: url(../images/border_menuVins.gif) no-repeat left center; width:222px; height:12px; list-style-image:none; font-size:0em; margin:0; }
			#menuVins li h3{ font-size:1.3em; line-height:126%; }
			#menuVins li h3 span{ font-weight:normal; }
			#menuVins li h3 a{ color:#366b4f; }
		#menuVins-header{ background:url(../images/bg_menuVins-header.jpg) no-repeat left top; }
		#menuVins-footer{ background:url(../images/bg_menuVins-footer.jpg) no-repeat left bottom; }
	.menuVins-height{ height:51px; }
	
	.contenu{ background:url(../images/bg_contenu.jpg) no-repeat bottom left; min-height:365px; width:669px; float:left; padding:48px 0 25px 0; }

/*********/
/* FOOTER
/***********/
#subFooter{ background:url(../images/bg_subFooter.jpg) repeat-x left top; height:111px; border-top:1px solid #090909; border-bottom:1px solid #666; }
	div.blockFooter{ margin:22px 0 0 200px; }
		div.paragrapheFooter{ margin-right:62px; float:left; color:#fff; /*line-height:100% */}
			div.paragrapheFooter h3{ font:1.5em normal Georgia, "Times New Roman", Times, serif; text-transform:uppercase; }
			div.paragrapheFooter p{ margin-top:5px; font-size:0.9em; }
			div.paragrapheFooter a{ color:#fff; }
			div.paragrapheFooter a:hover{ text-decoration:underline; }
	
	p.copy{ float:right; font-size:0.9em; color:#4f4949; }
	p.copy a{ color:#666; display:inline-block; border-bottom:1px dotted #000; }
	p.copy a:hover{ border-bottom:1px dotted #666; }
	
/*********/
/* JQMODAL
/***********/	
	.ficheMap{ background:url(../images/bg_map.gif) no-repeat left top; width:446px; height:467px; padding:83px 0 0 37px;   }
	.ficheMap iframe{ border:1px dashed #666; }
	.ficheMap a{ color:#366b4f; padding-top:5px; display:block; text-transform:uppercase; }
	#localisation{ margin-top:20px; }
	#localisation h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#366b4f; font-weight:normal; }
	#localisation p{ font-size:12px; margin-bottom:15px; color:#869568; }
	#localisation input{ border:1px solid #666; background:#fff; height:20px; float:left; margin-right:15px; padding:2px; }
	#localisation input.bt-go{ background:#000; height:24px; color:#fff; cursor:pointer; }
	
/*///////*  PAGE ACCUEIL*/
	.h2_contenu{ font:2.5em normal Georgia, "Times New Roman", Times, serif; color:#869568; }
	.h2_contenu span{ display:block;  font-size:1.5em; text-transform:uppercase; color:#366b4f; line-height:70%; }
	.h3_contenu{ font:2.5em normal Georgia, "Times New Roman", Times, serif; color:#869568; }
	div.marginH2{ margin-top:25px; padding-right:80px; display:none; }
	
	/******/
	/*SLIDER
	/*******/
	.wslide li ul{ margin:10px; list-style-type:none; }
	.wslide li ul li, dt.paragraphe{ background:url(../images/picto_li.gif) no-repeat left top; padding-left:15px; }
	dt.paragraphe a{ color:#000; text-decoration:underline; }
	
	#menuSlide {background:#616161; padding:6px; height:12px; color:#FFF; }
	
	div#menuSlide{ width:160px; }
	#menuSlide a{ color:#fff; }	
	.wactive{ border:1px solid #eee; }
	#menuSlide a.wactive{ color:#999; }
	.position-slide{ margin-bottom:20px; }
	/***********/	
	
		.paragraphe{ margin-bottom:10px; }
		p.paragraphe a{ color:#000; }
		.imgRight{ float:right; margin-left:10px; display:inline; }
		.imgLeft{ float:left; margin-right:10px; display:inline; }

/*///////*  PAGE CONTACT*/
.formDG{ margin-top:10px; }
.formDG ul{ list-style:none; float:left; }
.formDG li{ margin-bottom:10px; }
.formDG fieldset{ border:none; }
.formDG label{ display:block; width:90px; float:left; }
.formDG input, .formDG textarea{ border:inset 1px #8e9c72; background:#869568; color:#fff; }
.formDG input{ width:180px; }
.formDG textarea{ width:270px; font:0.9em "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.formDG .textarea{ float:left; }
.formDG .textarea label{ float:none; }
.formDG em{ font-size:10px; }
.formDG .textEmail{ text-align:center; margin-top:10px; }
.formDG .textEmail a{ color:#000; font-weight:bold; }
.formDG .info{ font-size:10px; border-top:1px solid #366b4f; width:563px; padding:10px 0px; }
.formDG div.radio{ float:left; margin-bottom:10px; }
	.formDG div.radio{ margin-right:5px; }
	.formDG div.radio input{ width:13px; border:0; background:none; margin-right:20px; }
	.formDG div.radio label{ display:inline; width:auto; margin-right:5px; }
	.formDG input.bt-envoyer{ background:#616161; width:100px; color:#fff; border:0; margin-left:235px; cursor:pointer; }

/*///////*  PAGE VINS*/
.bt-commande{ background:url(../images/bt-commande.jpg) repeat-x left top; line-height:210%; padding:0 8px; color:#FFF; height:30px; }
a.bt-commande{ float:right; margin:12px 40px 0 0px; }
a.bt-commande:hover{ background-position:bottom left; }

.imgVins{margin-top:0px; position:absolute; right:0; top:50px; }
.medaille{ position:absolute; right:91px; top:72px; z-index:3; }
.prix {	font-size:20px;	font-weight:bold; float:right; margin:-36px 190px 0 0; }