@charset "UTF-8";

@import "reset.css";

/* ------------------------------------ */
/*                                      */
/*            GENERAL	                */
/*                                      */
/* ------------------------------------ */
HTML {
	height:100%;
}
BODY {
	background-color:#2e1302;
	background-image:url(../_image/fond_page.png);
	background-position:0 137px;
	background-repeat:repeat-x;
	color:#b8afa6;
	font-size:12px;
	line-height:15px;
	font-family:Arial;
	margin:20px 0;
	height:100%;
}

A {
	color:#b8afa6;
}
A:hover {
	color:#91ae22;
	text-decoration:none;
}
.photoDroite {
	float:right;
	font-size:10px;
	line-height:13px;
	color:#b8afa6;
	text-align:right;
	margin:0 0 3px 10px;
	clear:both;
}
.photoDroite IMG,
.photoGauche IMG  {
	display:block;
}
.photoGauche {
	float:left;
	font-size:10px;
	line-height:13px;
	color:#b8afa6;
	text-align:left;
	margin:0 10px 3px 0;
	clear:both;
}

.lien-www {
	padding-left:25px;
	background-image:url(../_image/picto/www.png);
	background-repeat:no-repeat;
}
.lien-pdf {
	padding-left:25px;
	background-image:url(../_image/picto/pdf.png);
	background-repeat:no-repeat;
}

HR {
	display:block;
	clear:both;
	border-top:1px solid #e0dbd2;
	border-bottom:1px solid #fcfbfa;
	border-left:0;
	border-right:0;
	margin:25px 0 10px 0;
}

/* ------------------------------------ */
/*                                      */
/*            HAUT                      */
/*                                      */
/* ------------------------------------ */
BODY #hautsite {
	width:970px;
	margin:0 auto;
	background-color:#eeebe6;
	height:168px;
	position:relative;
}
#logo A {
	width:97px;
	height:0;
	padding-top:96px;
	overflow:hidden;
	display:block;
	background-image:url(../_image/cave-saint-cyr-logo.png);
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	top:11px;
	left:74px;
}
#banniere {
	width:720px;
	height:0;
	padding-top:117px;
	overflow:hidden;
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	margin-left:250px;
}

#menu {
	height:51px;
	background-color:#b8afa6;
	position:relative;
}
#menuAccueil {
	position:absolute;
	top:0;
	left:250px;
	width:720px;
	height:35px;
	background-color:#805c39;
	background-image:url(../_image/coin_2.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#menuAccueil UL {
	padding-left:8px;
}
#menuAccueil #menunav LI {
	display:inline;
}
#menuAccueil #menunav LI A {
	font-size:14px;
	padding:12px 9px 8px;
	float:left;
	color:#fff;
}
#menuAccueil #menunav LI A:hover {
	background-color:#adbc65;
}
#menuAccueil #menunav LI A:active {
	background-color:#b0a69d;
}
#menuAccueil.domaine #menunav LI#mn-domaine A,
#menuAccueil.caveau #menunav LI#mn-caveau A,
#menuAccueil.vin #menunav LI#mn-vin A,
#menuAccueil.tourisme #menunav LI#mn-tourisme A,
#menuAccueil.actu #menunav LI#mn-actu A,
#menuAccueil.cadeau #menunav LI#mn-cadeau A,
#menuAccueil.club #menunav LI#mn-club A,
#menuAccueil.contact #menunav LI#mn-contact A {
	background-color:#b8afa6;
}

#menuPico {
	position:absolute;
	top:0;
	left:120px;
	width:130px;
	height:25px;
	background-color:#d7d1c9;
	background-image:url(../_image/coin_1.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#menuPico UL {
	text-align:center;
	padding-left:19px;
}
#menuPico UL LI {
	display:inline;
}
#menuPico UL LI A {
	height:0;
	padding-top:10px;
	display:block;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	margin:8px 9px 0;
}
#menuPico UL LI A:hover {
	background-position:0 -10px;
}
#menuPico UL LI#etn-home A {
	width:9px;
	background-image:url(../_image/picto/home.png);
}
#menuPico UL LI#etn-contact A {
	width:11px;
	background-image:url(../_image/picto/contact.png);
}
#menuPico UL LI#etn-en A {
	width:14px;
	background-image:url(../_image/picto/en.png);
}
#menuPico UL LI#etn-fr A {
	width:14px;
	background-image:url(../_image/picto/fr.png);
}

/*deconnection*/
#deconnection {
 	background-image:url(../_image/picto/bullet_sup.png);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-left:13px;
	position:absolute;
	top:126px;
	margin-left:10px;
}
#deconnection A {
	color:#eeebe6;
}
#deconnection A:hover {
	color:#fff;
}

/* ------------------------------------ */
/*                                      */
/*            BAS                       */
/*                                      */
/* ------------------------------------ */
BODY #bassite {
	width:970px;
	margin:12px auto 0;
}
BODY #bassite A#pmpconcept {
	width:72px;
	height:0;
	padding-top:30px;
	display:block;
	overflow:hidden;
	background-image:url(../_image/pmpconcept.png);
	background-position:0 0;
	background-repeat:no-repeat;
	float:right;
}
BODY #bassite A:hover#pmpconcept {
	background-position:0 -30px;
}
#copyright {
	padding-top:9px;
}


/* ------------------------------------ */
/*                                      */
/*            COEUR SITE                */
/*                                      */
/* ------------------------------------ */
BODY #coeursite {
	width:910px;
	padding:20px 30px;
	margin:0 auto;
	background-color:#eeebe6;	
	min-height:294px;
	color:#2e1302;
	overflow:hidden;
	position:relative;
}

.hautpage {
	text-align:right;
}
.hautpage A {
	text-decoration:none
}

/**Accueil**/
#blockAccueil LI {
	float:left;
	position:relative;
}
#blockAccueil LI H2 A {
	display:block;
	overflow:hidden;
	height:0;
	cursor:pointer;
}
#blockAccueil LI P.date {
	font-size:14px;
	color:#eeebe6;
	text-align:right;
	position:absolute;
	left:96px;
	top:11px;
}
/*prime*/
#blockAccueil LI#ba-prime A {
	width:545px;
	height:0;
	padding-top:159px;
	display:block;
	overflow:hidden;
	margin-right:50px;
	margin-bottom:20px;
}#blockAccueil LI#ba-prime2 {
	width:545px;
	height:159px;
	display:block;
	overflow:hidden;
	margin-right:50px;
	margin-bottom:20px;
}
/*accès membre*/
#blockAccueil LI#ba-clubstcyr {
	width:293px;
	height:137px;
	background-image:url(../_image/fond_club.png);
	padding:11px;
	font-size:11px;
	color:#2e1302;
	line-height:14px;
	margin-bottom:20px;
}
#blockAccueil LI#ba-clubstcyr H2 A {
	padding-top:17px;
	margin-bottom:18px;
}
#blockAccueil LI#ba-clubstcyr FORM {
	width:206px;
	margin-bottom:20px;
}
#blockAccueil LI#ba-clubstcyr FORM LABEL {
	font-size:12px;
	color:#30373f;
	display:block;
}
#blockAccueil LI#ba-clubstcyr FORM INPUT {
	float:left;
	border:1px solid #b5ca02;
	height:21px;
	width:164px;
}
#blockAccueil LI#ba-clubstcyr FORM INPUT.bouton {
	background-color:#91ac27;
	width:36px;
	color:#fff;
	text-align:center;
	height:25px;
	margin-left:2px;
	cursor:pointer;
}
#blockAccueil LI#ba-clubstcyr FORM P {
	text-align:right;
	font-size:10px;
}
#blockAccueil LI#ba-clubstcyr A {
	color:#2e1302;
	text-decoration:underline;
}
#blockAccueil LI#ba-clubstcyr A:hover {
	color:#5e3f32;
}
#blockAccueil LI#ba-clubstcyr P#connecte {
	font-size:14px;
	line-height:17px;
	padding-top:20px;
}
#blockAccueil LI#ba-clubstcyr P#connecte STRONG {
	font-weight:bold;
}
#blockAccueil LI#ba-clubstcyr P#connecte A {
	color:#fff;
}
#blockAccueil LI#ba-clubstcyr P#connecte A:hover {
	color:#805c39;
}
#blockAccueil LI#ba-clubstcyr #errConnexion{
	margin-top:15px;
	position:absolute;
	width:280px; 
	color:red;
}

/*actualite*/
#blockAccueil LI#ba-actualite {
	width:268px;
	height:93px;
	background-image:url(../_image/fond_actu.png);
	padding:11px;
	color:#eeebe6;
	overflow:hidden;
}
#blockAccueil LI#ba-actualite H2 A {
	padding-top:14px;
	margin-bottom:7px;
}
#blockAccueil LI#ba-actualite P {
	width:183px;
}
#blockAccueil LI#ba-actualite P STRONG,
#blockAccueil LI#ba-actualite P A STRONG {
	color:#0d424b;
	font-weight:bold;
}
#blockAccueil LI#ba-actualite P A {
	color:#eeebe6;
}
#blockAccueil LI#ba-actualite P A:hover {
	text-decoration:underline;
}
#blockAccueil LI#ba-actualite IMG {
	float:right;
}
/*a venir*/
#blockAccueil LI#ba-avenir {
	width:268px;
	height:93px;
	background-image:url(../_image/fond_avenir.png);
	padding:11px;
	color:#eeebe6;
	overflow:hidden;
	margin-left:20px;
}
#blockAccueil LI#ba-avenir H2 A {
	padding-top:14px;
	margin-bottom:7px;
}
#blockAccueil LI#ba-avenir P {
	width:183px;
}
#blockAccueil LI#ba-avenir P STRONG,
#blockAccueil LI#ba-avenir P A STRONG {
	color:#68290c;
	font-weight:bold;
}
#blockAccueil LI#ba-avenir P A {
	color:#eeebe6;
}
#blockAccueil LI#ba-avenir P A:hover {
	text-decoration:underline;
}
#blockAccueil LI#ba-avenir IMG {
	float:right;
}
/*idee cadeaux*/
#blockAccueil LI#ba-ideecad {
	width:268px;
	height:93px;
	background-image:url(../_image/fond_cadeau.png);
	padding:11px;
	color:#eeebe6;
	overflow:hidden;
	margin-left:20px;
}
#blockAccueil LI#ba-ideecad H2 A {
	padding-top:13px;
	margin-bottom:7px;
}
#blockAccueil LI#ba-ideecad P {
	width:183px;
}
#blockAccueil LI#ba-ideecad P STRONG,
#blockAccueil LI#ba-ideecad P A STRONG {
	color:#eeebe6;
	font-weight:bold;
}
#blockAccueil LI#ba-ideecad P A {
	color:#eeebe6;
}
#blockAccueil LI#ba-ideecad P A:hover {
	text-decoration:underline;
}
#blockAccueil LI#ba-ideecad IMG {
	float:right;
	margin-top:-17px;
}

/**** PAGE ***/
.deuxcol {
	width:660px;
	float:right;
}
.page H2,
.page H2 A {
	font-size:18px;
	line-height:18px;
	color:#91ae22;
	margin-bottom:15px;
	font-weight:normal;
}
.page H3 {
	font-size:14px;
	line-height:17px;
	font-weight:bold;
}
.page H3 EM {
	font-size:12px;
	font-weight:normal;
}
.page H4 {
	font-size:12px;
	line-height:14px;
	font-weight:bold;
}
.page UL {
	margin:0 15px 15px;
}
.page UL LI {
	margin-bottom:5px;
	padding-left:15px;
	background-image:url(../_image/picto/bullet_2.png);
	background-repeat:no-repeat;
}
.page STRONG {
	font-weight:bold;
}
.page P {
	margin-bottom:15px;
}
.page A {
	color:#805c39;
	text-decoration:underline;
}
.page A:hover {
	color:#91ae22;
}
.page .intro {
	/*font-weight:bold;*/
	color:#805c39;
}
/*gauche*/
#colgauche {
	width:220px;
	margin-right:30px;
	float:left;
	/*position:absolute;*/
	top:0;
}

#sousmenu {
	margin-top:-20px;
	margin-bottom:25px;
}
#sousmenu UL {
}
#sousmenu UL LI A {
	display:block;
	padding:0 0 0 10px;
	font-size:14px;
	line-height:25px;
	color:#2e1302;
	background-color:#d7d1c9;
	border-bottom:1px solid #b8afa6;
	width:210px;
}
#sousmenu UL LI A:hover {
	color:#fff;
	background-color:#a38b73;
}
.sm1 UL LI#sm-1 A,
.sm2 UL LI#sm-2 A,
.sm3 UL LI#sm-3 A,
.sm4 UL LI#sm-4 A,
.sm5 UL LI#sm-5 A,
.sm6 UL LI#sm-6 A,
.sm7 UL LI#sm-7 A,
.sm8 UL LI#sm-8 A,
.sm9 UL LI#sm-9 A,
.sm10 UL LI#sm-10 A,
.sm11 UL LI#sm-11 A,

.sm12 UL LI#sm-12 A,
.sm12 UL LI#sm-13 A,
.sm14 UL LI#sm-14 A {
	color:#fff;
	background-color:#adbc65;
}

#blc {
	clear:both;
}
#blc LI {
	margin-bottom:10px;
}
#blc LI#blc-labelqualite A,
#blc LI#blc-beaujolais A,
#blc LI#blc-ideecadeaux A {
	width:220px;
	height:0;
	padding-top:50px;
	display:block;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
}
#blc LI#blc-horaire {
	width:202px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#d7d1c9;
	padding:22px 8px 2px 10px;
	font-size:10px;
	line-height:11px;
	color:#635e56;
}
#blc LI#blc-horaire H3 {
	display:none;
}
#blc LI#blc-horaire H4 {
	padding-left:46px;
	margin-bottom:5px;
	font-weight:normal;
	color:#343029;
}
#blc LI#blc-horaire P {
	margin-bottom:5px;
}
#blc LI#blc-horaire P STRONG {
	font-weight:bold;
	color:#343029;
}

.page  .hautpage {
	text-align:right;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.page .hautpage A {
	text-decoration:none;
	padding-left:11px;
	background-image:url(../_image/picto/haut.png);
	background-repeat:no-repeat;
	color:#8e837a;
}
.page .hautpage A:hover {
	color:#adbc65;
}

/**Tourisme**/
.mini-article {
	clear:both;
}
.mini-article .photoGauche {
	margin-bottom:15px;
}

/**Idees Cadeaux**/
.deuxParLigne {
	clear:both;
	margin-bottom:15px;
	overflow:hidden;
}
.deuxParLigne .mini-article {
	clear:none;
	width:320px;
	float:left;
}
.deuxParLigne .mini-article .photoGauche {
	margin-bottom:5px;
}

/**Contact**/
#formulairecontact {
	width:300px;
}
.formulaire .erreursaisie,
.rouge {
	color:#990000;
	font-weight:bold;
}
.formulaire td,
.formulaire th {
	padding:2px;
	vertical-align:top;
}
.formulaire th {
	text-align:right;
	font-size:10px;
	font-weight:normal;
	padding-right:5px;
	padding-top:5px
}
.formulaire td {
	text-align:left;
	font-size:11px;
}
.formulaire td input,
.formulaire td textarea {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #e7e3db;
	padding:1px 2px 1px 2px;
	width:170px;
}
.formulaire td textarea {
	height:70px;
}
.formulaire td input.num {
	width:60px;
}
.formulaire td input.autre {
	width:150px;
}
.formulaire td input.no {
	width:auto;
	border:0 none;
}
.infoForm {
	font-size:10px;
}

#coordonnees {
	width:340px;
	float:right;
	color:#635e56;
	font-size:10px;
	line-height:12px;
	white-space:nowrap;
}
#coordonnees STRONG {
	font-weight:normal;
	font-size:12px;
	line-height:14px;
}
#coordonnees STRONG,
#coordonnees P {
	margin-bottom:10px;
}
#coordonnees ADDRESS {
	margin-bottom:10px;
	font-style:normal;
}
#coordonnees P EM {
	width:45px;
	display:block;
	float:left;
	font-style:normal;
}

/**Vins**/
.listevin .page {
	width:440px;
	float:left;
	
	padding:0;
	position:relative;
	overflow:hidden;
}

UL.listevins {
	width:455px;
	margin:0;
}


BODY .listevin .page UL.listevins LI {
	width:138px;
	height:189px;
	font-size:14px;
	list-style:none;
	display:inline;
	padding:0;
	background:none;
}
.listevins LI A {
	text-decoration:none;
	width:138px;
	height:179px;
	display:block;
	text-align:center;
	padding:5px 0;
	float:left;
	margin-left:0;
	margin-right:13px;
	margin-bottom:10px;
	color:#2e1302;
}
.listevins LI A:hover {
	background-color:#adbc65;
	color:#fff;
	text-decoration:none;
}
.listevins LI A IMG {
	display:block;
	margin-bottom:3px;
	
	width:138px;
	height:144px;
	display:block;
}
.listevins LI A SPAN {
	font-size:12px;
	color:#7d2721;
	display:block;
}

BODY .listevin .page UL.listevins LI.funny {
	height:132px;
}
.listevins LI.funny A {
	height:122px;
}
.listevins LI.funny A IMG {
	height:87px;
}

#telechargeDocVins {
	clear:both;
	padding-top:10px;
}
#telechargeDocVins A {
	width:355px;
	height:0;
	padding-top:49px;
	display:block;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
	margin-left:280px;
}

/**fiche vin**/
.titreSm {
	font-size:12px;
	line-height:17px;
	background-color:#b8afa6;
	color:#f3ede4;
	display:block;
	
	
	padding:0 0 0 10px;
	border-bottom:1px solid #f3ede4;
	width:210px;
}

.deuxcol #telechargeDocVins {
	clear:none;
	padding-top:40px;
}
.deuxcol #telechargeDocVins A {
	margin-left:0;
}

/**Club St Cyr**/
.clubstcyrconnec {
	float:right;
}

#gauche-club {
	width:545px;
	margin-right:50px;
}
#gauche-club ADDRESS {
	text-align:center;
	font-weight:bold;
}
#gauche-club #telechargeDocClub {
	text-align:center;
}
#gauche-club #telechargeDocClub A {
	width:329px;
	height:0;
	padding-top:49px;
	display:block;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0 auto;
}

.clubstcyr {
	width:99px;
	height:0;
	padding-top:17px;
	display:block;
	overflow:hidden;
	background-image:url(../_image/info_club-saint-cyr.png);
	position:absolute;
	margin-top:-55px;
	margin-left:10px;
	cursor:pointer;
}


/*ACTUALITE AGENDA*/
.actualiteBox {
	float:left;
	width:545px;
}
.agendaBox {
	float:right;
	width:315px;
}
#mentionactu {
	clear:both;
	padding-top:20px;
	color:#b8afa6;
}

#mentionactu IMG {
	vertical-align:middle;
}