/* Base */

* { margin:0; padding:0;}
body {
	color:#333;
	margin:27px 0 0 0;
	font:10px/13px Verdana,Arial,sans-serif;
	text-align:center;
	background-color:#5D4940;
	background-image: url(../fond.gif);
	background-repeat: repeat-x;
}
#wrapper { text-align:left; width:780px; margin:0 auto;}
body#popup { background-image:none;}
body#popup #wrapper { width:100%;}
h2 { font:normal 18px "Trebuchet MS",Arial,Helvetica,sans-serif; color: #f60; margin:15px 0 10px 0;}
h3 {
	margin-bottom:7px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FE944E;
}
h4 { font:bold 12px "Trebuchet MS",Arial,Helvetica,Verdana,sans-serif; margin-bottom:7px;}
a { color:#666;}
a:hover, a.plus, .orange, h4 { color:#f60;}
a.plus { font-size:9px; background:url(../plus.gif) 0 2px no-repeat; padding-left:10px;}
a.plus:hover { color:#333; background-image:url(../plus_hover.gif);}
a img { border:none;}
input, select { color:#666; font:10px Verdana,Arial,sans-serif;}
p { padding-bottom:13px;}
p.clearer { clear:both; height:1px; overflow:hidden; padding-bottom:0;}

/* Head */

#head { height:62px; padding:0 10px 0 21px;}
#head h1 { float:left;}
#head h1 a { text-decoration:none; display:block; width:137px; height:43px; background:url(../gusto_world.gif) no-repeat; text-indent:-9999px;}
#head ul { list-style-type:none; float:right; padding-top:32px;}
#head ul li { float:left; margin-left:5px;}

/* Main */

#main { float:left; width:555px; border:2px solid #f60; background-color:#fff;}
ul#navigation {
	list-style-type:none;
	height:18px;
	background-color:#f60;
	color:#fff;
}
ul#navigation li { float:left;}
ul#navigation li a { display:block; height:18px; text-decoration:none; color:#fff; border-right:1px solid #ffad99; text-indent:-9999px;}
ul#navigation li a#nav_contact { border-right:none;}
#content {
	padding:15px 20px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(../fondcontent.gif);
	background-repeat: repeat-x;
}
.onglet { height:16px; color:#fff; border-bottom:3px solid #72bb00; background-color:#72bb00; margin-bottom:9px; text-indent:-9999px; font-weight:bold;}
.onglet2 { height:18px; color:#72bb00; background-color:#fff0e6; margin-bottom:6px; font-weight:bold; text-indent:-9999px;}
.infos { font-size:9px;}
a span.infos { text-decoration:none;}
.photos a { display: block; float:left; }
a.printer { float:right; margin:-28px 4px 0 0;}
a.pdf { float:right; margin:-28px 24px 0 0;}

/* News home */

.news2col {
	overflow:hidden;
	margin-top:15px;
	padding:15px 15px 2px 15px;
	background-color:#7d6659;
}
.news2col img { float:left; margin:0 15px 13px 0;}
.newsrow { padding-top: 1px;}
.newsrow, .newsrow1 { clear:both;}
.newsrow1 { margin-top:15px; background:url(../points_h.gif) left bottom repeat-x;}
.newsrow div, .newsrow1 div { width:237px; float:left; background-image:url(../points_v.gif); background-repeat: repeat-y;}
.newsrow1 div { padding-top:0;}
.newscol1 {
	padding:15px 20px 15px 0;
	background-position:right top;
	color: #5D4940;
}
.newscol2 {
	padding:15px 0 15px 20px;
	background-position:left top;
	margin-left: -1px;
	color: #5D4940;
}
.newsrow img, .newsrow1 img { margin-top: 10px;}
img#partners { display:block; margin:10px 0;}

/* News & Accords */

#switchnewsimg, #switchmetsimg, #switchcoupsimg { margin:0 0 15px -5px; border:none;}
#newsall div, #metsall div, #coupsall div { clear:both; background:url(../points_h.gif) repeat-x; padding-top:15px;}
#newsall div.premier, #metsall div.premier, #coupsall div.premier { background:none; padding-top:0;}
#news img,#newsall div img, #mets img,#metsall div img, #coups img,#coupsall div img { margin: 2px 15px 10px 0; float:left;}

/* Vins du monde */

#paysform { background-color:#fff0e6; background-repeat:no-repeat; background-position:15px 10px; padding:25px 15px 10px 15px; margin-bottom:15px; border:1px solid #ffe1cd;}
#paysform label { text-indent:-9999px;}
#paysform select { display:block; font-size:11px; width:150px;}
#paysnouveaumonde { margin-left:-5px;}
#producteurs, #regions { float:left; background: url(../points_v.gif) top right repeat-y;}
#producteurs h4, #regions h4 { padding-right:20px;}
#producteurs ul, #regions ul { list-style-type:none; padding-right:20px;}
#regions { padding-left:20px; background-position:top left; margin-left:-1px;}
.region { clear:both; border:1px solid #ffe1cd; background-color:#fffbf8; overflow:hidden; padding:10px; margin-top:20px;}
.producteur { clear:both; background: url(../points_h.gif) left top repeat-x; margin-top:20px; padding-top:20px;}
.region .contenu, .producteur .contenu { float:left; width:358px;}
.region .image, .producteur .image { float:left; width:125px; padding:2px 0 9px 0;}
.region h4, .producteur h4 { color:#333; margin-bottom:0;}
.region h3 { color:#72bb00;}
.producteur h3 { color:#f60;}
.producteur table { border:2px solid #72bb00; width:100%; margin-bottom:20px; background-color:#fff0e6;}
.producteur td { border-top:1px solid #ffab73; padding:5px 5px;}
.producteur tr.first td { border-top:none;}

/* Recherche */

#colresultats { float:left; display:inline; width:235px; padding:0 14px 14px 0; background:url(../points_v.gif) right top repeat-y; margin-left:-5px;}
#resultatsresume { background-color:#eee; padding:8px; margin-top:-9px;}
#resultatsresume a { text-decoration:none;}
#resultatsnb { background-color:#eee; color:#72bb00; padding:0 8px 8px 8px; }
#colresultats ul { list-style-type:none; background:url(../points_h.gif) left top repeat-x; padding-top:1px; }
#colresultats ul li { background:url(../points_h.gif) left bottom repeat-x; padding-bottom:1px;}
#colresultats ul li a { text-decoration:none; color:#333; display:block; padding:8px 24px 8px 0; background-repeat:no-repeat; background-position:216px 10px;}
#colresultats ul li a.vinR { background-image:url(../vin_rouge.gif);}
#colresultats ul li a.vinP { background-image:url(../vin_rose.gif);}
#colresultats ul li a.vinW { background-image:url(../vin_blanc.gif);}
#colresultats ul li a:hover,#colresultats ul li a.actif { color:#f60; background-color:#fff0e6; padding-left:8px;}

#colselection { float:left; display:inline; width:250px; background:url(../points_v.gif) left top repeat-y; padding-left:21px; margin-left:-1px;}
#colselection h3 { font-weight:bold; padding:7px 0 3px 0; clear:both;}
#selectionimage { float:left; margin-top: 16px; width:75px; text-align:center;}
#selectioninfos { float:right; width: 175px; padding-top:13px;}
#selectioninfos dl { line-height:12px; clear:both; padding:3px 0; }
#selectioninfos dl.ligne { background:url(../points_h.gif) left top repeat-x; padding-top: 5px; margin-top:6px;}
#selectioninfos dt { color:#f60; float:left; width:100px; clear:both;}
#selectioninfos dd { width: 75px; float:left;}
a.google { background:url(../google_pin.gif) left top no-repeat; padding-left: 16px;}
#switchinfosimg { display:block; clear:both; margin:20px 0 15px 0; border:none;}
#winemaker .photos a,#plusinfos .photos a { margin-right:6px;}

/* Sidebar */

#sidebar { float:right; width:210px; border:2px solid #f60; border-top-width:20px; background-color:#fff;}
a#switchsidebar {
	display:block;
	height:60px;
}
#coupsdecoeur { margin-bottom:0;}
#sidebar .coup { background:url(../back_coup1.gif) left bottom repeat-y; clear:both;}
#sidebar .fonce { background-image:url(../back_coup2.gif);}
#sidebar .coupinfos { float: right; width:104px; padding:12px 13px 0 13px;}
#sidebar .coupimage { float:left; width:80px; text-align:center; padding-top:14px;}
#sidebar ul { list-style-type:none; padding:0 0 9px 34px; line-height:14px;}
#sidebar select { margin:3px 0 8px 34px;}
.onglet#rechercher { margin-top:9px;}
#resultatsresumedroite { font-size:9px; background-color:#72bb00; color:#fff; padding:9px; margin:-9px 0 4px 0;}
#resultatsresumedroite a { color:#fff;}
form#formmotcle { padding-bottom:9px;}
input#motcle { margin:0 4px 0 9px; width:145px; padding:2px; border:1px solid #999;}

/* Footer */

#footer { clear:both; font-size:9px; padding:10px 244px; text-align:right;}