/* GENERAL */

* {
margin: 0;
padding: 0;
}

body,
input,
textarea
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

html {
color: #000;
background-color: #fff;
}

body {
background: #fff;
}

a {
color: #656565;
background-color: transparent;
text-decoration: none;
}

a:hover {
color: #656565;
background-color: transparent;
text-decoration: underline;
}

img {
border: 0;
vertical-align: middle;
}

p {
text-align: justify;
}

input {
padding: 2px 5px;
border: 1px solid #cfcfcf;
background: #fff;
color: #000;
}

input[type="submit"] {
cursor: pointer;
}

input[type="submit"]:hover {
cursor: pointer;
background: #cfcfcf;
}

select {
border: 1px solid #cfcfcf;
background: #fff;
color: #000;
}

textarea {
padding: 2px;
border: 1px solid #cfcfcf;
background: #fff;
color: #000;
}

.none {
position: absolute;
left: 0;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}

.clear {
clear: both;
display: block;
height: 0px;
font-size: .1em;
}



/* STRUCTURE */


#conteneur {
}

#corps {
position: relative;
margin: 0 auto;
width: 100%;
background: transparent url(../img/entete_bkg.png) repeat-x 0 0;
}

#kontent {
position: relative;
width: 1011px;
margin: 20px auto;
background: transparent url(../img/transp_bkg.png) repeat-y 0 0;
}


/* ENTETE */

#entete {
position: relative;
width: 100%;
}

.entete_sansSSMenu {
height: 190px;
}

.entete_avecSSMenu {
height: 240px;
}

#entete h1 {
position: relative;
width: 1011px;
margin: 0 auto;
}

#entete h1 a {
position: absolute;
display: block;
top: 10px;
right: 11px;
width: 269px;
height: 81px;
background: transparent url(../img/logo.png) repeat-x 0 0;
}

#entete h1.page_99 a {
background: transparent url(../img/logo-vins.png) repeat-x 0 0;
}

#entete h1.page_94 a {
background: transparent url(../img/logo-champagnes.png) repeat-x 0 0;
}

#entete h1.page_101 a {
background: transparent url(../img/logo-alcools.png) repeat-x 0 0;
}

#entete h1.page_96 a {
background: transparent url(../img/logo-coffrets.png) repeat-x 0 0;
}

#entete h1.page_103 a {
background: transparent url(../img/logo-accessoires.png) repeat-x 0 0;
}

#entete h1.page_104 a {
background: transparent url(../img/logo-ecole.png) repeat-x 0 0;
}


/* BANDEAU FLASH */

#entete #conteneur_bandeau_flash {
margin: 0 auto;
width: 1000px;
height: 100px;
}



/* COLONNES */

#colonne1 {
float: left;
width: 700px;
}

#colonne2 {
float: right;
width: 300px;
}


/* PIED */

#pied {
position: relative;
width: 100%;
height: 130px;
background: #fff url(../img/pied_bkg.png) repeat-x 0 0;
}

#pied span.mention_alcool {
display: block;
position: relative;
clear: both;
margin: 0 auto;
top: 80px;
width: 510px;
padding: 4px;
color: #fff;
background: #b30108;
font-size: .9em;
text-align: center;
text-transform: uppercase;
}




/* ELEMENTS DIVERS */

#kontent #image_page {
position: absolute;
top: 0px;
left: -180px;
width: 300px;
height: 650px;
}

#kontent #image_pied {
position: absolute;
bottom: -20px;
left: 900px;
width: 300px;
height: 200px;
}

a#lien_top {
float: right;
margin-right: 350px;
font-size: .8em;
}




/* CARTOUCHES */


.cartouche {
margin: 10px 0 10px 0;
width:652px;
background: transparent url(../img/cartouche-bkg.png) repeat-y 0 0;
}

.cartouche-top {
width:652px;
height: 5px;
background: transparent url(../img/cartouche-top-bkg.png) no-repeat 0 0;
}

.cartouche-bottom {
clear: both;
width:652px;
height: 5px;
background: transparent url(../img/cartouche-bottom-bkg.png) no-repeat 0 0;
}

.cartouche-contenu {
padding: 5px 10px;
}

.cartouche-contenu h4 {
font-size: 1.3em;
font-weight: bold;
color: #656565;
}




/* BOUTONS */

.bouton {
color: #656565;
height: 33px;
cursor: pointer;
background: transparent url(../img/bouton.png) repeat-x top left;
}

.bouton input {
float: left;
height: 33px;
color: #656565;
cursor: pointer;
border: none;
text-align: center;
background: transparent;
}

.bouton input:hover {
background: transparent;
}

.bouton a {
float: left;
margin: 0 5px;
color: #656565;
text-align: center;
text-decoration: none;
line-height: 33px;
}

.bouton .bouton-left {
float: left;
width: 5px;
height: 33px;
background: transparent url(../img/bouton-left.png) no-repeat top left;
}

.bouton .bouton-right {
float: right;
width: 5px;
height: 33px;
background: transparent url(../img/bouton-right.png) no-repeat top left;
}

.bouton:hover,
.bouton:hover .bouton-left,
.bouton:hover .bouton-right {
background-position: bottom left;
}

.bouton-2 {
color: #656565;
height: 33px;
cursor: pointer;
background: transparent url(../img/bouton-2.png) repeat-x top left;
}

.bouton-2 input {
float: left;
height: 33px;
color: #656565;
cursor: pointer;
text-align: center;
border: none;
background: transparent;
}

.bouton-2 input:hover {
background: transparent;
}

.bouton-2 a {
float: left;
margin: 0 5px;
color: #656565;
text-align: center;
text-decoration: none;
line-height: 33px;
}

.bouton-2 .bouton-2-left {
float: left;
width: 5px;
height: 33px;
background: transparent url(../img/bouton-2-left.png) no-repeat top left;
}

.bouton-2 .bouton-2-right {
float: right;
width: 5px;
height: 33px;
background: transparent url(../img/bouton-2-right.png) no-repeat top left;
}

.bouton-2:hover,
.bouton-2:hover .bouton-2-left,
.bouton-2:hover .bouton-2-right {
background-position: bottom left;
}

.bouton-3 {
color: #656565;
height: 33px;
cursor: pointer;
background: transparent url(../img/bouton-3.png) repeat-x top left;
}

.bouton-3 input {
float: left;
height: 33px;
color: #656565;
cursor: pointer;
text-align: center;
border: none;
background: transparent;
}

.bouton-3 input:hover {
background: transparent;
}

.bouton-3 a {
float: left;
margin: 0 5px;
color: #656565;
text-align: center;
text-decoration: none;
line-height: 33px;
}

.bouton-3 .bouton-3-left {
float: left;
width: 5px;
height: 33px;
background: transparent url(../img/bouton-3-left.png) no-repeat top left;
}

.bouton-3 .bouton-3-right {
float: right;
width: 5px;
height: 33px;
background: transparent url(../img/bouton-3-right.png) no-repeat top left;
}

.bouton-3:hover,
.bouton-3:hover .bouton-3-left,
.bouton-3:hover .bouton-3-right {
background-position: bottom left;
}