/*FREIXENET - STYLES - 26/11/2009*/
/*GABARIT CENTRE*/

/*1. BODY*/
/*2. CONTAINER GLOBAL*/
/*3. PAGE ACTUALITE*/
/*4. LIENS*/
/*5. MELANGES D'HIVER*/
/*6. TOUS LES CAVAS*/
/*7. NOUS CONTACTER*/
/*8. L'ART DU CAVA*/
/*9. ACTUALITE*/
/*10. PLAN DU SITE*/
/*11. L'ACTU*/

/*1. BODY*/
body {
  background-color: #000000;
  font-family: Arial,helvetica,sans serif;
  font-size: 12px;
  text-align: justify;
  line-height: 110%;
  margin: 0px;
  padding: 0px;
}

/*2. CONTAINER GLOBAL*/
/*
#freixenet {
   position: absolute;
   left: 50%; 
   top: 50%;
   width: 1000px;
   height: 586px;
   margin-top: -293px;
   margin-left: -500px;
}
*/
#freixenet {
   position: relative;
   width: 1000px;
   height: 586px;
   margin: auto auto 16px;
}

/*
#freixenet_left {
   position: relative;
   width: 1000px;
   height: 586px;
   margin: auto auto 16px;
}
*/

#header {
  width: 1000px;
  height: 90px;
  background-image: url(../images/fond_header.gif);
  float: left;
  position:relative;
  z-index:9999;
}

#header_logo{
  width: 179px;
  height: 90px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#header_cavadebarcelone{
  width: 187px;
  height: 90px;
  position: absolute;
  top: 0px;
  left: 180px;
}

#header_nav {
  position: absolute;
  left: 371px;
  top: 46px;
  width: 629px;
  height: 44px;
}

#centre {
  width: 1000px;
  height: 470px;
  background-color: #FFFFFF;
  float: left;
  z-index:1;
}

#alliance_tapas{
  width: 205px;
  height: 36px;
  position: absolute;
  top: 302px;
  left: 503px;
}

#cocktails_nav {
  width: 146px;
  height: 226px;
  position: absolute;
  top: 103px;
  left: 0px;
}

#recette{
  width: 326px;
  height: 252px;
  position: absolute;
  top: 302px;
  left: 495px;
}

#footer {
  width: 1000px;
  height: 25px;
  float: left;
  background-image: url(../images/fond_footer.jpg);
  float: left;
}

#footer_le_groupe{
  position: absolute;
  height: 11px;
  left: 8px;
  top: 567px;
}

#footer_actualite_freixenet{
  position: absolute;
  width: 165px;
  height: 11px;
  left: 83px;
  top: 567px;
}

#footer_abus_d_alcool{
  position: absolute;
  width: 380px;
  height: 11px;
  left: 319px;
  top: 568px;
  font-size: 8px; 
  color: #474546; 
  font-weight: bold;
  text-align: left;
}

#footer_plan_du_site{
  position: absolute;
  width: 70px;
  height: 11px;
  left: 706px;
  top: 567px;
}

#footer_nous_contacter{
  position: absolute;
  width: 90px;
  height: 11px;
  left: 792px;
  top: 567px;
}

#footer_mentions_legales{
  position: absolute;
  width: 100px;
  height: 11px;
  left: 898px;
  top: 567px;
}

/*3. PAGE ACTUALITE*/
#inscription{
  width: 400px;
  height: 262px;
  position: absolute;
  top: 133px;
  left: 473px;
  font-size: 14px;
}

#nom{
  width: 90px;
  height: 11px;
  position: absolute;
  left: 0px;
  top: 38px;
  font-size: 12px;
  font-weight: bold;
}

#nom_input{
  width: 250px;
  height: 21px;
  position: absolute;
  left: 90px;
  top: 36px;
  font-size: 12px;
  font-weight: bold;
}

#prenom{
  width: 90px;
  height: 11px;
  position: absolute;
  left: 0px;
  top: 63px;
  font-size: 12px;
  font-weight: bold;
}
#prenom_input{
  width: 250px;
  height: 21px;
  position: absolute;
  left: 90px;
  top: 60px;
  font-size: 12px;
  font-weight: bold;
}

#age{
  width: 90px;
  height: 11px;
  position: absolute;
  left: 0px;
  top: 88px;
  font-size: 12px;
  font-weight: bold;
}
#age_input{
  width: 250px;
  height: 21px;
  position: absolute;
  left: 90px;
  top: 85px;
  font-size: 12px;
  font-weight: bold;
}

#email{
  width: 90px;
  height: 11px;
  position: absolute;
  left: 0px;
  top: 112px;
  font-size: 12px;
  font-weight: bold;
}

#email_input{
  width: 250px;
  height: 21px;
  position: absolute;
  left: 90px;
  top: 110px;
  font-size: 12px;
  font-weight: bold;
}

#code_postal{
  width: 90px;
  height: 11px;
  position: absolute;
  left: 0px;
  top: 137px;
  font-size: 12px;
  font-weight: bold;
}

#code_postal_input{
  width: 125px;
  height: 21px;
  position: absolute;
  left: 90px;
  top: 135px;
  font-size: 12px;
  font-weight: bold;
}


#checkbox{
  width: 50px;
  height: 15px;
  position: absolute;
  left: 5px;
  top: 180px;
}

#acceptation_newsletter{
  width: 350px;
  height: 11px;
  position: absolute;
  left: 48px;
  top: 184px;
  font-size: 12px;
  font-weight: bold;
}

#infos_obligatoires{
  width: 200px;
  height: 11px;
  position: absolute;
  left: 0px;
  top: 228px;
  font-size: 11px;
  font-weight: bold;
}

#validez{
  width: 200px;
  height: 22px;
  position: absolute;
  left: 230px;
  top: 225px;
}

.input_long {
  width: 250px;
  height: 18px;
  background-image: url(../images/fond_input_actualite.gif);
  font-family: Arial, Helvetica,Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #ffffff;
  vertical-align:text-bottom;
}

.input_court {
  width: 120px;
  height: 18px;
  background-image: url(../images/fond_input_actualite.gif);
  font-family: Arial, Helvetica,Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #ffffff;
  vertical-align:text-bottom;
}
/*
.input_checkbox{
  border: 1px solid #887a7a;
  background-color: #e7d0b0;
}
*/

/*4. LIENS*/
a.nav_header:link { font-size: 10px; color: #dbd3c1; text-decoration:none; margin-left: 12px; margin-right: 13px; }
a.nav_header:visited { font-size: 10px; color: #dbd3c1; text-decoration:none; margin-left: 12px; margin-right: 13px; }
a.nav_header:hover { font-size: 10px; color: #c2a15e; text-decoration:none; margin-left: 12px; margin-right: 13px; }
a.nav_header:active { font-size: 10px; color: #dbd3c1; text-decoration:none; margin-left: 12px; margin-right: 13px; }

a.nav_footer:link { font-size: 9px; color: #dbd3c1; text-decoration:none; font-weight: bold; }
a.nav_footer:visited { font-size: 9px; color: #dbd3c1; text-decoration:none; font-weight: bold; }
a.nav_footer:hover { font-size: 9px; color: #c2a15e; text-decoration:none; font-weight: bold; }
a.nav_footer:active { font-size: 9px; color: #dbd3c1; text-decoration:none; font-weight: bold; }

a.mailto:link { font-size: 11px; font-weight: bold; color: #000000; text-decoration:underline; font-family: Arial, Helvetica,Verdana, sans-serif; }
a.mailto:visited { font-size: 11px; font-weight: bold; color: #000000; text-decoration:underline; font-family: Arial, Helvetica,Verdana, sans-serif; }
a.mailto:hover { font-size: 11px; font-weight: bold; color: #000000; text-decoration:none; font-family: Arial, Helvetica,Verdana, sans-serif; }
a.mailto:active { font-size: 11px; font-weight: bold; color: #000000; text-decoration:underline; font-family: Arial, Helvetica,Verdana, sans-serif; }

/*5. MELANGES D'HIVER*/
#sangriadhiver{
  position: absolute;
  top: 314px;
  left: 13px;
  width: 142px;
  height: 159px;
  z-index: 10;
}

#cordonmango{
  height:160px;
left:102px;
position:absolute;
top:223px;
width:137px;
z-index:1;
}

#noelabarcelone{
  height:167px;
left:184px;
position:absolute;
top:360px;
width:146px;
z-index:9;
}

#fraicheurcatalane{
  position: absolute;
  top: 241px;
  left: 247px;
  width: 143px;
  height: 158px;
  z-index: 2;
}

#freixcarapom{
  height:140px;
left:361px;
position:absolute;
top:350px;
width:145px;
z-index:8;
}

#freixscarlett{
  height:161px;
left:392px;
position:absolute;
top:234px;
width:203px;
z-index:3;
}

#emeraudeysol{
  position: absolute;
  top: 349px;
  left: 586px;
  width: 119px;
  height: 176px;
  z-index: 7;
}

#cavacolada{
  position: absolute;
  top: 262px;
  left: 672px;
  width: 117px;
  height: 162px;
  z-index: 4;
}

#freixmojito{
  position: absolute;
  top: 348px;
  left: 792px;
  width: 128px;
  height: 158px;
  z-index: 6;
}

#capriceabarcelone{
  position: absolute;
  top: 234px;
  left: 840px;
  width: 155px;
  height: 171px;
  z-index: 5;
}

/*6. TOUS LES CAVAS*/
#menu_touslescavas{
  position: absolute;
  top: 122px;
  left: 809px;
  width: 180px;
  height: 55px;
}

#cava_cordonnegro {
  position: absolute;
  top: 92px;
  left: 809px;
  width: 178px;
  height: 30px;
  background-image: url(../images/titre_tlc_cordonnegro.gif);
  display: none;
}

#bout_decouvrirlescocktails {
height:17px;
left:824px;
position:absolute;
top:400px;
width:147px;
}

#cava_cordonrosado {
  position: absolute;
  top: 92px;
  left: 809px;
  width: 178px;
  height: 30px;
  background-image: url(../images/titre_tlc_cordonrosado.gif);
  display: none;
}

#cava_cartanevada{
  position: absolute;
  top: 92px;
  left: 809px;
  width: 178px;
  height: 30px;
  background-image: url(../images/titre_tlc_cartanevada.gif);
  display: none;
}

#cava_cordonnegrovintage{
  position: absolute;
  top: 92px;
  left: 809px;
  width: 178px;
  height: 30px;
  background-image: url(../images/titre_tlc_cordonnegrovintage.gif);
  display: none;
}

#cava_grancordonnegro{
  position: absolute;
  top: 92px;
  left: 809px;
  width: 178px;
  height: 30px;
  background-image: url(../images/titre_tlc_grancordonnegro.gif);
  display: none;
}

/*7. NOUS CONTACTER*/
#mailto{
  position: absolute;
  top: 339px;
  left: 634px;
  width: 156px;
  height: 20px;
  text-align: center;
}

/*8. L'ART DU CAVA*/
#vendanges_fermentation_01{
  position: absolute;
  top: 489px;
  left: 102px;
  width: 354px;
  height: 69px;
  background-color: #CC0000;
}

#methode_traditionnelle{
  position: absolute;
  top: 489px;
  left: 622px;
  width: 230px;
  height: 69px;
  background-color: #CC0000;
}

#fermentation_01{
  position: absolute;
  top: 472px;
  left: 372px;
  width: 225px;
  height: 85px;
  background-color: #CCCCCC;
}

#fermentation_02{
  position: absolute;
  top: 472px;
  left: 651px;
  width: 229px;
  height: 85px;
  background-color: #AACCCC;
}

/*9. ACTUALITE*/
#erreur_avertissement{
  position: absolute;
  top: 214px;
  left: 843px;
  width: 122px;
  height: 60px;
  background-image: url(../images/actualite_avertissement_erreur.gif);
  display: none;
}

#erreur_avertissement_fleche{
  position: absolute;
  top: 178px;
  left: 817px;
  width: 9px;
  height: 24px;
  background-image: url(../images/erreur_avertissement_fleche.gif);
  display: none;
}

/*10. PLAN DU SITE*/
#plandusite{
  position: absolute;
  top: 114px;
  left: 182px;
  width: 800px;
  height: 310px;
}

.titre_global { font-size: 12px; color: #6d6a6a; text-decoration:none; font-family: Arial, Helvetica,Verdana, sans-serif; font-weight: bold; }

a.titre_plan:link { font-size: 12px; color: #6d6a6a; text-decoration:none; font-family: Arial, Helvetica,Verdana, sans-serif; font-weight: bold; }
a.titre_plan:visited { font-size: 12px; color: #6d6a6a; text-decoration:none; font-family: Arial, Helvetica,Verdana, sans-serif; font-weight: bold; }
a.titre_plan:hover { font-size: 12px; color: #6d6a6a; text-decoration:underline; font-family: Arial, Helvetica,Verdana, sans-serif; font-weight: bold; }
a.titre_plan:active { font-size: 12px; color: #6d6a6a; text-decoration:none; font-family: Arial, Helvetica,Verdana, sans-serif; font-weight: bold; }

.cocktail{ font-size: 11px; color: #6d6a6a; text-decoration:none; font-family: Arial, Helvetica,Verdana, sans-serif; font-weight: bold; }

a.nav_plan:link { font-size: 11px; color: #000000; text-decoration:none; font-family: Arial, Helvetica,Verdana, sans-serif; font-weight: bold; }
a.nav_plan:visited { font-size: 11px; color: #000000; text-decoration:none; font-family: Arial, Helvetica,Verdana, sans-serif; font-weight: bold; }
a.nav_plan:hover { font-size: 11px; color: #000000; text-decoration:underline; font-family: Arial, Helvetica,Verdana, sans-serif; font-weight: bold; }
a.nav_plan:active { font-size: 11px; color: #000000; text-decoration:none; font-family: Arial, Helvetica,Verdana, sans-serif; font-weight: bold; }

#lactualite{
  position: absolute;
  top: 54px;
  left: 8px;
  width: 135px;
  height: 246px;
  text-align: left;
}

#melanges{
  position: absolute;
  top: 54px;
  left: 157px;
  width: 135px;
  height: 246px;
  text-align: left;
}

#lescavas{
  position: absolute;
  top: 54px;
  left: 306px;
  width: 145px;
  height: 246px;
  text-align: left;
}

#artducava{
  position: absolute;
  top: 54px;
  left: 468px;
  width: 135px;
  height: 246px;
  text-align: left;
}

#freixenada{
  position: absolute;
  top: 54px;
  left: 611px;
  width: 180px;
  height: 246px;
  text-align: left;
}

/*11. L'ACTU*/

#lupo{
  position: absolute;
  top: 127px;
  left: 74px;
  width: 347px;
  height: 366px;
}

#legoutdebarcelone {
  position: absolute;
  top: 127px;
  left: 611px;
  width: 325px;
  height: 366px;
}

#actu_precedente{
  position: absolute;
  top: 526px;
  left: 450px;
  width: 135px;
  height: 20px;
}

#actu_suivante{
  position: absolute;
  top: 526px;
  left: 679px;
  width: 128px;
  height: 20px;
}
#sangriadhiver a, #cordonmango a, #noelabarcelone a, #fraicheurcatalane a, #freixcarapom a, #freixscarlett a, #capriceabarcelone a{ display:block; width:100%; height:100%; text-decoration:none;}
#sangriadhiver a:hover { background:url(../images/icaria.png) no-repeat 58px top;}
#cordonmango a:hover { background:url("../images/rosalia.png") no-repeat scroll 0px 7px transparent;}
#noelabarcelone a:hover { background:url(../images/sangria.png) no-repeat left 1px;}
#fraicheurcatalane a:hover { background:url("../images/independencia.png") no-repeat scroll -2px 5px transparent}
#freixcarapom a:hover { background:url(../images/sea.png) no-repeat left top;}
#freixscarlett a:hover { background:url(../images/catalane.png) no-repeat left top;}
#capriceabarcelone a:hover{background:url(../images/caprice-barcelona.png) no-repeat left top; }

a.nav1 { text-indent:-9999px; height:16px; display:block; }

a.rosalita { width:156px; background:url(../images/menu-rosalita-off.png) no-repeat left top; top:15px }
a.rosalita:hover{background:url(../images/menu-rosalita-on.png) no-repeat left top;}
a.independencia { width:175px; background:url(../images/menu-independencia-off.png) no-repeat left top; top:30px}
a.independencia:hover{background:url(../images/menu-independencia-on.png) no-repeat left top;}
a.fraicheur { width:199px; background:url(../images/menu-fraicheur-off.png) no-repeat left top; top:45px}
a.fraicheur:hover{background:url(../images/menu-fraicheur-on.png) no-repeat left top;}
a.icaria{ width:119px; background:url(../images/menu-icaria-off.png) no-repeat left top; top:60px}
a.icaria:hover{background:url(../images/menu-icaria-on.png) no-repeat left top;}
a.sangria{ width: 148px; background:url(../images/menu-sangria-off.png) no-repeat left top; top:75px}
a.sangria:hover{background:url(../images/menu-sangria-on.png) no-repeat left top;}
a.sea{ width:149px; background:url(../images/menu-sea-off.png) no-repeat left top; top:90px}
a.sea:hover{background:url(../images/menu-sea-on.png) no-repeat left top;}

a.emeraude { width:146px; background:url(../images/bout_emeraudeysol_out.gif) no-repeat left top; top:181px; position:absolute; left:0 }
a.emeraude:hover{width:146px;background:url(../images/bout_emeraudeysol_over.gif) no-repeat left top;position:absolute;top:181px; left:0}
a.caprice { width:146px; background:url(../images/bout_capriceabarcelone_out.gif) no-repeat left top; top:197px;position:absolute; left:0}
a.caprice:hover{background:url(../images/bout_capriceabarcelone_over.gif) no-repeat left top;position:absolute; left:0}
a.freix { width:146px; background:url(../images/bout_freixmojito_out.gif) no-repeat left top; top:213px;position:absolute; left:0}
a.freix:hover{background:url(../images/bout_freixmojito_over.gif) no-repeat left top;position:absolute; left:0}
a.cavacolada{ width:146px; background:url(../images/bout_cavacolada_out.gif) no-repeat left top; top:229px;position:absolute; left:0}
a.cavacolada:hover{background:url(../images/bout_cavacolada_over.gif) no-repeat left top;position:absolute; left:0}

.recette-cocktail { position:absolute; left:495px; top:50px; background-color:#fff; width:345px; height:470px; padding:10px; font-family: helvetica, arial, sans-serif; color:#6b6b6b; font-size:11px; font-weight:bold; visibility:hidden;}

.bloc-gauche{ float:left;border-right:1px solid #000000;padding-left:100px;width:397px;}
.bloc-results{ float:left;padding-left:100px;width:850px;height:462px}
.bloc-gauche p, .bloc-results p{width:298px; text-align:center; padding:8p; display:block; float:left; color:#4a4949; font-size:13px }
.bloc-droit p{ padding:10px; color:#4a4949;text-align:center; }
.bloc-gauche p.p2{ color:#b3b2b2; text-align:left;}
.bloc-gauche h2 span, .bloc-results h2 span{ background:url("../images/store_locator-sprite.png") no-repeat scroll right -6px transparent ;width:302px; height:35px;  display:block; }
.bloc-droit h2 span{ background:url("../images/store_locator-sprite.png") no-repeat scroll right -52px transparent;width:302px; height:35px;  display:block; }
.bloc-gauche h2 , .bloc-droit h2, .bloc-results h2{ text-indent:-9999px; width:302px; height:35px}
.form-search { float:left;background:url("../images/store_locator-sprite.png") no-repeat scroll -103px -108px transparent; width:300px; height:262px; position:relative;}
.form-search input, .form-search textarea { clear:both; display:block; color:#8a8a8a; width:245px; margin:20px 0 0 17px; font-family:Arial,helvetica,sans serif; font-size:12px}
.form-search input#valid{  background:url("../images/store_locator-sprite.png") no-repeat scroll -872px -125px #000000;border:0 none;height:21px;width:124px; position:absolute; bottom:0; right:0; cursor:hand; cursor: pointer;}
.bloc-droit{ padding-left:100px; float:left;}

.nav-bottom{ position:absolute; bottom:70px; left:100px}
.nav-bottom a{ text-decoration:none; color:#434343; text-transform:uppercase;font-size:9px;}
#newsearch { width:163px; height:24px;background:url("../images/store_locator-sprite.png") no-repeat scroll right -92px transparent; position:absolute; left:750px; top:128px; border:none}
.results{ margin-right:202px;_margin-right:172px;float:left;width:286px; height:106px; background:url("../images/store_locator-sprite.png") no-repeat scroll 196px top transparent; border-left:12px solid #e6e5e5; border-top:2px solid #e6e5e5}
.results p { margin:0; padding:2px 0 0 10px; text-align:left; font-size:11px}
.blocs{ position:absolute; width:100%; height:316px;top:185px; left:100px}
.blocs{ _width:1000px }
.prev { position:absolute; left:170px;}
.next { position:absolute; left:336px}
.bloc-results p.txt{ margin:7px 0 0 0;}
.results p.name{ font-size:14px;font-weight:bold; padding:8px 0 16px 10px;clear:left;}
.bloconso {position:absolute;width:833px;overflow:hidden; overflow:auto;left:0}
.bloconso .results{ background:none; border:none; float:none; }
.scroll-pane { height:316px}
.results img{ float:left; margin:10px}
.results-conso div.txt-conso{ float:right; width:397px}
.bloconso .results-conso { width:810px; float:left; height:auto; border-bottom:1px solid #e6e5e5; padding:8px 8px 18px 0}
.coord{ width:377px; float:left; }
div.conso p.txt{ text-align:left; padding-left:8px}
div.txt-conso p{ width:100%}
div.coord p { width:auto; float:none;}
div.results-conso p.name{ padding-top:0}
div.results-conso p.tel{ padding-top:15px}
.form-search label.error {color:red;font-size:1.1em;font-weight:bold;padding-left:17px}

#header_nav img { z-index:999; position:relative;}

#terreapart, #artdevivre { position:absolute; width:244px; height:40px; top:60px; left:490px;text-decoration:none;}
#artdevivre{ width:200px; left:734px}
a { outline:0 none}

.bloc-droit p.dispo{ color:#be9852; font-size:13px; text-transform:uppercase; font-weight:bold; }
#freixeneda-img1{ background:url("../images/freixeneda-img1.jpg") no-repeat scroll left top transparent;height:481px;position:absolute;top:79px;width:476px;z-index:9999999;}
freixeneda-img2{ background:url("../images/freixeneda-img2.jpg") no-repeat scroll left top transparent;height:481px;position:absolute;top:79px;width:476px;z-index:9999999;}

#legoutdebarcelone a{ width:100%; display:block; height:100%; text-indent:-9999; text-decoration:none;}
#legoutdebarcelone a:hover {  background:url("../images/fond-actu2-on.jpg") no-repeat scroll 191px 177px transparent }