/* RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6
{
  font-size:100%;
}

a img,:link img,:visited img 
{ border: none; }

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

a:hover 
{ text-decoration: underline; }

td 
{ margin: 0; padding: 0; }

input, select, textarea 
{ font-family: Verdana, Arial, Helvetica, sans-serif; }


/* LAYOUT */
html,
body
{
  height: 100%;
}

body
{
  background: #592d43 url(/images/media006.gif) repeat-x left top;
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.74em;
  margin: 0;
  padding: 0;
}
.lien {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #666666;
  text-decoration: underline;
}
.espace_a_droite {
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.center
{
  text-align: center;
}

#main_background
{
  background-position: center top;
  background-repeat: no-repeat;
  height: 700px;
  top: 0;
  left: 0;
  position: absolute;
  min-width: 980px;
  width: 100%;
  z-index: 5;
  *z-index: 0;
}


#main_frame
{
  background: url(/images/media001.gif) repeat-y center top;
  height: 100%;
  min-height: 100%;
  width: 100%;
  min-width: 980px;
}

#main_background .hack_ie,
#main_frame .hack_ie
{
  display: none;
  _display: block;
  _width: 980px;
}

#main_container
{
  border-collapse: collapse;
  border-spacing: 0;
  height: 100%;
  min-height: 100%;
  position: absolute;
  width: 100%;
  min-width: 980px;
}

#main_container .row_content_old
{
  width: 980px;
  vertical-align: top;
}

#main_container .row_content
{
  background: url(/images/media001.gif) repeat-y center top;
  width: 980px;
  vertical-align: top;
}

#main_container .row_content_old .row_content
{
  width: 100%;
}

#main_container .row_content .cell_content_old
{
  height: 100%;
  min-height: 100%;
  
}

#main_container .row_content .cell_content
{
  background: transparent url(/images/media005.jpg) no-repeat center bottom;
  height: 100%;
  min-height: 100%;
  
}

#main_container .row_footer td
{
  position: relative;
  text-align: center;
}

#main_content
{
/*  height: 100%;*/
  margin: 0 auto;
  position: relative;
  width: 980px;
}


/* HEADER */
#header
{
  position: absolute;
  z-index: 15;
}

#header_logo
{
  background: url(/images/media010.gif) no-repeat left top;
  height: 52px;
  left: 11px;
  position: absolute;
  top: 12px;
  width: 196px;
}

#header_logo .link
{
  display: block;
  height: 52px;
  width: 196px;
}
#envoyer_ami{
  left: 250px;
  position: absolute;
  top: 60px;
  width:170px;
}
.txt_envoyer_ami a{
  text-decoration:none;
  font-size:11px;
  color:#792f4f;
  font-weight:bold;
}
.txt_envoyer_ami a:hover{
  text-decoration:none;
  color:#ea3471;
  font-weight:bold;
}


.envoyer_box_amis {
  width: 200px;
}

.envoyer_box_amis_erreur {
  width: 200px;
  background-color:#F00;
}

.envoyer_box_de_la_part{
  width: 150px;
}

.envoyer_box_de_la_part_erreur{
  width: 150px;
  background-color:#F00;
}

#header_legend
{
  left: 44px;
  position: absolute;
  top: 100px;
  width: 400px;
}

#header_legend .title
{
  color: #be5089;
  font-size: 1em;
  line-height: 1.5em;
}

#header_legend .subtitle
{
  font-size: 1em;
  font-weight: normal;
  line-height: 1.5em;
}

/* FOOTER */
#footer
{
  background: url(/images/media004.gif) no-repeat center top;
  height: 70px;
  left: 0;
  padding-top: 20px;
  position: absolute;
  width: 100%;
  min-width: 980px;
  z-index: 5;
}

#footer_menu
{
  list-style-type: none;
  margin: 0 auto;
  width: 980px;
}

#footer_menu .element
{
  float: left;
  text-align: left;
}

#footer_menu .first
{
  background: url(/images/media017.gif) no-repeat left 25px;
  padding-left: 160px;
  width: 230px;
}

#footer_menu .second
{
  width: 225px;
}

#footer_menu .third
{
  width: 200px;
}

#footer_menu .last
{
  width: 165px;
}

#footer_menu .element .title
{
  background: url(/images/media018.gif) no-repeat left center;
  color: #c2748d;
  display: block;
  font-weight: bold;
  padding: 3px 0 3px 13px;
}

#footer_menu .level_2
{
  list-style-type: none;
}

#footer_menu  .level_2 .subelement,
#footer_menu  .level_2 .subelement .subtitle
{
  color: #c38a9c;
}

#footer_menu  .level_2 .subelement .subtitle
{
  display: block;
  padding: 3px 0 3px 13px;
}

/* FOOTER LINKS */
#footer_links
{
  clear: both;
  list-style-type: none;
  margin: 0 auto;
  padding-top: 35px;
  width: 980px;
}

#footer_links .element
{
  display: inline;
  padding: 0 25px;
}

#footer_links .second,
#footer_links .last
{
  border-left: 1px solid #773c5a;
}

#footer_links .element .title
{
  color: #ad4279;
  font-weight: bold;
}

/* FOOTER LEGEND */
#footer_legend
{
  clear: both;
  padding: 10px 0;
}

#footer_legend .title
{
  color: #ad4279;
  font-size: 1.1em;
  font-weight: normal;
}

/* THICK BOX */
#TB_window
{
  background-color: transparent;
  border: none;
}

.custom_thick_window
{
  width: 408px;
}

.custom_thick_window .top
{
  background: url(/images/media045.png) no-repeat left top;
  height: 15px;
  width: 408px;
}

.custom_thick_window .bottom
{
  background: url(/images/media046.png) no-repeat left top;
  height: 15px;
  width: 408px;
}

.custom_thick_window .middle
{
  background: url(/images/media047.png) repeat-x left bottom;
  height: 180px;
  width: 408px;
}

.custom_thick_window .middle .form_block
{
  background: url(/images/media048.png) repeat-y left top;
  border: none;
  height: 160px;
  padding: 10px;
  text-align: center;
  width: 388px;
}

.custom_thick_window .middle h1
{
  color: #6f665e;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8em;
  font-weight: normal;
  letter-spacing: 0.05em;
  line-height: 1.5em;
}

.custom_thick_window .middle h2
{
  color: #ea3471;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.3em;
  font-weight: normal;
  letter-spacing: 0.05em;
  line-height: 2em;
}

.custom_thick_window .middle .form_block .paragraph .input_radio
{
  margin-left: 10px;
}

.custom_thick_window .middle .form_block .paragraph .label
{
  color: #6f665e;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8em;
  font-weight: normal;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  padding: 0 10px;
}


/* CONTENT */
/* main background */
.main_accueil #main_background
{
  background-image: url(/images/media002.jpg);
}

.main_histoire_du_vin #main_background
{
  background-image: url(/images/media003.jpg);
}

.main_tout_savoir #main_background
{
  background-image: url(/images/media078.jpg);
}

.main_consommer_le_vin #main_background
{
  background-image: url(/images/media088.jpg);
}

.main_constituer_sa_cave #main_background
{
  background-image: url(/images/media111.jpg);
}

/* header legend */
.main_accueil #header_legend
{
  background: url(/images/media016.png) no-repeat left top;
  height: 220px;
  padding: 115px 0 0 40px;
}

.main_histoire_du_vin #header_legend
{
  background: url(/images/media049.png) no-repeat 20px top;
  height: 100px;
  padding: 38px 0 0 88px;
}

.main_tout_savoir #header_legend
{
  background: url(/images/media077.png) no-repeat 20px top;
  height: 100px;
  padding: 38px 0 0 88px;
}

.main_consommer_le_vin #header_legend
{
  background: url(/images/media089.png) no-repeat 20px top;
  height: 100px;
  padding: 38px 0 0 88px;
}

.main_constituer_sa_cave #header_legend
{
  background: url(/images/media112.png) no-repeat 20px top;
  height: 100px;
  padding: 38px 0 0 88px;
}

/* content height */
.content_consommer_le_vin_accords_logiciel #main_content
{
  min-height: 820px;
}

.content_accueil #main_content
{
  min-height: 840px;
}

.content_histoire_du_vin #main_content,
.content_consommer_le_vin #main_content
{
  min-height: 860px;
}

.content_tout_savoir_detail2 #main_content,
.content_histoire_du_vin_fabrication #main_content,
.content_tout_savoir_guide #main_content
{
  min-height: 900px;
}

.content_tout_savoir #main_content
{
  min-height: 950px;
}

.content_tout_savoir_detail3 #main_content,
.content_credits #main_content
{
  min-height: 1000px;
}

.content_histoire_du_vin_climat #main_content
{
  min-height: 1050px;
}

.content_histoire_du_vin_annee #main_content,
.content_consommer_le_vin_fiche #main_content
{
  min-height: 1150px;
}

.content_endroit_ideal #main_content
{
  min-height: 1100px;
}


.content_tout_savoir_detail #main_content,
.content_consommer_le_vin_saisons #main_content,
.content_constituer_sa_cave_consommer #main_content,
.content_recette #main_content
{
  min-height: 1250px;
}


.content_consommer_le_vin_verres #main_content
{
  min-height: 1350px;
}


.content_tout_savoir_bouteille #main_content,
.content_partner #main_content
{
  min-height: 1500px;
}

.content_constituer_sa_cave_apogees #main_content
{
  min-height: 1600px;
}

.content_tout_savoir_etiquette #main_content
{
  min-height: 1680px;
}

.content_consommer_le_vin_accords #main_content
{
  min-height: 3800px;
}

.content_mentions #main_content
{
  min-height: 3300px;
}
.content_gagnants #main_content
{
  min-height: 2600px;
}

.content_constituer_sa_cave_acheter #main_content
{
  min-height: 1650px;
}
.content_constituer_sa_cave_acheter2 #main_content
{
  min-height: 3350px;
}
.content_constituer_sa_cave_budget #main_content
{
min-height: 1650px;
}
.content_budget_150 #main_content
{
min-height: 970px;
}
.content_budget_400 #main_content
{
min-height: 1100px;
}
.content_budget_800 #main_content
{
min-height: 1350px;
}

.spain #main_frame,
.spain  #main_content,
.spain  #content
{
  min-height:2000px;
  _height:1990px;
  *height:1990px;
}

/* COMMON */
.clear-both
{
  clear: both;
}

.hidden
{
  display: none;
}

.illustration
{
  float: left;
  margin-bottom:14px;
}

.italic
{
  font-style: italic;
}

.txt_left
{
  text-align:left !important;
}

.underline
{
  text-decoration: underline;
}

.visible
{
  display: block;
}

#content .green_logo
{
  background: url(/images/media084.gif) no-repeat 30px center;
  padding-left: 70px;
  text-align: left;
}
/* class permettant le retour dans le flux sans ajout de markup a appliquer sur le conteneur de flottant */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* \*/ * html .clearfix {height:1%;}
.clearfix {display:block;}