/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body{
	background: #FFF url(gx/bg.gif) repeat-x  scroll center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	font-size: 12px;
	color: #6c6d70;
	font-family: Verdana, Arial, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

.vi{display: none;}
a, a:link, a:visited{outline:none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
h1{
	font: 22px Verdana;
	line-height: 26px;
	color: #ab0534;
	padding: 25px 0 5px 20px;
}
h1.petitemajuscule{
	color: #ab0534;
	font: 22px Verdana;
	line-height: 32px;
	text-transform: uppercase;
	padding: 0;
}
h2{
	font: bold 18px Verdana;
	color: #fff;
	line-height: 18px;
	padding-left: 4px;
}
h2 strong{
	font: bold 24px Verdana;
	line-height: 28px;
}
h3{
	font: 20px Verdana;
	line-height: 24px;
	color: #ab0534;
	padding-bottom: 10px;
}
h4{
	font: bold 14px Verdana;
	color: #6c6d70;
	line-height: 20px;
	padding-top: 10px;
}
h4 a, h4 a:link, h4 a:visited{
	font: bold 12px Verdana;
	color: #ab0534;
	line-height: 20px;
	padding-top: 10px;
	text-decoration: none;
}
h4 a:hover, h4 a:visited:hover{text-decoration: underline;}
h4 a.gris, h4 a.gris:link, h4 a.gris:visited{
	font: bold 12px Verdana;
	color: #6c6d70;
	line-height: 20px;
	padding-top: 10px;
	text-decoration: none;
}
h4 a.gris:hover, h4 a.gris:visited:hover{text-decoration: underline;}
h4 span{font-weight: normal;}
p{
	font: 12px Verdana;
	color: #6c6d70;
	line-height: 18px;
}

p.petit{
	font: 11px Verdana;
	color: #6c6d70;
	line-height: 17px;
}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #6c6d70; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#6c6d70; text-decoration:underline;
}
ul li{
	font: 12px Verdana;
	color: #6c6d70;
	line-height: 18px;
	list-style:square;
	margin-left:16px;
	margin-top: 5px;
}

ol li{
	font: 12px Verdana;
	color: #6c6d70;
	line-height: 18px;
	margin-left:16px;
	margin-top: 5px;
}
.blanc{color: #fff;}
.photo{float: left;}
.paspadding{padding: 0;}
.paspaddingtop{padding: 0 0 5px 20px;}
.centree{text-align: center;}
.petitemarge{margin-left: 20px;}
.longueurmax{width: 550px;}

.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left 4px;
	padding:5px 0 5px 20px;
}
.lienPDFpetit{
	background: url(Gx/icone_PDF.gif) no-repeat left 1px;
	padding:5px 0 5px 18px;
}

/* CONTENEURS
--------------------------------------------------------------------------------------- */
#conteneur{
	position: relative;
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
}
a#retour{
	display: block;
	position: absolute; /*relatif à conteneur*/
	top: 11px;
	left: 0;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 186px;
	height : 118px;
	background : url(Gx/logo.gif) no-repeat left top;
	z-index: 100;
}
#slogan{
	display: block;
	position: absolute; /*relatif à conteneur*/
	top: 50px;
	right: 73px;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	padding: 0;
	margin: 0;
	width : 255px;
	height : 74px;
	background : url(Gx/slogan.gif) no-repeat left top;
	z-index: 200;
}
#contenu{
	width: 1000px;
	float: left;
	min-height: 550px;
	_height: 550px;
	background: url(Gx/contenu_bg.gif) no-repeat left top;
}
#colgauche{
	float: left;
	width: 500px;
}
#btnContenuColGauche{position:absolute; top:5px; left:0; z-index:100;}
#coldroite{
	float: left;
	width: 500px;
	margin-top: 60px;
}
#textegauche{
	float: right;
	width: 375px;
	padding: 25px 75px 25px 25px;
	min-height: 200px;
	_height: 200px;
	margin-top: 25px;
	background-color: #fff;
	line-height: 18px;
}
#textedroite{
	float: right;
	width: 402px;
	padding: 15px 25px 25px 50px;
	line-height: 18px;
}
#textecentre{
	float: left;
	width: 850px;
	padding: 25px 25px 25px 25px;
	margin-top: 25px;
	margin-left: 50px;
	background-color: #fff;
}
#coupe{
	position: absolute;
	left: 420px;
	top: 350px;
	width: 161px;
	height: 378px;
}

/* ACCUEIL
--------------------------------------------------------------------------------------- */
#contenu.pasbg{
	background: none;
}
#mannequin{
	position: absolute;
	left: 1px;
	/left:3px;
	top: 2px;
	width: 280px;
	height: 310px;
	z-index: 1;
}
#btTexteHeader{position:absolute; z-index:300;}
#pommeaccueil{
	position: absolute;
	left: 440px;
	top: 370px;
	background: url(Gx/pomme.png) no-repeat left top;
	width: 208px;
	height: 181px;
	z-index: 300;
}
#petitepomme{
	position: absolute;
	left: 700px;
	top: 180px;
	background: url(Gx/petitepomme.png) no-repeat left top;
	width: 113px;
	height: 99px;
	z-index: 500;
}
#boitehaut{
	position: relative;
	height: 311px;
	width: 1000px;
	float: right;
	border: 3px #fff solid;
	background: #fff;
}
#boiterecette{
	position: absolute;
	top: 0;
	right: 0;
	height: 309px;
	width: 480px;
	background: url(Gx/01/trouprecette.png) no-repeat right top;
}
#photorecette{float: right;margin-top: 40px;}
.motdebienvenue{
	position :relative;
	width: 330px; 
	padding-left: 215px;
	float: left;
	display: block;
	padding-top: 10px;
	padding-bottom: 0;
	z-index:150;
}
#degustation{
	position: absolute; /*relatif à boitehaut*/
	left: 250px;
	bottom: 10px;
	width: 197px;
	height: 92px;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	z-index:150;
}
a#recetteaccueil{
	height: 311px;
	display: block;
	width: 400px;
	position: absolute;
	right: 0;
	top:0;
	text-decoration : none;
}
#boitebas{
	position: relative;
	float: left;
	width: 1000px;
	margin-top: 8px;_margin-top: 10px;
}
#boitebas #colgauche{
	width: 545px;
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	position:relative;
}
#btnLivreCidre{position:absolute; top:5px; right:0; z-index:1;}
#boitebas #coldroite{
	width: 437px;
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 3px;
}
#boitebas #colgauche h1{padding-top: 30px;}

#boitebas #coldroite #evenement{
	height:163px;
	display: block;
	text-decoration: none;
	margin-top: 10px;
	background-color: #ab0534;
	width: 437px;
}
#boitebas #coldroite #evenement h2{
	padding-top: 20px;
	color: #fff;
	font: 26px Verdana;
	line-height: 32px;
	text-transform: uppercase;
}
#boitebas #coldroite #evenement p{
	color: #fff;
	font: 12px Verdana;
	padding-left: 10px;
	padding-right: 10px;
}

#porteparole{
	position: absolute;
	left: 60px;
	top: 5px;
	font: 11px Verdana;
}
a#cidrerieaccueil{
	display: block;
	margin-top: 5px;
}

img.image{
padding-top:25px;
margin-left:-15px;
}

#facebook{
	background-color:#00549f; 
	height:69px; 
	margin-top:2px; 
	text-align:center;
}

#facebook img{
margin-top:15px; 
}


/* DESCRIPTION DES CIDRERIES ET DES LIENS UTILES
--------------------------------------------------------------------------------------- */
#contenu2{
	width: 1000px;
	float: left;
	min-height: 550px;
	_height: 550px;
	background: url(Gx/contenu2_bg.gif) no-repeat left top;
}
#pommemoyenne{
	background: url(Gx/03/pommemoyenne.png) no-repeat left top;
	position: absolute;
	left: 640px;
	top: 235px;
	width: 171px;
	height: 146px;
	z-index: 90;
}
#textehaut{
	float: left;
	padding: 15px 0 0 25px;
	height: 131px;
	width: 550px;
}
#boutoncarte{
	display: block;
	float: left;
	text-decoration: none;
	margin-right: 10px;
	margin-top: 10px;
}
#textemilieu{
	float: left;
	padding: 0 0 0 25px;
	width: 550px;
	height: 170px;
}
#textemilieu ul{margin-top: 10px;}
#textemilieu ul li{
	font: 12px Verdana;
	color: #fff;
	line-height: 18px;
	list-style:square;
	list-style-type: none;
	padding-left:12px;
	margin-left: 0;
	margin-top: 0;
	float: left;
	width: 250px;
	background: url(Gx/03/puceliste.gif) no-repeat 2px center;
}
#boitelogocidrerie{
	display: block;
	position: absolute;
	top: 316px;
	left: 742px;
	width: 220px;
	height: 186px;
}
#boitelogocidrerie td{height: 183px;}

#textebas{
	padding: 25px 0 0 25px;
}
#textebas table{width: 950px;}
#textebas table tr th{
	font: 10px Verdana;
	color: #6c6d70;
	line-height: 15px;
	padding: 2px;
}

#textebas table tr td{
	font: 10px Verdana;
	color: #6c6d70;
	padding: 2px;
	line-height: 15px;
	border-top: 1px #8b8b85 solid;
}
#textebas table tr td.centre{border: none;}
#textebas table tr td.bas{border: none;padding-top: 20px;}
#textebas table tr td img{float: left;}


.lienicone1{background: url(Gx/03/puce1.gif) no-repeat left top;padding: 3px 8px 3px 23px;display: block;float: left;}
.lienicone2{background: url(Gx/03/puce2.gif) no-repeat left top;padding: 3px 8px 3px 23px;display: block;float: left;}
.lienicone3{background: url(Gx/03/puce3.gif) no-repeat left top;padding: 3px 8px 3px 23px;display: block;float: left;}
.lienicone7{background: url(Gx/03/puce5.gif) no-repeat left top;padding: 3px 8px 3px 23px;display: block;float: left;}

.lienicone4{background: url(Gx/03/saq.gif) no-repeat left top;padding: 5px 8px 5px 22px;display: block;float: right;}
.lienicone5{background: url(Gx/03/epicerie.gif) no-repeat left top;padding: 5px 8px 5px 25px;display: block;float: right;}
.lienicone6{background: url(Gx/03/ciderie.gif) no-repeat left top;padding: 5px 8px 5px 28px;display: block;float: right;}

#boitephototitre{
	display: block;
	position: absolute;
	top: 316px;
	left: 642px;
	width: 320px;
	height: 186px;
}
#boitephototitre img{
	float: right;
}
#boitephototitre table{width: 136px;height: 186px;}
#boitephototitre table td h2{text-align: right;}

#logoLien{
	float:left; 
	padding-right:10px;
}


/* RECETTE
--------------------------------------------------------------------------------------- */
a#degustation2{
	float: left;
	width: 197px;
	height: 92px;
	background: url(Gx/btn_degustation.gif) no-repeat left top;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	margin: 30px 0 0 60px;
}
h4.typerecette{
	display: block;
	float: left;
	padding: 10px 15px;
}
#boiterecette1{display: block;}
#boiterecette2, #boiterecette3{display: none;}
.boiterecette ul li a, .boiterecette ul li a:link, .boiterecette ul li a:visited{text-decoration: none;font: 11px Verdana;line-height: 14px;}
.boiterecette ul li a:hover, .boiterecette ul li a:visited:hover{text-decoration: underline;}
a#lien1{text-decoration: underline;}

#miniphotorecette{margin-top: 80px;}

a.miniphotorecette, a.miniphotorecette:link, a.miniphotorecette:visited{border: 2px #fff solid;float: left;margin: 0 1px 0 0;}
a.miniphotorecette:hover, a.miniphotorecette:visited:hover{border: 2px #ab0534 solid;}
a.miniphotorecette img{float: left;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	margin: 136px 0 0 0;
	float: left;
	border-top: 5px #fff solid;
	width: 1000px;
	height: 30px;
}
#menu ul{margin: 0;padding: 0 0 0 168px;}
#menu ul li{display: block;float: left;margin: 0;padding: 0;list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{text-decoration: none;}
#menu ul li a img{float: left;}

/* SOUS MENU
--------------------------------------------------------------------------------------- */
#smenu{
	height: 250px;
	width: 245px;
	overflow: scroll;
}
.flexcroll{height: 250px;overflow: scroll;}

#smenu2{
	height: 230px;
	width: 225px;
}
#smenu p{color: #fff;padding-left: 10px;padding-top: 20px;font: 10px Verdana;}
#smenu p a, #smenu p a:link, #smenu p a:visited{color: #fff;}
#smenu ul{margin: 0;padding: 0;}
#smenu ul li{
	display: block;
	margin: 0;
	padding: 6px 0 6px 28px;
	list-style-type:none;
	width: 217px;
	float: left;
	background: url(Gx/smenu_li_bg.gif) no-repeat 12px 5px;
}
#smenu.moinpadding{padding-top: 25px;}
#smenu.moinpadding ul li{padding: 4px 0 4px 28px;}
#smenu ul li a, #smenu ul li:link, #smenu ul li:visited{
	font: bold 14px Verdana;
	text-decoration: none;
	color: #fff;
}
#smenu ul li a:hover, #smenu ul li a:visited:hover{text-decoration: underline;}
#smenu ul li a.actif, #smenu ul li a.actif:hover{text-decoration: underline;}


/* MENU CIDRERIE
--------------------------------------------------------------------------------------- */
#menucidrerie{
	float: left;
}
#menucidrerie ul{margin: 0;padding: 0;}
#menucidrerie ul li{
	margin: 0 0 0 20px;
	padding: 0;
}
#menucidrerie ul li a, #menucidrerie ul li:link, #menucidrerie ul li:visited{
	font: bold 12px Verdana;
	text-decoration: none;
	color: #58595b;
}
#menucidrerie ul li a:hover, #menucidrerie ul li a:visited:hover{text-decoration: underline;}
#menucidrerie ul li a.actif, #menucidrerie ul li a.actif:hover{text-decoration: underline;}

/* MENU PIED DE PAGE
--------------------------------------------------------------------------------------- */
#menupp{
	margin-top: 15px;
}
#menupp ul{margin: 0;padding: 0;margin: 0 auto;}
#menupp ul li{
	display: inline;
	margin: 0;
	padding: 0;
}
#menupp ul li.ligne{
	padding: 0 4px;
	font: 11px Verdana;
	line-height: 15px;
	color: #58595b;
}
#menupp ul li a, #menupp ul li a:link, #menupp ul li a:visited{
	text-decoration: none;
	font: 11px Verdana;
	line-height: 15px;
	color: #58595b;
	text-transform: uppercase;
}
#menupp ul li a:hover, #menupp ul li a:visited:hover{
	text-decoration: underline;
}
#logoFacebook{
	float:left;
	padding-left:15px;
}

#texteFacebook{
	float:left; 
	padding-top:3px; 
	padding-left:5px; 
	text-transform:uppercase; 
	font-weight:bold;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#58595b;padding:0;font: 10px Verdana;line-height: 15px;text-align: center;}
#piedPage a{color:#58595b; text-decoration:underline;}
#piedPage a:hover{color:#58595b;}
#piedPage #copyrights{text-align: right; margin:0;padding-top: 15px;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#58595b;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #58595b;}

/* Partager cette page (bookmarker) 
#socialBookmarker {float:right;}
#bookmarker a{color:#BD9500; text-decoration:underline;}
#bookmarker a:hover{color:#000;}*/

/* CALENDRIER
--------------------------------------------------------------------------------------- */
#boiteCalendrier{
	width: 215px;
	float: left;
	margin-left: 10px;
	background: #fff;
	padding: 5px;
	border: 1px #6c6d70 solid;
}

tr.calendarheader td{background-color: #6c6d70; color:#fff; height: 17px; font-size:11px; vertical-align: middle;text-transform: uppercase;}
.calendar {
	color:#6c6d70;
	font-size:11px; 
	}
.calendartoday{font-weight:bold;}

#calendrier a.calendarActif, #calendrier a.calendarActif:link, #calendrier a.calendarActif:visited{
	background: url(Gx/06/dateActif.gif) no-repeat center center;
	color:#fff;
	font-weight: normal;
	text-decoration:none; 
	height: 18px;
	display: block;
	padding-top: 4px;
}

table#calendrier tr td a, #blocCal a, table#calendrier tr td a, #blocCal a:link, table#calendrier tr td a, #blocCal a:visited{
	color: #6c6d70;
}


#calendrier a.calendarActif:hover, #calendrier a.calendarActif:visited:hover{color:#fff;}
table#calendrier tr td a, #blocCal p a{color: #fff; font-size: 11px; text-decoration: underline;}
table#calendrier tr td a:hover, #blocCal p a:hover{color:#fff;}
/* Outils d'info-bulles en javascript onMouseover="ddrivetip('')"
************************************************************** */
#dhtmltooltip { position: absolute; left: -300px; width: 150px; padding: 10px; visibility: hidden; z-index: 100; text-align : left; }
#dhtmltooltip dt, #dhtmltooltip dd { width : auto; padding : 0; margin : 0 }
#dhtmltooltip dd { padding-left : 5px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #9A6219; text-align: left; }
#dhtmltooltip dt { margin-bottom : 2px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #513903; text-align: left;}
#dhtmlpointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip { border: 1px solid #555; background-color: #FCF5E5; color : #000; }
#dhtmltooltip dt { color : #000; border-bottom : 1px solid #000; }