@font-face {
	font-family: 'ForelleRegular';
	src: url('../fonts/Forelle-webfont.eot');
	src: local('?'), url('../fonts/Forelle-webfont.woff') format('woff'), url('../fonts/Forelle-webfont.ttf') format('truetype'), url('../fonts/Forelle-webfont.svg#webfontRyAXJoKb') format('svg');
	font-weight: normal;
	font-style: normal;
}

*
{
margin: 0; padding: 0;
}

html
{
height: 100%;
}

body
{
width: 100%; height: 100%;
margin: 0 auto;
font-family: tahoma, "trebuchet ms", serif;
}

#conteneur_general
{
width: 958px; height: 680px;
margin: 0 auto;
}

/* _____ Le sous_menu __________ */

#sous_menu
{
width: 958px; height: 50px;
margin: 0 auto;
list-style-type: none;
background: url('../image/menu/fond_sous_menu_reveillon.png');
}

/* __________ Les onglets __________ */

#sous_menu #onglet_menu-reveillon,
#sous_menu #onglet_vins
{
width: 479px; height: 50px;
float: left;
text-align: center;
line-height: 25px;
font-size: 14px;
color: #fff;
cursor: pointer;
}

#sous_menu li .nom_ang
{
font-size: 12px;
color: #d3d4d4;
}

#sous_menu .jFlowSelected
{
background: url('../image/menu/onglet_p3.png');
}

#sous_menu #onglet_menu-reveillon:hover, #sous_menu #onglet_menu-reveillon:focus,
#sous_menu #onglet_vins:hover, #sous_menu #onglet_vins:focus
{
color: #cdd4d1;
}

#conteneur_sous_menu
{
width: 950px; height: 630px;
margin: 0 auto;
background: url('../image/menu/fond_conteneur_reveillon.jpg') fixed center top no-repeat;
overflow: auto;
}

#conteneur_sous_menu h4
{
width: 930px; height: 40px;
margin: 30px auto;
text-align: center; line-height: 40px;
font-family: ForelleRegular, "arial narrow", trebuchet, sans-serif; color: #f6c;
font-size: 50px; font-weight: normal; text-decoration: underline;
/*background: url('../image/menu/titre_h4_reveillon.png') center center;*/
}

#conteneur_sous_menu .h4_large
{
width: 930px; height: 40px;
margin: 30px auto;
text-align: center; line-height: 40px;
font-family: ForelleRegular, "arial narrow", trebuchet, sans-serif; color: #f6c;
font-size: 50px; font-weight: normal; text-decoration: underline;
/*background: url('../image/menu/titre_h4_large_reveillon.png') center center;*/
}

.raisins_cotillons
{
width: 830px;
margin: 10px auto;
}
.raisins
{
width: 300px;
float: left;
text-align: left;
font-family: ForelleRegular, "arial narrow", trebuchet, sans-serif; font-size: 40px; color: #f6c;
}
.cotillons
{
width: 300px;
float: right;
text-align: right;
font-family: ForelleRegular, "arial narrow", trebuchet, sans-serif; font-size: 40px; color: #f6c;
}


#conteneur_sous_menu .separateur_hr
{
width: 300px; height: 1px;
margin: 15px auto 10px;
background: transparent url('../image/menu/hr1_reveillon.png');
}
#conteneur_sous_menu .separateur_hr hr
{
display: none;
}

/* __________ Mise en forme du contenu des différentes rubriques __________ */

#conteneur_sous_menu #contenu_menu-reveillon,
#conteneur_sous_menu #contenu_vins
{
padding: 0 0 50px 0;
}

p
{
width: 800px; height: 25px;
margin: 0 auto; padding: 5px 0;
text-align: center; line-height: 25px;
font-family: ForelleRegular, "arial narrow", trebuchet, sans-serif;
font-size: 35px;
color: #000;
}
.ligne_ang
{
width: 800px; height: 20px;
margin: 0 auto;
line-height: 20px;
text-align: center;
font-size: 26px;
color: #454545;
}

.ou_general
{
width: 700px; height: 30px;
margin: 0 auto;
line-height: 30px;
text-align: center;
font-size: 23px;
color: #f6c;
}
.ou_ang
{
font-size: 22px;
color: #f9c;
}

.little1
{
font-size: 23px;
}
.little2
{
font-size: 22px;
}
.little3
{
font-size: 14px;
}
.little4{font-size: 0.8em;}

/* __________ Tableau des Vins __________ */

 table
{
width: 700px;
margin: 0 auto;
font-family: ForelleRegular, "arial narrow", trebuchet, sans-serif;
border-collapse: collapse;
}

.cel_vin_1
{
width: 500px; height: 30px;
text-align: left;
text-indent: 10px;
vertical-align: middle;
font-size: 30px;
color: #fff;
background: #0c0c0c;
border-top: dotted 1px #b4b7be;
border-bottom: dotted 1px #b4b7be;
}
.cel_vin_2
{
width: 90px; height: 30px;
padding: 0 10px 0 0;
text-align: right;
vertical-align: middle;
font-size: 30px;
color: #fff;
background: #0c0c0c;
border-top: dotted 1px #b4b7be;
border-bottom: dotted 1px #b4b7be;
}
.cel_vin_3
{
width: 500px; height: 30px;
text-align: left;
text-indent: 10px;
vertical-align: middle;
font-size: 35px;
color: #000;
}
.cel_vin_4
{
width: 90px; height: 30px;
padding: 0 10px 0 0;
text-align: right;
vertical-align: middle;
font-size: 35px;
color: #454545;
}
.cel_vide
{
width: 700px; height: 15px;
font-size: 15px;
color: #333;
}