@charset "UTF-8";
/* CSS Document */


/* ------------------------------------------------------------------
------------------------------- GLOBAL ------------------------------
-------------------------------------------------------------------*/

body {
background-color: #887e6d;
background-image: url(../image/louis_roque_fond.gif);
background-position: bottom left;
background-repeat: no-repeat;
background-attachment: fixed;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#a29a8c;
}

a {
color:#999183;
text-decoration:none;
}

/* TITRES */

h1 {
color:#e7c573;
font-size:22px;
}

h2 {
color:#ffffff;
font-size:14px;
}

/* ------------------------------------------------------------------
------------------------------- PIED PAGE ---------------------------
-------------------------------------------------------------------*/

.pied_page {
color:#a29a8c;
text-align:center;
font-size:10px;
position:absolute;
z-index:3;
width:1000px;
top:50%;
left:50%;
margin-top: 320px;
margin-left: -500px;
border-top:thin solid #a29a8c;
}

/* ------------------------------------------------------------------
------------------------------- MENUS ------------------------------
-------------------------------------------------------------------*/


.fond_menu {
z-index:2;
background-color: #010000;
position: relative;
top: 48px;
left: 50px;
height: 640px;
width: 275px;
filter : alpha(opacity=51);
    -moz-opacity : 0.51;
    opacity : 0.51;
}

.drapeaux {
z-index:4;
position:absolute;
top:50%;
left:50%;
margin-top:100px;
margin-left:-30px ;
}

.logo_site {
z-index:4;
position: relative;
height:92px;
width:92px;
top: -550px;
left: 145px;
}

.titre_site {
z-index:4;
position: relative;
height:123px;
width:410px;
top: -550px;
left: 55px;
}

.menu {
z-index:4;
position: relative;
top: -400px;
left: 70px;
color:#857c70;
border:thin #857c70 solid;
padding:5px;
width:200px;
height:150px;
}

.menu_extend {
z-index:5;
display:block;
border:thin #857c70 solid;
position:relative;
top:-65px;
left:100px;
background-color:#111111;
padding:5px;
width:150px;
}

.menu_extend2 {
z-index:5;
display:block;
border:thin #857c70 solid;
position:relative;
top:-35px;
left:100px;
background-color:#111111;
padding:5px;
width:150px;
}

/* ------------------------------------------------------------------
------------------------------- avertissement -----------------------
-------------------------------------------------------------------*/

.advert {
background-color: #c6a77e;
color:#000000;
font-weight:bold;
border: #FF0000 solid medium;
position:absolute;
top:50%;
left:50%;
z-index:100;
padding:2px;
}

/* ------------------------------------------------------------------
------------------------------- global centre -----------------------
-------------------------------------------------------------------*/

.zone_centre {
z-index:1;
width: 1042px;
height: 750px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -370px;
margin-left: -521px;
background-image: url(../image/fond_zone_centre_eclair.png);
background-repeat: no-repeat;
}

/* ------------------------------------------------------------------
------------------------------- Accueil -----------------------------
-------------------------------------------------------------------*/

.fond_accueil {
z-index:3;
background-image:url(../image/fon_accueil.png);
background-repeat:no-repeat;
width:752px;
height:700px;
position:absolute;
top:50%;
margin-top:-351px;
left:50%;
margin-left:-253px;
}

/* ------------------------------------------------------------------
------------------------------- MUSEE -------------------------------
-------------------------------------------------------------------*/

.musee {
color:#a29a8c;
position:absolute;
z-index:5;
top:50%;
left:50%;
margin-top: -300px;
margin-left:-170px;
width:300px;
text-align:justify;
}

.musee_image {
position:absolute;
z-index:4;
width:327px;
height:354px;
top:50%;
left:50%;
margin-top: -220px;
margin-left:140px;
}

.musee_old_image {
position:absolute;
z-index:5;
width:654px;
height:309px;
top:50%;
left:50%;
margin-top: 10px;
margin-left:-170px;
}

/* ------------------------------------------------------------------
------------------------------- HISTORIQUE --------------------------
-------------------------------------------------------------------*/

.histo {
color:#a29a8c;
position:absolute;
z-index:5;
top:50%;
left:50%;
margin-top: -300px;
margin-left:-170px;
width:305px;
text-align:justify;
}

.histo_carnet {
position:absolute;
z-index:4;
width:507px;
height:338px;
top:50%;
left:50%;
margin-top: -352px;
margin-left: -9px;
}

.histo_photo {
position:absolute;
z-index:5;
width:320px;
height:310px;
top:50%;
left:50%;
margin-top: -20px;
margin-left: 200px;
}

.histo_medaille {
position:absolute;
z-index:5;
width:163px;
height:219px;
top:50%;
left:50%;
margin-top: -300px;
margin-left: 250px;
}

/* ------------------------------------------------------------------
------------------------------- Prod  -------------------------------
-------------------------------------------------------------------*/

/* div info produits */

.texte_exp {
border:thin #857c70 solid;
background-color:#111111;
padding:5px;
color:#999183;
width:auto;
font-size:10px;
}

/* vieille prune */

.vieille_prune {
z-index:4;
position:absolute;
top:50%;
left:50%;
width:508px;
height:634px;
margin-top:-400px;
margin-left:-150px;
}

/* apéritifs */

.aperitif {
z-index:4;
position:absolute;
top:50%;
left:50%;
height:587px;
width:648px;
margin-top:-300px;
margin-left:-175px;
}

/* liqueurs */

.liqueurs {
z-index:4;
position:absolute;
top:50%;
left:50%;
height:587px;
width:648px;
margin-top:-325px;
margin-left:-175px;
}

/* carafes */

.carafes {
z-index:4;
position:absolute;
top:50%;
left:50%;
height:587px;
width:648px;
margin-top:-216px;
margin-left:-182px;
}

/* eaux de vie */

.EDV {
z-index:4;
position:absolute;
top:50%;
left:50%;
height:587px;
width:648px;
margin-top:-300px;
margin-left:-175px;
}

/* condiments */

.condiments {
z-index:4;
position:absolute;
top:50%;
left:50%;
height:587px;
width:648px;
margin-top:-293px;
margin-left:-150px;
}

/* douceurs */

.douceurs {
z-index:4;
position:absolute;
top:50%;
left:50%;
height:587px;
width:648px;
margin-top:-305px;
margin-left:-175px;
}

/* fruits */

.fruits {
z-index:4;
position:absolute;
top:50%;
left:50%;
height:587px;
width:648px;
margin-top:-293px;
margin-left:-175px;
}


/* ------------------------------------------------------------------
------------------------------- Situation ---------------------------
-------------------------------------------------------------------*/

.situation {
color:#a29a8c;
z-index:4;
position:absolute;
top:50%;
left:50%;
height:587px;
width:600px;
margin-top:-275px;
margin-left:-180px;
text-align:justify;
}

.ou_prod {
position:absolute;
top:50%;
left:50%;
height:587px;
width:600px;
margin-top:-365px;
margin-left:-180px;
z-index:4;
}

.ou_prod td{
border-top:#a29a8c thin solid;
padding-top:2px;
font-size:9px;
}

.ou_prod th{
padding-right:5px;
}

.nom_import {
text-transform:uppercase;
}

/* ------------------------------------------------------------------
------------------------------- Contact -----------------------------
-------------------------------------------------------------------*/

.contact {
color:#a29a8c;
z-index:4;
position:absolute;
top:50%;
left:50%;
height:587px;
margin-top:-300px;
margin-left:-150px;
}

.contact td {
padding:2px;
border-bottom: #a29a8c thin solid;
}

.contact input{
background-color:#c6a77e;
}

.contact textarea{
background-color:#c6a77e;
}