@charset "UTF-8";

@import "reset.css";

/*----------------------------------------------+
+ Définition des balises HTML			        +
+----------------------------------------------*/
HTML {
	font-size:100%;
}
BODY {
	background:#221007 url(../_image/background.png) 0 0 repeat-x;
	padding:0 2em 2em;
	font-family:Tahoma, Arial, Geneva, sans-serif;
	font-size:.75em;
	line-height:1.3em;
	color:#fff9d6;
}


/* Liens */
A {
	text-decoration:none;
	color:#fdc944;
}
A:hover {
	text-decoration:underline;
}


/*----------------------------------------------+
+ Haut site								        +
+----------------------------------------------*/
#hautsite {
	width:955px;
	height:210px;
	margin:0 auto;
	background-image:url(../_image/background-top.jpg);
	background-position:210px 0;
	background-repeat:no-repeat;
	position:relative;
}

/*Logo*/
#logoSite A {
	display:block;
	width:210px;
	height:0;
	padding-top:210px;
	overflow:hidden;
	background-image:url(../_image/logo-etapes-gourmandes-beaujolais-val2saone.png);
	background-position:0 0;
	background-repeat:no-repeat;
}

/*menu du haut*/
.menuhaut {
	position:absolute;
	top:171px;
	right:0;
	font-size:10px;
}
.menuhaut LI {
	display:inline;
}
.menuhaut A {
	color:#fff9d6;
	text-transform:uppercase;
	margin:0 7px 0 3px;
}


/*----------------------------------------------+
+ Bas du site							        +
+----------------------------------------------*/
#bassite {
	width:955px;
	margin:0 auto;
	clear:both;
	padding-top:14px;
	position:relative;
}

#cadrebas {
	border-top:1px solid #605046;
	padding:12px 0 0 0;
}

.copyright-mentions {
	font-size:10px;
	text-align:right;
}
.copyright-mentions UL,
.copyright-mentions LI {
	display:inline;
}

.copyright {
}
.copyright A {
	color:#fff9d6;
}

.mentions {
	margin-left:24px;
	color:#fdc944;
}
.mentions LI A {
	margin:0 7px 0 3px;
}

#pmpconcept A {
	position:absolute;
	top:18px;
	left:0;
	width:68px;
	height:0;
	padding-top:30px;
	display:block;
	overflow:hidden;
	background-image:url(../_image/fr/pmpconcept.gif);
	background-repeat:no-repeat;
}


/*----------------------------------------------+
+ Coeur du SIte							        +
+----------------------------------------------*/
#coeursite {
	width:955px;
	margin:0 auto;
}


/*----------------------------------------------+
+ Colonne de Gauche						        +
+----------------------------------------------*/
.colGauche {
	float:left;
	width:235px;
	padding-top:35px;
	background-image:url(../_image/background-left.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}


/*----------------------------------------------+
+ Colonne de Droite						        +
+----------------------------------------------*/
.colDroite {
	float:left;
	width:720px;
}


/*----------------------------------------------+
+ Menu de Gauche						        +
+----------------------------------------------*/
#menugeneral {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.25em;
	width:188px;
	margin-left:11px;
	margin-bottom:29px;
}
#menugeneral LI {
	padding:9px 0 8px 0;
	border-bottom:1px solid #605046;
}
#menugeneral A {
	line-height:.75em;
}
#menugeneral A SPAN {
	display:block;
	color:#fff9d6;
	font-weight:normal;
	font-size:0.667em;
}
#menugeneral A:hover {
	text-decoration:none;
	color:#ffe783;
}

#menugeneral LI#mn-vip {
	padding:0;
}
#menugeneral LI#mn-vip A {
	width:188px;
	height:0;
	padding-top:63px;
	display:block;
	overflow:hidden;
	background-image:url(../_image/fr/carte-vip.png);
	background-position:0 0;
	background-repeat:no-repeat;
	line-height:normal;
}


/*----------------------------------------------+
+ Publicité de Haut							+
+----------------------------------------------*/
.pubHaut {
	width:481px;
	border:1px solid #605046;
	position:absolute;
	top:6px;
	right:0;
}
.titrepubhaut {
	width:13px;
	height:60px;
	background-color:#605046;
	background-image:url(../_image/fr/publicite-haut.gif);
	background-position:2px 10px;
	background-repeat:no-repeat;
	float:right;
}
#banniere_haut {
	width:468px;
	height:60px;
	float:left;
}


/*----------------------------------------------+
+ Publicité de Gauche							+
+----------------------------------------------*/
.pubGauche {
	width:186px;
	margin-left:11px;
	margin-bottom:29px;
	border:1px solid #605046;
}
.titrepubgauche {
	width:186px;
	height:14px;
	background-color:#605046;
	background-image:url(../_image/fr/publicite-gauche.gif);
	background-position:73px 1px;
	background-repeat:no-repeat;
}
#banniere_gauche {
	width:186px;
	height:208px;
}


/*----------------------------------------------+
+ Intro site / slidewhow						+
+----------------------------------------------*/
.introsite {
	width:720px;
	height:248px;
	margin-bottom:43px;
	background-color:#b8a072;
	position:relative;
}
.textintro {
	width:189px;
	height:218px;
	padding:10px;
	color:#281b0d;
	font-size:1.25em;
	line-height:1.5em;
	position:absolute;
	top:0;
	left:0;
}

/*slideshow*/
.introsite .slideshow {
	width:511px;
	height:248px;
	position:absolute;
	top:0;
	left:209px;
	background-color:#221007;
}
.introsite .slideshow .slideshow-captions {
	background-color:#221007;
	color:#fff9d6;
}
.introsite .slideshow .slideshow-captions A {
	color:#fff9d6;
}

/*arabesque*/
.arabesque {
	width:106px;
	height:197px;
	background-image:url(../_image/arabesque_intro.png);
	position:absolute;
	z-index:100;
	top:3px;
	left:209px;
}


/*----------------------------------------------+
+ Actualités page accueil						+
+----------------------------------------------*/
.introactu {
	border-top:1px solid #605046;
	padding-top:25px;
	overflow:hidden;
	margin-bottom:33px;
}
.introactu LI {
	display:inline;
	width:230px;
	height:119px;
	margin-right:10px;
	position:relative;
	font-size:0.833em;
	
	float:left;
}
.introactu LI .photoactu {
	position:absolute;
	top:0;
	left:0;
	border:4px solid #b8a072;
}
.introactu LI P {
	padding-left:75px;
}
.introactu LI STRONG {
	text-transform:uppercase;
	display:block;
}
.pucevip {
	width:27px;
	height:27px;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../_image/vip-puce.png);
	background-position:0 0;
	background-repeat:no-repeat;
}


/*----------------------------------------------+
+ Liste membre page accueil						+
+----------------------------------------------*/
.listemembre {
	border-top:1px solid #605046;
	padding-top:25px;
}
.listemembre LI {
	display:inline;
	color:#b8a072;
}
.listemembre LI A {
	color:#b8a072;
	margin:0 7px 0 3px;
}


/*----------------------------------------------+
+ Titre des pages								+
+----------------------------------------------*/
.titre-page {
	width:720px;
	background:#b8a072 url(../_image/background-titre.png) 0 0 repeat-x;
	margin-bottom:30px;
}
.titre-page H1 {
	font-size:2.166em;
	line-height:normal;
	color:#281717;
	padding:9px 0 25px 9px;
}
.titre-page P {
	padding:0 9px 9px;
	color:#281717;
}

.loupe {
	background-image:url(../_image/loupe.png);
	background-position:top right;
	background-repeat:no-repeat;
}
.loupe P {
	width:533px;
}

.vip {
	height:170px;
	background-image:url(../_image/cartevip.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.vip P {
	width:470px;
}


/*----------------------------------------------+
+ Liste Restaurants/Hôtels/Séminaires			+
+----------------------------------------------*/
.listerestaurant {
	overflow:hidden;
	margin-bottom:29px;
}
.listerestaurant LI {
	height:82px;
	padding:9px;
	background-color:#311f12;
	border-bottom:1px solid #605046;
	position:relative;
}
.listerestaurant li.oneontwo {
	background-color:#312623;
}
.listerestaurant LI .photoliste {
	position:absolute;
	top:9px;
	left:9px;
}
.listerestaurant LI H2 {
	position:absolute;
	top:14px;
	left:135px;
	line-height:normal;
	font-size:1.5em;
	color:#fff9d6;
}
.listerestaurant LI H2 A {
	color:#fff9d6;
}
.listerestaurant LI P {
	color:#b8a072;
}
.listerestaurant LI P.type {
	position:absolute;
	top:36px;
	left:135px;
}
.listerestaurant LI P.ville {
	position:absolute;
	top:20px;
	right:9px;
	text-align:right;
}
.listerestaurant LI P.desc {
	width:450px;
	position:absolute;
	top:55px;
	left:135px;
}
.fichedetail {
	color:#fff9d6;
	font-size:0.833em;
	position:absolute;
	top:78px;
	right:18px;
	padding:0 16px 0 0;
	text-align:right;
	background-image:url(../_image/fleche.gif);
	background-position:right;
	background-repeat:no-repeat;
}


/*----------------------------------------------+
+ Recherche geographique						+
+----------------------------------------------*/
#carte {
	padding-bottom:29px;
	margin-right:15px;
	float:left;
	position:relative;
	width:381px;
	height:654px;
	background-image:url(../_image/carte.png);
	background-repeat:no-repeat;
}
#carte LI A {
	position:absolute;
}

#carte li div.pastille_infos{
	background-color:#311f12;
	border-bottom:1px solid #605046;
	color:#b8a072;
	display:none;
	width:auto;
	position:absolute;
	padding:4px 25px;
}
#carte li div.pastille_infos P {
	font-size:.833em;
	line-height:1em;
}


/*----------------------------------------------+
+ Pastilles sur carte et liste					+
+----------------------------------------------*/
A.pastill {
	display:block;
	position:absolute;
	width:20px;
	height:18px;
	padding-top:2px;
	overflow:hidden;
	text-align:center;
	font-weight:bold;
	font-size:1.166em;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../_image/pastille.png);
	background-repeat:no-repeat;
}
A.pastill:hover {
	text-decoration:none;
}
.fonce {
	color:#e4ce97;
	background-position:0 0;
}
.clair {
	color:#221007;
	background-position:0 -20px;
}
.pastrouge {
	color:#fff;
	background-position:0 -40px;
}


/*----------------------------------------------+
+ Liste restaurants sur carte					+
+----------------------------------------------*/
.listerestaurantcarte {
	margin-bottom:29px;
	float:right;
	width:324px;
}
.listerestaurantcarte li {
	position:relative;
	padding:4px 25px;
	background-color:#311f12;
	border-bottom:1px solid #605046;
	color:#b8a072;
}
.listerestaurantcarteover {
	background-color:#b8a072;
	color:#333;
}
.listerestaurantcartezero {
	position:relative;
	padding:4px 25px;
	background-color:#311f12;
	border-bottom:1px solid #605046;
	color:#b8a072;
}
.listerestaurantcarte LI .pastill {
	top:4px;
	left:2px;
}
#carte li div.pastille_infos H2,
.listerestaurantcarte LI H2 A {
	font-size:1.333em;
	color:#f6eeca;
	line-height:normal;
}
.listerestaurantcarte LI P {
	font-size:.833em;
	line-height:1em;
}
.listerestaurantcarte li.oneontwo {
	background-color:#312623;
	color:#b8a072;
}
.oneontwo {
	background-color:#312623;
	color:#b8a072;
}


/*----------------------------------------------+
+ Infobulle sur carte							+
+----------------------------------------------*/
.infobullecarte {
	width:206px;
	display:none;
	position:absolute;
	z-index:100
}
.infobullecarte .hautbulle {
	background:url(../_image/infobulle_haut.png) no-repeat;
	height:19px;
}
.infobullecarte .coeurbulle {
	padding:0 0 0 10px;
	width:196px;
	height:25px;
	background:url(../_image/infobulle_fond.png) repeat-y;
}
.infobullecarte .coeurbulle P {
	margin-top:-10px;
	position:absolute;
	width:196px;
}
.infobullecarte .coeurbulle EM {
	font-size:.833em;
	line-height:1em;
	font-style:normal;
}
.infobullecarte .basbulle {
	background:url(../_image/infobulle_bas.png) no-repeat;
	height:38px;
}



/*----------------------------------------------+
+ Fiche adhérents						        +
+----------------------------------------------*/
.titre-page.fiche {
	height:248px;
	position:relative;
}
.titre-page.fiche P {
	width:350px;
}
.titre-page.fiche H1 {
	position:absolute;
	top:20px;
	left:0px;
	line-height:normal;
}
.titre-page.fiche .type {
	position:absolute;
	top:10px;
	left:0px;
	color:#6a0034;
	text-transform:uppercase;
}
.titre-page.fiche .ville {
	position:absolute;
	top:63px;
	left:0px;
	color:#805c39;
	font-size:1.166em;
	line-height:normal;
}
.titre-page.fiche .specialite {
	position:absolute;
	top:91px;
	left:0px;
}
.affiliation A {
	width:43px;
	height:0;
	padding-top:43px;
	overflow:hidden;
	display:block;
	position:absolute;
	top:10px;
	right:346px;
	background-position:0 0;
	background-repeat:no-repeat;
}
.affiliation.logis A {
	background-image:url(../_image/affiliation/logis.png)
}
.affiliation.auberge-bistrot A {
	background-image:url(../_image/affiliation/auberge-bistrot.png)
}
.affiliation.demeure-tradition A {
	background-image:url(../_image/affiliation/demeure-tradition.png)
}
.affiliation.hotel-collection A {
	background-image:url(../_image/affiliation/hotel-collection.png)
}

.photosfiche {
	width:331px;
	height:240px;
	position:absolute;
	top:0;
	left:381px;
	border:4px solid #f1e0b7;
	overflow:hidden;
}

/*détails fiche adhérents*/
.detailsfiche {
	clear:both;
}
.detailsfiche .gauche {
	width:381px;
	float:left;
}
.detailsfiche .droite {
	width:324px;
	float:right;
}
.detailsfiche P {
	line-height:1.5em;
}
.detailsfiche P,
.detailsfiche UL,
.detailsfiche ADDRESS {
	margin-bottom:27px;
}
.detailsfiche ADDRESS {
	font-style:normal;
}
.detailsfiche H2 {
	color:#b8a072;
	text-transform:uppercase;
	padding-bottom:8px;
	margin-bottom:12px;
	border-bottom:1px solid #605046;
	font-weight:normal;
	clear:both;
}
.detailsfiche H2.mini {
	text-transform:none;
}
.detailsfiche H3 {
	float:left;
	font-weight:bold;
	color:#fdc944;
}
.liste_tarifs {
	padding-left:73px;
	margin-top:-2px;
}
A.lienpuce {
	padding-left: 10px;
	background:url('../_image/bullet.png') no-repeat 0px center;
}
.telephone {
	font-weight:bold;
	font-size:1.166em;
}

/*----------------------------------------------+
+ Liste Actualités						        +
+----------------------------------------------*/
.listeactualite {
	overflow:hidden;
	margin-bottom:29px;
}
.listeactualite LI {
	padding:9px 9px 9px 9px;
	border-top:1px solid #605046;
	position:relative;
	overflow:hidden;
}
.listeactualite LI .photoliste {
	margin-bottom:9px;
	float:left;
}
.listeactualite LI H2,
.listeactualite LI H3 {
	margin-top:0px;
	margin-left:126px;
	line-height:normal;
	font-size:1.5em;
	color:#fff9d6;
}
.listeactualite LI H2 A,
.listeactualite LI H3 A {
	color:#fff9d6;
}
.listeactualite LI .descactu {
	margin:6px 0 29px 126px;
	color:#b8a072;
}
.listeactualite LI P {
	margin-bottom:1em;
}
.listeactualite LI .pucevip {
	top:9px;
	left:9px;
}
/*First*/
.listeactualite LI.first {
	border:0;
	padding-top:0;
}
.listeactualite LI.first .pucevip {
	top:0;
}




/*----------------------------------------------+
+ Paragraphe							        +
+----------------------------------------------*/
.paragraphe {
	overflow:hidden;
	margin-bottom:29px;
}
.paragraphe P,
.paragraphe UL,
.paragraphe OL,
.paragraphe ADDRESS {
	margin-bottom:1.5em;
	margin-left:1em;
	line-height:1.5em;
	text-align:justify;
}
.paragraphe H1 {
	font-size:2.166em;
	line-height:normal;
	color:#fdc944;
	padding:0 0 9px 0;
	margin-bottom:29px;
	border-bottom:1px solid #605046;
}
.paragraphe H2 {
	font-size:1.5em;
	color:#fdc944;
	margin-bottom:.5em;
}
.paragraphe H3 {
	font-size:1.166em;
	color:#b8a072;
}
.paragraphe STRONG {
	color:#b8a072;
}
.paragraphe LI {
	padding-left: 10px;
	background:url('../_image/bullet.png') no-repeat 0px 7px;
}

.cadreimage {
	border:4px solid #b8a072;
}
.cadreimage.right {
	float:right;
	margin:5px 0 5px 15px;
}
.cadreimage.left {
	float:left;
	margin:5px 15px 5px 0;
}


/*----------------------------------------------+
+ Formulaire							        +
+----------------------------------------------*/
.formulaire {
	overflow:hidden;
	margin-bottom:29px;
}
.addressEditor {
	margin:0 auto;
	/*width:380px;*/
}
.L10 {
	/*font-family:'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;*/
	display:inline;
}
.erreursaisie{
	color:#e31b1e;
}
.formHeading {
	color:#b8a072;
	text-transform:uppercase;
	padding-bottom:8px;
	margin-bottom:12px;
	border-bottom:1px solid #605046;
	font-weight:normal;
}
.disabled {
	color:#CCC;
}
.addressEditor .line LABEL {
	display:block;
}
DIV.line {
	display:block;
	clear:left;
	margin-bottom:10px;
	padding: 0px 0px 2px 0px;
	overflow:hidden;
}
.addressEditor .line INPUT {
	cursor:auto;
	padding:1px;
	display:inline-block;
	letter-spacing: normal;
	line-height: normal;
	margin:0;
	text-indent:0px;
	text-transform:none;
	word-spacing:normal;
	
	font-size:14px;
	/*margin-right:6px;*/
}
.linecase {
	display:block;
	margin:0px auto;
	clear:left;
	padding:0px 0px 5px 0px;
}
.addressEditor DIV.fieldGroup {
	float:left;
	padding:0 0 2px 0;
}
.addressEditor DIV.fieldGroup LABEL {
	display:block;
}
.addressEditor DIV.fieldGroup INPUT,
.addressEditor DIV.fieldGroup SELECT {
	margin-right:6px;
}


.addressEditor .line INPUT,
.addressEditor .line SELECT,
.addressEditor .line TEXTAREA {
	
	color:#281b0d;	
	background-color:#b8a072;
	border:1px solid #605046;
	padding:2px;
}

/*.bouton {
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#605046;
	padding-top:8px;
	margin-top:12px;
}*/


/*----------------------------------------------+
+ Boutons								        +
+----------------------------------------------*/
.bouton,
.buttonsbar {
	clear:both;
	margin-bottom:.75em;
}
.bouton A,
.buttonsbar A {
	height:0;
	padding-top:28px;
	overflow:hidden;
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
}

/*----------------------------------------------+
+ Navigation							        +
+----------------------------------------------*/
.navigation {
	clear:both;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#605046;
	height:20px;
	padding:4px 6px 0 6px;
	text-align:center;
	margin-bottom:25px;
	color:#b8a072;
}
.navigation .prec {
	float:left;
	padding-left:13px;
	background-position:left;
	background-repeat:no-repeat;
}
.navigation .suiv {
	float:right;
	padding-right:13px;
	background-position:right;
	background-repeat:no-repeat;
}
.navigation .pagination STRONG {
	font-weight:bold;
	color:#fff9d6;
}
.navigation .pagination A {
	text-decoration:underline;
}
.navigation A SPAN,
.navigation A:hover SPAN {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

/*Galerie*/
.close, .open {
	clear: both;
}

.close h4, .open h4 {
	text-decoration: none;
	padding-left: 12px;
	font-size: 12px;
	cursor: pointer;
	background-position: 0 2px;
	background-repeat: no-repeat;
	font-weight: normal;
	color: #F19C3C;
	margin-bottom:5px;
}

.close div, .open div {
}
.close h4 {
	background-image: url(../_image/plus.png);
}

.close ul {
	display:none;
}

.open h4 {
	background-image: url(../_image/moins.png);
}

.open ul {
	display:inherit;
	overflow:hidden;
}
.open div a.pmpup {
	float:none;
}
.open ul li {
	display:inline;
	padding:0;
	margin:0;
}

.open ul li a {
	border:1px solid #555555;
	background-color:#fff;
	padding:3px;
	display:block;
	float:left;
	margin-left:5px;
	text-decoration:none;
}

.open ul li a:hover,
DL DD .photoactu a:hover {
	border-color:#F19C3C;
}

.open ul li a .masque-photo {
	display:none;
}