@charset "UTF-8";
/* PMP CONCEPT 05/2009 */

/* ------------------------------------ */
/*                                      */
/*            GENERAL                   */
/*                                      */
/* ------------------------------------ */
body, ul, li, p, fieldset, legend, h1, h2, h3, h4, form, select { padding:0; margin:0; text-indent:0; border:0; }

body { background:#2a2723; color:#ffffff; line-height:15px; font-family:Arial; font-size:10px; margin:19px 0 20px 0; height:100%; }

.vide, legend, #menuGeneral span { position:absolute; left:-5000px; }

p { text-align:justify; }

a img { border: 0 none; }

input, textarea { font-size:11px; font-family:Arial; color:#2a2723; padding:2px; margin:1px; width:310px; background-color:#fff; }
input:focus, textarea:focus { background:#faf3df; }
.noWidth, .bouton { width:auto; border:none; }
.form_cp { width:100px; float:left; }
.form_cp input { width:90px; }
.form_ville { width:185px; float:right; }
.form_ville input { width:175px; }
.moitierG { width:150px; float:left; }
.moitierG input { width:135px; }
.moitierD { width:150px; float:right; }
.moitierD input { width:135px; }

#coeurSite, #hautSite, #basSite, #introPage { width:764px; overflow:hidden; margin:0 auto; clear:both; }

.titrePage { font-size:18px; font-weight:normal; line-height:normal; margin-bottom:10px; color:#7c5dc6; }
.titrePage:first-letter { font-weight:bold; font-size:20px; }

.commentaire { color:#b7b7b7; font-size:10px; font-style:italic; }

/*couleur*/
.rouge { color:#bd2e1c; }
.jaune { color:#f4ba3d; }
.vert { color:#77b800; }
.bleu { color:#5eb0e5; }
.orange { color:#ff6f40; }
.bordeau { color:#c33971; }
.gris { color:#9e9e9e; }
.violet { color:#7c5dc6; }

/* ------------------------------------ */
/*                                      */
/*            HAUT SITE                 */
/*                                      */
/* ------------------------------------ */
#hautSite { width:760px; height:85px; background:#fff; border-left:2px solid #f4dddb; border-right:2px solid #f4dddb; }
#hautSite #topPage { width:764px; height:8px; display:block; background:url(../_image/top.png) top no-repeat; position:absolute; margin:-8px 0 0 -2px; }
#hautSite a#logo { width:229px; height:41px; display:block; background:url(../_image/logo_atouts_beaujolais.png) 0 0 no-repeat; margin:5px 0 12px 13px; }

#menuGeneral {
	position:relative;
}
#menuGeneral li { float:left; list-style:none; }
#menuGeneral a { display:block; height:27px; }
#bareMenu { height:4px; width:764px; display:block; margin:0 auto; overflow:hidden; clear:both; }
/* accueil */
#menuGeneral #menu_accueil { background:#bd2e1c url(../_image/fr/menu/accueil.png) left top no-repeat; width:86px; margin-left:1px; }
#menuGeneral a:hover#menu_accueil { background-position:0 -27px; }
#menuGeneral li#activeOnglet a#menu_accueil  { background-position:0 -54px; }
/* tourisme */
#menuGeneral #menu_tourisme { background:#77b800 url(../_image/fr/menu/tourisme.png) left top no-repeat; width:97px; margin-left:4px; }
#menuGeneral a:hover#menu_tourisme { background-position:0 -27px; }
#menuGeneral li#activeOnglet a#menu_tourisme  { background-position:0 -54px; }
/* seminaires affaires */
#menuGeneral #menu_seminaire { background:#5eb0e5 url(../_image/fr/menu/seminaire.png) left top no-repeat; width:165px; margin-left:4px; }
#menuGeneral a:hover#menu_seminaire { background-position:0 -27px; }
#menuGeneral li#activeOnglet a#menu_seminaire  { background-position:0 -54px; }
/* sport & loisirs */
#menuGeneral #menu_sport { background:#ff6f40 url(../_image/fr/menu/sport.png) left top no-repeat; width:147px; margin-left:4px; }
#menuGeneral a:hover#menu_sport { background-position:0 -27px; }
#menuGeneral li#activeOnglet a#menu_sport  { background-position:0 -54px; }
/* thematique */
#menuGeneral #menu_thematique { background:#c33971 url(../_image/fr/menu/thematique.png) left top no-repeat; width:117px; margin-left:4px; }
#menuGeneral a:hover#menu_thematique { background-position:0 -27px; }
#menuGeneral li#activeOnglet a#menu_thematique  { background-position:0 -54px; }
/* contact */
/*#menuGeneral #menu_contact { background:#9e9e9e url(../_image/fr/menu/contact.png) left top no-repeat; width:90px; margin-left:4px; }*/
#menu_contact { background:#f4dddb url(../_image/fr/menu/contact.png) left top no-repeat; width:122px; z-index:10; display:block; height:0; left:50%; padding-top:27px; position:absolute; margin:-64px 0 0 250px; overflow:hidden }
a:hover#menu_contact { background-position:0 -27px; }
#activeOnglet a#menu_contact  { background-position:0 -54px; }
/* beaujolais */
#menuGeneral #menu_beaujolais { background:#9e9e9e url(../_image/fr/menu/beaujolais.png) left top no-repeat; width:124px; margin-left:4px; }
#menuGeneral a:hover#menu_beaujolais { background-position:0 -27px; }
#menuGeneral li#activeOnglet a#menu_beaujolais  { background-position:0 -54px; }



/* ------------------------------------ */
/*                                      */
/*            COEUR PAGE                */
/*                                      */
/* ------------------------------------ */
#coeurSite { color:#2a2723; background:#fff; font-size:12px; }

.zoneTxt { padding-right:10px; }

#droite { float:left; width:546px; }

/*message d'introduction avec photo*/
#introPage { background:#faf3df; padding:0 0 0 2px; margin-bottom:16px; }
div#messageIntro { width:334px; height:156px; overflow:hidden; padding:20px 20px 7px 20px; float:left; }
div#messageIntro h1 { font-size:18px; font-weight:normal; line-height:normal; margin-bottom:10px; }
div#messageIntro p {line-height:14px; color:#232323; }
div#photoIntro { width:380px; height:176px; overflow:hidden; margin-left:6px; float:left; }

/*navigation*/
#navigation { font-size:10px; padding:4px 0 0 11px; text-transform:lowercase; font-family:Verdana, Arial, Helvetica, sans-serif; }
#navigation a { font-family:Arial, Helvetica, sans-serif; height:13px; }
#navigation a:hover { color:#9e9e9e; }

/*menu adherent*/
#menuAdherent { float:left; width:208px; border-right:1px dotted #c8a695; padding-left:2px; margin-right:7px; }
a#titreMenuAdherent { width:208px; height:13px; display:block; }
#menuAdherent li { font-family:Verdana, Arial, Helvetica, sans-serif; line-height:14px; list-style:none; }
#menuAdherent a { text-decoration:none; color:#000; display:block; padding:4px 7px 6px 7px; width:185px; }
/*#menuAdherent li a#activeFam { background:#7c5dc6; color:#fff; }*/
#menuAdherent li a#activeFam { background:#fff; color:#bd2e1c; border:1px dotted #bd2e1c; border-left:4px solid #bd2e1c; padding:3px 6px 5px 3px; }


/*venir en beaujolais*/
#venirBeaujolais { width:382px; float:left; }
#venirBeaujolais h1 { width:215px; height:48px; background:url(../_image/fr/venir_en_beaujolais.png) left top no-repeat; padding-left:3px; }
#venirBeaujolais table { border-collapse:collapse; padding:5px 0 0 1px; margin:0 19px 0 0; }
#venirBeaujolais td { padding:2px; }
#venirBeaujolais td a { width:182px; height:90px; display:block; }
#venirBeaujolais_lien1 { background:url(../_image/fr/decouvertes_touristiques.png) left top no-repeat; }
#venirBeaujolais_lien2 { background:url(../_image/fr/seminaires_tourisme_affaires.png) left top no-repeat; }
#venirBeaujolais_lien3 { background:url(../_image/fr/sports_loisirs.png) left top no-repeat; }
#venirBeaujolais_lien4 { background:url(../_image/fr/decouvertes_thematiques.png) left top no-repeat; }

/*
#lienRapide { clear:both; padding-top:18px; }
#lienRapide a { padding:7px 4px 7px 35px; display:block; width:auto; white-space:nowrap; text-decoration:none; font-size:14px; color:#000; line-height:normal; float:left; color:#2a2723; }
#lienRapide a#calendrierEve { background:url(../_image/icon_horloge.png) left top no-repeat; }
#lienRapide a#notreCC { background:url(../_image/icon_coeur.png) left top no-repeat; margin-left:4px; }
#lienRapide a:hover { color:#bd2e1c; }
*/
#lienRapide { padding-top:40px; }
/*carte beaujolais*/
#carteBeaujolais { float:left; padding-top:8px; }

/*pub accueil*/
#pubAccueil { clear:both; padding:10px 0 0 0; }

/*partenaire*/
#partenaires { width:35px; height:73px; position:absolute; z-index:10; left:50%; top:594px; margin-left:354px; background:red url(../_image/fr/partenaire.png) left top no-repeat; }


/*cadre*/
.cadre { width:537px; overflow:hidden; background:#fff url(../_image/cadre_fond.png) 15px 0 repeat-y; margin-bottom:10px; }
.cadreHaut { height:41px; background:#fff url(../_image/cadre_titre.png) 15px bottom no-repeat; }
.cadreHaut img { float:left; }
.cadreHaut h2 { width:445px; float:left; padding:20px 0 0 14px; font-size:16px; line-height:normal; font-weight:normal; }
.cadreHaut h2 a { text-decoration:none; }
.cadreHaut h2 a:hover { text-decoration:underline; }
.cadreCentre { background:url(../_image/cadre_top.png) 15px top no-repeat; padding:15px 24px 0 39px; overflow:hidden; }
.cadreBas { height:21px; background:#fff url(../_image/cadre_bottom.png) 15px top no-repeat; clear:both; }
.cadreCentre li { list-style:none; text-indent:20px; }
.listeFamille li { list-style:none; padding:0 0 10px 0; }
.listeFamille li.last { padding-bottom:0; }
.listeFamille li a { color:#2a2723; /*padding:0 0 0 20px;*/ }
.listeFamille li p { font-size:10px; padding:0 0 0 20px; color:#6d6d6d; }
.cadreCentre a { color:#2a2723; /*text-decoration:none;*/ }
.galerie { text-align:center; }
#bouton { padding:0 15px 0 15px; cursor:pointer; }



/*bouton*/
#boutonPoster { width:211px; height:26px; display:block; }
#boutonFermer { width:99px; height:26px; display:block; }
#boutonIntersse { width:186px; height:26px; display:block; }
#bouton #boutonIntersse,
#bouton #boutonCc { float:right; }
#boutonRetour { width:220px; height:26px; display:block; }
#bouton #boutonRetour,
#bouton #boutonRetourAccueil { float:left; }
#boutonDevis { width:87px; height:26px; display:block; background:url(../_image/fr/bouton/devis.png) left top no-repeat; float:right; margin-right:15px; }
#boutonRetourAccueil { width:154px; height:26px; display:block; }
#boutonCc { width:195px; height:26px; display:block; }

/*formulaire*/
.formulaire h3 { font-size:13px; font-weight:normal; color:#2a2723; }
#boutonForm { padding:10px 0 0 0; }
#boutonForm a { margin:0 auto; }

.formulaire .erreurForm { border:1px dashed red; background-color:#fff5eb; padding:5px; margin-bottom:5px; }
.formulaire .erreurForm h3 { color:red }
.formulaire .autoWidth { width:auto; }


/*coordonnees*/
.coordonnees { margin:0 auto; }
.coordonnees td { vertical-align:text-top; text-align:center; }
.coordonnees td#sep { width:60px; }

/*liens*/
.liens td { vertical-align:text-top; text-align:left; }


/* ------------------------------------ */
/*                                      */
/*            BAS PAGE	                */
/*                                      */
/* ------------------------------------ */

#menuRappel { background:url(../_image/bottom.png) left bottom no-repeat; overflow:hidden; padding:0 0 8px 0; }
#menuRappel ul { background:#fff; overflow:hidden; height:15px; padding:15px 0 0 1px; }
#menuRappel li { list-style:none; float:left; padding:0 0 0 7px; color:#b7b7b7; }
#menuRappel a { text-decoration:none; color:#b7b7b7; padding:0 7px 0 0; }
#menuRappel a:hover { text-decoration:underline; }

#copyright { text-align:left; overflow:hidden; padding:7px 0 4px 0; color:#fff; font-size:10px; }
#copyright a { color:#fff; text-decoration:none; }
#copyright a:hover { text-decoration:underline; }
#copyright #copy { width:300px; float:left; margin-top:5px; text-transform:lowercase; }
#copyright #logopmp { width:300px; float:right; text-align:right; }
#copyright #logopmp a { width:73px; height:30px; display:block; background:transparent url(../_image/fr/logo_pmpconcept.png) no-repeat; float:right; }
#copyright #logopmp a span { display:none; }


/* ------------------------------------ */
/*                                      */
/*            ZOOM		                */
/*                                      */
/* ------------------------------------ */
.pmpup {
	cursor: url(../_scripts/pmpup/graphics/zoomin.cur), pointer;
    outline: none;
}
.pmpup span { display:none; }
.pmpup-image {
    border-bottom: 1px solid white;
}
.pmpup-image-blur {
}
.pmpup-caption {    
    border-bottom: 1px solid white;
    font-size: 10pt;
    padding: 5px;
    background-color: RGB(255,255,255);
	color:RGB(0,0,0);
	display: none;

}
.pmpup-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    
    padding-left: 22px;
    background-image: url(../_scripts/pmpup/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    
}

a.pmpup-credits,
a.pmpup-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.pmpup-credits:hover,
a.pmpup-credits:hover i {
    color: white;
    background-color: gray;
}
.pmpup-display-block {
    display: block;
}
.pmpup-display-none {
    display: none;
}
.pmpup-overlay {
	display: none;
	background:#fff;
}

.pmpup-html {
    background-color: white;
}
.pmpup-html-blur {
}
.pmpup-html-content {
	position: absolute;
    display: none;
}

/* Controlbar example */
.controlbar {	
	background:transparent url(../_scripts/pmpup/graphics/controlbar2.gif) no-repeat;;
	width: 210px;
	height: 32px;
}
.controlbar a {	
	display: block;
	float: left;
	margin: 0 0 0 5px;
	height: 30px;
	width: 42px;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	/*color: #999;*/
}
.control:hover {
	/*color: black !important;*/
}

/* Necessary for functionality */
.pmpup-display-block {
    display: block;
}
.pmpup-display-none {
    display: none;
}
.pmpup-move {
    cursor: move;
	position: absolute;	
}







/*----------------------------------------------+
+ Offres et Actualités en page Accueil	        +
+----------------------------------------------*/
#offre-actu {
	clear: both;
	padding-left:9px;
}
/*titre*/
#offre-actu h2.titre {
	margin-bottom:2px;
}
#offre-actu h2.titre A {
	height:0px;
	display:block;
	overflow:hidden;
	padding-top:20px;
	line-height:normal;
}
/*liste*/
#offre-actu UL LI {
	list-style:none;
	margin-bottom:1px;
	clear:both;
	background-position: right;
	background-repeat: repeat-y;
	overflow:hidden;
	height:70px;
}
#offre-actu UL LI IMG {
	float:left;
	margin-right:4px;
}

#offre-actu UL LI A {
	text-decoration:none;
}
#offre-actu UL LI A:hover {
	text-decoration:underline;
}

#offre-actu UL LI H3 {
	display:block;
	float:left;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	padding-top:2px;
}
#offre-actu UL LI H3 A {
	color:#bd2e1c;
}

#offre-actu UL LI P {
	display:block;
	float:left;
	font-size:11px;
	line-height:12px;
}
#offre-actu UL LI P A {
	color:#505050;
}

/*Offres*/
#liste-offres {
	float:left;
	width:438px;
}
#offre-actu #liste-offres h2.titre A {
	width:438px;
	background:#f4ba3d url(../_image/fr/titre_offres.png) 0 0 no-repeat;
}
#offre-actu #liste-offres UL LI {
	background-image:url(../_image/degrad_offres.png);
}
#offre-actu #liste-offres UL LI H3,
#offre-actu #liste-offres UL LI P {
	width:315px;
}

/*tourisme*/
#offre-actu #liste-offres UL LI.color-2 h3 A {
	color:#77b800;
}
#offre-actu #liste-offres UL LI.color-2 {
	background-image:url(../_image/degrad_offres-2.png);
}
/*seminaire*/
#offre-actu #liste-offres UL LI.color-3 h3 A {
	color:#5eb0e5;
}
#offre-actu #liste-offres UL LI.color-3 {
	background-image:url(../_image/degrad_offres-3.png);
}
/*sports*/
#offre-actu #liste-offres UL LI.color-4 h3 A {
	color:#ff6f40;
}
#offre-actu #liste-offres UL LI.color-4 {
	background-image:url(../_image/degrad_offres-4.png);
}
/*thematiques*/
#offre-actu #liste-offres UL LI.color-5 h3 A {
	color:#c33971;
}
#offre-actu #liste-offres UL LI.color-5 {
	background-image:url(../_image/degrad_offres-5.png);
}
/*Actualités*/
#offre-actu #liste-actus {
	float:left;
	width:304px;
	margin-left:4px;
}
#offre-actu #liste-actus h2.titre A {
	width:304px;
	background:#bd2e1c url(../_image/fr/titre_actualites.png) 0 0 no-repeat;
}
#offre-actu #liste-actus UL LI {
	background-image:url(../_image/degrad_actus.png);
}
#offre-actu #liste-actus UL LI H3,
#offre-actu #liste-actus UL LI P {
	width:181px;
}
#offre-actu #liste-actus a.toutesActus{
	text-decoration:none;
	float:right;
	color:#bd2e1c;
}
#offre-actu #liste-actus a.toutesActus:hover{
	text-decoration:underline;
	
}

a h2 {
	text-decoration: none;
}