html, body {
	font-family: Tahoma, Helvetica, sans-serif;
	background-image: url(/img/interface/bg-art-du-vin.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	margin: 0;
	color: #5b5b5b;
}
html { font-size: 100%; }
body { font-size: 0.70em; }

.clear { clear: both; margin: 0; padding: 0; display: block; font-size: 0; height: 0; overflow: hidden;	}

#centreur { text-align: center; }
#centreurw3c { position: relative; width: 929px; margin-left: auto; margin-right: auto; text-align:left; }

div#global { position: absolute; width: 929px; margin: 0; top: 254px; left: 0; margin: 0; padding: 0; }

div#header { position: absolute; width: 929px; height: 174px; top: 32px; left: 0; margin: 0; padding: 0; }

div#retour-accueil { position: absolute; width: 207px; height: 139px; top: 50px; left: 0; margin: 0; padding: 0; }

div#footer { position: relative; width: 929px; height: 38px; margin: 0; padding: 0;
			 background-image: url(/img/interface/footer.gif); background-repeat: no-repeat; }

div#adresse p { margin: 2px 0 30px 0; padding: 0; width: 946px; text-align: center; color: #5b5b5b; font-size: 0.91em; }
div#adresse p a, div#adresse p a:active, div#adresse p a:visited, div#adresse p a:link { color: #0075c1; text-decoration: none; }
div#adresse p a:hover { color: #0075c1; text-decoration: underline; }

div#bg-main { width: 929px; margin: 0; margin: 0; padding: 0; background-image: url(/img/interface/bg-main.gif); background-repeat: repeat-y; border-top: 3px solid #3183bd; }

/* CONTENT */
div#content-accueil { float: right; width: 700px; margin: 0; padding: 24px 24px 0 24px; display: inline; }
div#content-accueil { width: 652px; }
div#content { float: right; width: 615px; margin: 0 33px 0 0; padding: 27px 0 0 0; display: inline; }

/* MENUS */
div#menu { position: absolute; top: 209px; left: 0; margin: 0; padding: 0; z-index: 1000; }

/* Recherche Dans la barre des fonctionnalites*/
form.formRecherche { margin: 0; padding: 0; display: inline; }
input.txtRecherche { width: 80px; padding: 2px;	margin: 0; border: 1px solid #91161b; font-size: 0.9em; }
input.submit { width: 30px; height: 12px; margin: 0; background: none; border: none; color: #fff; font-weight: bold; cursor: pointer; }

/* sidebar */
div#sidebar-accueil { float: left; margin: 18px 0 0 18px; width: 207px; padding: 0; display: inline; z-index: 1000; }
div#sidebar { float: left; margin: -10px 0 0 18px; width: 207px; padding: 0; display: inline; z-index: 1000; }

/* Encart */
div.global-encart { margin: 0 0 10px 0; width: 207px; padding: 0; z-index: 2000; }

/* Encart Actu */
div.header-encart { background-image: url(/img/interface/header-encart.gif); background-repeat:no-repeat; width: 207px; height: 14px; margin: 0; padding: 0; }
p#coordonnees { margin: 0; padding: 0; }
p#coordonnees a { color: #d9b50c; text-decoration:none; }
p#coordonnees a:hover { color: #d9b50c; text-decoration:underline; }

div.header-news { background-image: url(/img/interface/header-news.gif); background-repeat:no-repeat; width: 207px; height: 46px; margin: 0; padding: 0; }
div.main-news { width: 207px; background-image: url(/img/interface/bg-news.gif); background-repeat: repeat-y; margin: 0; padding: 0; }
div.content-news { width: 180px; margin: 0 0 0 12px; padding: 0; color: #5b5b5b; }
div.footer-news { background-image: url(/img/interface/footer-news.gif); background-repeat: no-repeat; width: 207px; height: 9px; margin: 0; padding: 0; }

div.content-news ul { list-style: none; margin: 0; padding: 0 0 10px 0; }
div.content-news li { margin: 0; padding: 15px 0 0 0; }

span.date-actu { color: #520603; font-size: 1.05em; }
h2.titre-actu { color: #5b5b5b; margin: 0; padding: 0; }
h2.titre-actu a, h2.titre-actu a:link, h2.titre-actu a:visited, h2.titre-actu a:active { color: #5b5b5b; margin: 0; padding: 0; text-decoration: none; }
h2.titre-actu a:hover { color: #5b5b5b; margin: 0; padding: 0; text-decoration: underline; }

div.ensavoirplus { text-align: right; margin: 0; padding: 0; }
div.ensavoirplus a { color: #006ab2; text-decoration: none; }
div.ensavoirplus a:hover { color: #006ab2; text-decoration: underline; }

div#logos { margin: 0; padding: 0 11px 0 11px; text-align: justify; }


/* encarts accueil */
div.encart { width: 192px; margin: 0; padding: 0; float: left; display: inline; }

/* services */
div.header-services { background-image: url(/img/interface/header-services.gif); background-repeat:no-repeat; width: 192px; height: 52px; margin: 0; padding: 0; }
div.main-services { width: 192px; border-left: 1px solid #f9b200; border-right: 1px solid #f9b200; margin: 0; padding: 0; }
html>body div.main-services { width: 190px; }
div.content-services { width: 162px; margin: 0 0 0 20px; padding: 0; color: #5b5b5b; }
div.footer-services { background-image: url(/img/interface/footer-services.gif); background-repeat: no-repeat; width: 192px; height: 9px; margin: 0; padding: 0; }
div.content-services p { margin: 0; padding: 10px 0 10px 0; }
div.content-services ul { list-style: none; margin: 0; padding: 0; }
div.content-services li { list-style-image: url(/img/interface/puce-services.gif); margin: 0 0 0 15px; padding: 5px 0 5px 0; }

/* pratique */
div.header-pratique { background-image: url(/img/interface/header-pratique.gif); background-repeat:no-repeat; width: 192px; height: 52px; margin: 0; padding: 0; }
div.main-pratique { width: 192px; border-left: 1px solid #006ab2; border-right: 1px solid #006ab2; margin: 0; padding: 0; }
html>body div.main-pratique { width: 190px; }
div.content-pratique { width: 162px; margin: 0 0 0 20px; padding: 0; color: #5b5b5b; }
div.footer-pratique { background-image: url(/img/interface/footer-pratique.gif); background-repeat: no-repeat; width: 192px; height: 9px; margin: 0; padding: 0; }
div.content-pratique p { margin: 0; padding: 10px 0 10px 0; }
div.content-pratique ul { list-style: none; margin: 0; padding: 0; }
div.content-pratique li { list-style-image: url(/img/interface/puce-pratique.gif); margin: 0 0 0 15px; padding: 5px 0 5px 0; }

/* nos communes */
div.header-nos-communes { background-image: url(/img/interface/header-nos-communes.gif); background-repeat:no-repeat; width: 192px; height: 52px; margin: 0; padding: 0; }
div.main-nos-communes { width: 192px; border-left: 1px solid #7a973a; border-right: 1px solid #7a973a; margin: 0; padding: 0; }
html>body div.main-nos-communes { width: 190px; }
div.content-nos-communes { width: 162px; margin: 0 0 0 20px; padding: 0; color: #5b5b5b; }
div.footer-nos-communes { background-image: url(/img/interface/footer-nos-communes.gif); background-repeat: no-repeat; width: 192px; height: 9px; margin: 0; padding: 0; }
div.content-nos-communes p { margin: 0; padding: 10px 0 10px 0; }


/* Fonctionnalités */
div#menuFonctions { position: absolute; top: 16px; left: 0px; width: 899px; height: 15px; text-align: right; color: #67af24; margin: 0; padding: 0; }
div#menuFonctions ul { margin: 0; padding: 0; list-style: none; }
div#menuFonctions li { display: inline; margin: 0; padding: 0 2px 0 2px; }
div#menuFonctions li a { color: #67af24; text-decoration: none; text-transform: lowercase; }
div#menuFonctions li a:hover { color: #67af24; text-decoration: underline; }

/* Historique page d'accueil */
#historic-accueil { position: absolute; top: 264px; left: 0; width: 895px; text-align: right; margin: 0; padding: 0; }
#historic-accueil span { margin: 0; padding: 0; }

#historic { z-index: 0; width: 922px; height: 24px; line-height: 24px; text-align: right; margin: 4px 0 0 3px; padding: 0 35px 0 0; background-color: #e7f6fb; }
html>body #historic { width: 887px; }
#historic span { margin: 0; padding: 0; }

span.historique, span.historique a,  span.historique a:visited, span.historique a:link, span.historique a:active{ text-transform: lowercase; color: #006ab2; text-decoration: none; }
span.historique a:hover { color: #006ab2; text-decoration: underline; }

/* Sous menus */

h1#titre-niveau1 { text-align: center; margin: 0; padding: 1px 0 0 0; font-weight: bold; color: #5b5b5b; text-transform: uppercase; }

div.header-ssmenu { background-image: url(/img/interface/header-ssmenu.gif); background-repeat:no-repeat; width: 207px; height: 12px; margin: 0; padding: 0; }
div.main-ssmenu { width: 207px; border-left: 1px solid #67af24; border-right: 1px solid #67af24; margin: 0; padding: 0; }
html>body div.main-ssmenu { width: 205px; }
div.content-ssmenu { width: 189px; margin: 0 0 0 12px; padding: 0; color: #5b5b5b; }
div.footer-ssmenu { background-image: url(/img/interface/footer-ssmenu.gif); background-repeat: no-repeat; width: 207px; height: 13px; margin: 0; padding: 0; }


div.content-ssmenu ul { list-style: none; margin: 18px 0 0 0; padding: 0; }
div.content-ssmenu li { margin: 0; padding: 0; }
div.content-ssmenu li.menu_niv2 { margin: 0; padding: 0 0 20px 11px;
								  background-image: url(/img/interface/puce-menu-off.gif);
								  background-repeat: no-repeat;
								  background-position: 0px 3px; }

div.content-ssmenu li.menu_niv2_actif { margin: 0; padding: 0 0 20px 11px;
										background-image: url(/img/interface/puce-menu-on.gif);
										background-repeat: no-repeat;
										background-position: 0px 3px; }

div.content-ssmenu li.menu_niv2 a,
div.content-ssmenu li.menu_niv2 a:link,
div.content-ssmenu li.menu_niv2 a:active,
div.content-ssmenu li.menu_niv2 a:visited {	color: #5b5b5b;	text-decoration: none; }
div.content-ssmenu li.menu_niv2 a:hover { color: #5b5b5b; text-decoration: underline; }

div.content-ssmenu li.menu_niv2_actif a,
div.content-ssmenu li.menu_niv2_actif a:link,
div.content-ssmenu li.menu_niv2_actif a:active,
div.content-ssmenu li.menu_niv2_actif a:visited { color: #8cad14; font-weight: bold; text-decoration: none; }
div.content-ssmenu li.menu_niv2_actif a:hover { color: #8cad14; font-weight: bold; text-decoration: underline; }


div.content-ssmenu ul li ul { list-style: none; margin: 2px 0 0 10px; padding: 0; }
div.content-ssmenu ul li ul li { list-style: none; margin: 0; padding: 0; }

div.content-ssmenu ul li ul li.menu_niv3 { margin: 0; padding: 0; background-image: none; }

div.content-ssmenu ul li ul li.menu_niv3_actif { margin: 0; padding: 0 0 0 11px;
										background-image: url(/img/interface/puce-menu-on.gif);
										background-repeat: no-repeat;
										background-position: 0px 3px; }
										
div.content-ssmenu ul li ul li.menu_niv3 a,
div.content-ssmenu ul li ul li.menu_niv3 a:link,
div.content-ssmenu ul li ul li.menu_niv3 a:active,
div.content-ssmenu ul li ul li.menu_niv3 a:visited { color: #5b5b5b; font-weight: normal;  text-decoration: none; }
div.content-ssmenu ul li ul li.menu_niv3 a:hover { color: #5b5b5b; text-decoration: underline; }

div.content-ssmenu ul li ul li.menu_niv3_actif a,
div.content-ssmenu ul li ul li.menu_niv3_actif a:link,
div.content-ssmenu ul li ul li.menu_niv3_actif a:active
div.content-ssmenu ul li ul li.menu_niv3_actif a:visited { color: #8cad14; font-weight: bold; text-decoration: none; }
div.content-ssmenu ul li ul li.menu_niv3_actif a:hover { color: #8cad14; font-weight: bold; text-decoration: underline; }