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

/*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;
}


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

#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: 511px;
    top: 46px;
    width: 489px;
    height: 44px;
}

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

#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
{
    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
{
    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
{
    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
{
    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;
}
.espace
{
    margin-top: 8px;
    float: left;
}
.espace2
{
    float: left;
    left: 320px;
    position: relative;top:0;!top:-11px;


}
#code_postal_input
{
    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
{
    float: left;
    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
{
    float: left;
    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
{
    position: absolute;
    top: 218px;
    left: 102px;
    width: 137px;
    height: 160px;
    z-index: 1;
}

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

#fraicheurcatalane
{
    position: absolute;
    top: 242px;
    left: 259px;
    width: 147px;
    height: 158px;
    z-index: 2;
}

#freixcarapom
{
    position: absolute;
    top: 331px;
    left: 376px;
    width: 143px;
    height: 166px;
    z-index: 8;
}

#freixscarlett
{
    position: absolute;
    top: 227px;
    left: 427px;
    width: 126px;
    height: 160px;
    z-index: 3;
}

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

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

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

#capriceabarcelone
{
    position: absolute;
    top: 223px;
    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;
}

#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
{
    position: absolute;
    top: 472px;
    left: 176px;
    width: 138px;
    height: 85px;
    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;
}
/*8. 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;
}