/*

 * Feuille de style des differentes pages
 * Ormes de Cambras ( CASTEL VINS )
 * Cree par Joel GAUJARD le 20/02/2007
 */


/*****************
***** GENERAL ****
******************/

#mainFrame #header
{
  height: 30px;
  text-align: center;
}



#mainFrame #header #return
{
	float: left;
	font-weight: bold;
	margin: 8px 0 0 20px;
}

#mainFrame #header #return a
{
  text-decoration: none;
  color: #FFFFFF;
  font-size: 11px;
}

#mainFrame #content
{
  height: 442px;
  background: url(../images/template_title.gif) no-repeat 98px 408px;
}

#mainFrame #content img#logo
{
  margin-left: 10px;
}



/*
  swap block rules
*/

#swap
{
  visibility:hidden;
  position:absolute;
}

/*
  panels rules
*/

#left_panel
{
  width:510px;
  float:left;
}

#right_panel
{
  float:right;
  width:360px;
}

#right_panel .text
{
  width: 320px;
  border-left: 2px solid #3A3A3A;
  padding: 0 0 0 10px;
}

#right_panel .text h3
{
  line-height:40px;
  margin: 0 0 0 0;
  padding:0 0 0 0;
}

#right_panel .text p
{
  text-align:justify;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#introduction_div
{
  margin-top:130px;
}

/*****************
*** 2 colonnes ***
******************/

#content div.firstColumnOnTwo,
#content div.secondColumnOnTwo
{
  float: left;
  height: 400px;
}

div.firstColumnOnTwo
{
  width: 115px;
}

div.secondColumnOnTwo
{
  padding-left: 5px;
  width: 750px;
  background-color: transparent;
}

/*****************
*** 3 colonnes ***
******************/

#content #first,
#content #second,
#content #third
{
  float: left;
  height: 400px;
}

#first
{
  padding-left: 8px;
  width: 162px;
}

#second
{
  width: 300px;
}

#third
{
  width: 390px;
}


/*****************
****** BIB *******
******************/

#mainFrame .bib
{
  background-color: #7B0029;
}

#mainFrame #content.bib
{
  background: url(../images/cepage_title.gif) no-repeat 98px 384px;
  background: url(../images/cepage_title.gif) no-repeat 96px 372px;
}

#mainFrame #bib_bref
{
  font-size: 12px;
  padding-top: 60px;
  padding-left: 10px;
  height: 50px;
  width:380px;
  float: left;
}

#mainFrame #content #bib_boxes,
#mainFrame #content div.right
{
  display: block;
  float: left;
  padding-top: 20px;
}

div.bib #text p
{
  margin-left: 10px;
  padding-left: 10px;
  width: 310px;
  border-left: 2px solid #3A3A3A;
  text-align:justify;
}


/*** MENU avec les differents BOITES DE BIB ***/
/*ie6 rajoute 320px de marge ! => creation d'une classe pour emuler la marge ...*/

.ie6_margin
{
  width:110px;
  float:left;
}

#content #bib_boxes
{
  height: 251px;
  margin: 3px 0 0 0;
}

div.bib div.right
{

}

#bib_boxes ul.bib_box
{
  width: 397px;
  width: 400px;
  white-space: nowrap;
}

#bib_boxes ul.bib_box li
{
  display: inline;
  float: left;
  list-style-type: none;
}

#bib_boxes a.bib_box, #bib_boxes a.active
{
  height: 251px;
  display: block;
}


/*All bib*/

#cabernetDivDisplay,#cinsaultDivDisplay,#merlotDivDisplay,#sauvignonDivDisplay,#grenacheDivDisplay
{
  margin: 50px 0 0 10px;
}

.illustration_cepage
{
  width:310px;
  height:142px;
}

/*cabernet*/

#cabernet_illustration
{
  width:352px;
  background: transparent url(../images/carte_cabernet.gif) no-repeat 50% 50%;
  height:142px;
}

#bib_boxes #cabernet a
{
  width: 172px;
}

#bib_boxes #cabernet a
{
  background: url(../images/bib_cabernet2.jpg) no-repeat 0px 0px;
}

#bib_boxes #cabernet a:hover,
#bib_boxes #cabernet a.shadowed:hover
{
  background: url(../images/bib_cabernet2.jpg) no-repeat 0px -266px;
}

#bib_boxes #cabernet a.shadowed
{
  width:172px;
  display:inline;
  background: url(../images/bib_cabernet2.jpg) no-repeat 0px -266px;
}

#bib_boxes #cabernet a.disabled
{
  background: url(../images/bib_cabernet2.jpg) no-repeat 0px -532px;
}


/*cinsault*/

#cinsault_illustration
{
  width:352px;
  background: transparent url(../images/carte_cinsault.gif) no-repeat 50% 50%;
  height:142px;
}

#bib_boxes #cinsault a
{
  width: 70px;
}

#bib_boxes #cinsault a.bib_box
{
  background: url(../images/bib_cinsault2.jpg) no-repeat 0px 0px;
}

#bib_boxes #cinsault a.bib_box:hover
{
  background: url(../images/bib_cinsault2.jpg) no-repeat 0px -251px;
}

#bib_boxes #cinsault a.disabled
{
  background: url(../images/bib_cinsault2.jpg) no-repeat 0 -502px;
}

/*merlot*/

#merlot_illustration
{
  width:352px;
  background: transparent url(../images/carte_merlot.gif) no-repeat 50% 50%;
  height:142px;
}

#bib_boxes #merlot a
{
  width: 65px;
}

#bib_boxes #merlot a.bib_box
{
  background: url(../images/bib_merlot2.jpg) no-repeat 0px 0px;
}

#bib_boxes #merlot a.bib_box:hover
{
  background: url(../images/bib_merlot2.jpg) no-repeat 0px -251px;
}

#bib_boxes #merlot a.disabled
{
  background: url(../images/bib_merlot2.jpg) no-repeat 0px -502px;
}

/*sauvignon*/

#sauvignon_illustration
{
  width:352px;
  background: transparent url(../images/carte_sauvignon.gif) no-repeat 50% 50%;
  height:142px;
}

#bib_boxes #sauvignon a
{
  width: 50px;
}

#bib_boxes #sauvignon a.bib_box
{
  background: url(../images/bib_sauvignon.jpg) no-repeat 0px 0px;
}

#bib_boxes #sauvignon a.bib_box:hover
{
  background: url(../images/bib_sauvignon.jpg) no-repeat 0px -251px;
}

#bib_boxes #sauvignon a.disabled
{
  background: url(../images/bib_sauvignon.jpg) no-repeat 0px -500px;
}

/*Grenache*/

#grenache_illustration
{
  width:352px;
  background: transparent url(../images/carte_grenache.gif) no-repeat 50% 50%;
  height:142px;
}

#bib_boxes #grenache a
{
  width: 42px;
}

#bib_boxes #grenache a.bib_box
{
  background: url(../images/bib_grenache.jpg) no-repeat 0px 0px;
}

#bib_boxes #grenache a.bib_box:hover
{
  background: url(../images/bib_grenache.jpg) no-repeat 0px -251px;
}

#bib_boxes #grenache a.disabled
{
  background: url(../images/bib_grenache.jpg) no-repeat 0px -502px;
}


/*****************
***** CEPAGE *****
******************/

#mainFrame .cepage
{
  background-color: #7B0029;
}

#mainFrame #content.cepage
{
  background: url(../images/cepage_title.gif) no-repeat 96px 372px;
  background: url(../images/template_title.gif) no-repeat 98px 408px;
}

#mainFrame #content.cepage #bottles,
#mainFrame #content.cepage div.right
{
  display: inline;
  float: left;
  padding-top: 13px;
}

#mainFrame #content.cepage div.right
{
  width: 330px;
  height: 220px;
  margin-left: 20px;
}

div.right #bib
{
  border-right: 2px solid #6B6D6B;
  height: 160px;
  text-align: right;
  padding-right: 8px;
}

div.right #bib img
{
  float: right;
}

div.right #bib p
{
  clear: both;
  float: right;
  width: 200px;
  margin-top: -10px;
  font-size: 10px;
  font-weight: bold;
  color: #8C000F;
}

div.cepage #text
{
  display: block;
  margin-left: 8px;
  margin-top: 10px;
  clear: both;
  width: 280px;
  border-left: 2px solid #6B6D6B;
  /*background: url(../images/home_vertical_bar.gif) no-repeat 0px 10px;*/
}

#text h3
{
  margin-left: 10px;
  margin-top: 8px;
}

div.cepage #text p
{
  padding-left: 10px;
  padding-top: 8px;
}


/*** MENU avec les differents BOUTEILLES ***/

#content #bottles
{
  height: 220px;
  margin-top: 58px;
  margin-left: 2px;
}

#bottles ul.bottle
{
  width: 399px; 
  height: 342px;
  white-space: nowrap;
}

ul.bottle li
{
  display: inline;
  float: left;
  list-style-type: none;
}

ul.bottle li a
{
  height: 290px;
  display: block;
}

#bottles #cabernet a
{
  width: 78px;
  background: url(../images/bottle_cabernet.jpg) no-repeat 0px -293px;
}

#bottles #cabernet a.bottle:link,
#bottles #cabernet a.bottle:visited,
#bottles #cabernet a.bottle:focus,
{
  background: url(../images/bottle_cabernet.jpg) no-repeat 0px -293px;
}

#bottles #cabernet a.active,
#bottles #cabernet a.bottle:hover,
#bottles #cabernet a.disabled:hover,
#bottles #cabernet a.bottle:active
{
  background: url(../images/bottle_cabernet.jpg) no-repeat 0px 0px;
}

#bottles #cabernet a.disabled
{
  background: url(../images/a1_dis.jpg) no-repeat 0px 0px;
}

#bottles #cinsault a
{
  width: 78px;
  background: url(../images/bottle_cinsault.jpg) no-repeat 0px -293px;
}

#bottles #cinsault a.bottle:link,
#bottles #cinsault a.bottle:visited,
#bottles #cinsault a.bottle:focus,
{
  background: url(../images/bottle_cinsault.jpg) no-repeat 0px -293px;
}

#bottles #cinsault a.active,
#bottles #cinsault a.bottle:hover,
#bottles #cinsault a.disabled:hover,
#bottles #cinsault a.bottle:active
{
  background: url(../images/bottle_cinsault.jpg) no-repeat 0px 0px;
}

#bottles #cinsault a.disabled
{
  background: url(../images/a2_dis.jpg) no-repeat 0px 0px;
}

#bottles #merlot a

{
  width: 78px;
  background: url(../images/bottle_merlot.jpg) no-repeat 0px -293px;
}

#bottles #merlot a.bottle:link,
#bottles #merlot a.bottle:visited,
#bottles #merlot a.bottle:focus,
{
  background: url(../images/bottle_merlot.jpg) no-repeat 0px -293px;
}

#bottles #merlot a.active,
#bottles #merlot a.bottle:hover,
#bottles #merlot a.disabled:hover,
#bottles #merlot a.bottle:active
{
  background: url(../images/bottle_merlot.jpg) no-repeat 0px 0px;
}

#bottles #merlot a.disabled
{
  background: url(../images/a3_dis.jpg) no-repeat 0px 0px;
}

#bottles #sauvignon a
{
  width: 78px;
  background: url(../images/bottle_sauvignon.jpg) no-repeat 0px -293px;
}

#bottles #sauvignon a.bottle:link,
#bottles #sauvignon a.bottle:visited,
#bottles #sauvignon a.bottle:focus,
{
  background: url(../images/bottle_sauvignon.jpg) no-repeat 0px -293px;
}

#bottles #sauvignon a.active,
#bottles #sauvignon a.bottle:hover,
#bottles #sauvignon a.disabled:hover,
#bottles #sauvignon a.bottle:active
{
  background: url(../images/bottle_sauvignon.jpg) no-repeat 0px 0px;
}

#bottles #sauvignon a.disabled
{
  background: url(../images/a4_dis.jpg) no-repeat 0px 0px;
}

#bottles #grenache a
{
  width: 78px;
  background: url(../images/bottle_grenache.jpg) no-repeat 0px -293px;
}

#bottles #grenache a.bottle:link,
#bottles #grenache a.bottle:visited,
#bottles #grenache a.bottle:focus,
{
  background: url(../images/bottle_grenache.jpg) no-repeat 0px -293px;
}

#bottles #grenache a.active,
#bottles #grenache a.bottle:hover,
#bottles #grenache a.disabled:hover,
#bottles #grenache a.bottle:active
{
  background: url(../images/bottle_grenache.jpg) no-repeat 0px 0px;
}

#bottles #grenache a.disabled
{
  background: url(../images/a5_dis.jpg) no-repeat 0px 0px;
}

#illustration
{
  text-align: center;
}

/*** CABERNET ***/
.cabernet
{
  color: #942431;
}

/*** CINSAULT ****/
.cinsault
{
  color: #E77939;
}

/*** MERLOT ***/
.merlot
{
  color: #A52C52;
}

/*** SAUVIGNON ***/
.sauvignon
{
  color: #A5AE00;
}

/*** SAUVIGNON ***/

.grenache
{
  color: #E77939;
}

.txt_btn_bib{
	font-size:11px;
	color:#8C0839;
	text-decoration:none;
	font-weight:bold;
	display:block;
	float:right;
	width:120px;
	margin:0 10px 0 0;
	padding:70px 0 0 0;
	text-align:right;
}
.txt_btn_bib:hover{
	color:#8C0839;
	text-decoration:none;

}

.visuel_btn_bib{
	float:right;
	margin:0 30px 0 0;
}


/*********************
****** RECETTE *******
**********************/

#mainFrame .recette
{
  background-color: #636500;
}


div.recetteContent #first img#subtitle
{
  margin: 10px 0 0 10px;
}

div.recetteContent #first p#recetteLegende

{

  margin-left: 10px;

  width: 130px;

  color: #525100;

  font-size: 11px;

  text-align: left;

}

div.recetteContent #first form

{

  margin: 10px 0 0 10px;

}

#first #archive_select

{

  font-size: 10px;

  width: 140px;

}



#form_archives .submit

{

  text-align: right;

  margin-right: 14px;

}



#form_archives input

{

  font-size: 10px;

  border: 1px solid gray;

}



div.recetteContent #second

{

  width: 480px;

}

div.recetteContent #second .recetteSeparator

{

  float: right;

}

#entree, #plat, #dessert

{

  clear: right;

  margin-top: 7px;

}

#second div.recetteText

{

	float: left;

	margin-left: 10px;

	width: 310px;

}

#second #plat div.recetteText

{

  margin: 0 10px 0 0;

}



#entreeTitle, #platTitle, #dessertTitle

{

  width: 25px;

  display: inline;

  margin-right: 25px;

  float: left;

}



div.recetteText h2

{

  color: #7B7100;

  font-size: 17px;

  margin-bottom: 5px;

}

div.recetteText p

{

  font-size: 11px;

}

div.recetteText a.recetteDetail

{

  display: block;

  width: 90px;

  text-decoration: underline;

}



#photoEntree, #photoPlat, #photoDessert

{

  float: left;

}



#entree, #entreeTitle

{

  height: 100px;

}

#entreeTitle img

{

  margin-top: 15px;

}

#entreeTitle

{

  background-color: #CECBAD;

}



#plat, #platTitle

{

  height: 160px;

}

#platTitle img

{

  margin-top: 60px;

}

#platTitle

{

  background-color: #A5A66B;

}



#dessert, #dessertTitle

{

  height: 90px;

}

#dessertTitle img

{

  margin-top: 7px;

}

#dessertTitle

{

  background-color: #CECBAD;

}



div.recetteContent #third

{

  width: 200px;

  padding: 10px 0 0 10px;

}



#selection

{

  padding: 5px 0 0 5px;

  background-color: #CED721;

}



#selection h2

{

  margin-bottom:0px;

}

#selection h2.selectionTitle,

#selection th .selectionTitle

{

  font-size: 1em;

  font-size: 13px;

  color: #FFFFFF;

}

#selection h2.selectionTitle b,

#selection th .selectionTitle b

{

  font-size: 1.7em;

  font-size: 22px;

}



.txtblanc1{

	font-size: 0.9em;

	font-weight: normal;

  color: #FFFFFF;



}

.txtblanc2{

	font-size: 1.7em;

  color: #FFFFFF;



}

.txtvert{

	font-size: 1.7em;

  color: #423c00;

}



#selection td

{

  color: #423C00;

}



#selection th

{

  text-align: left;

  padding-bottom: 5px;

}



#selection h2.selectionWine,

#selection th .selectionWine

{

  font-size: 1.7em;

  font-size: 22px;

  color: #636500;

}



#selection td .selectionTitle

{

  font-size: 1.7em;

  font-size: 20px;

  color: #636500;

}



#selection td.selectionIngredients .selectionTitle

{

  color: black;

}



#selection td.selectionIngredients

{

  color:#636500;

  font-size:12px;

  padding: 0 5px 0 0;

  line-height: 1.6em;

}



#recette_title

{

  clear: both;

  margin: 0;

  font-size: 1.4em;

  font-size: 18px;

  padding: 6px 0 0 15px;

  color: #636506;

  background: transparent url(../images/fleche_verte.gif) no-repeat left 10px;

}



/*********************

*** RECETTE DETAIL ***

**********************/

div.recette_detail #linksRecettes

{

  margin: 5px 0 8px 0;

}



#linksRecettes td

{

  height: 24px;

  padding: 0 0 0 0;

  text-align: center;

}



#linksRecettes #retour_link

{

  background-color: #CDD424;

}

#linksRecettes #off_link,

#linksRecettes #on_link

{

  width: 103px;

  border-left: 3px solid white;

}

#linksRecettes #off_link

{

  background-color: #C9C9A8;

}

#linksRecettes #on_link

{

  background-color: #A5A66F;

}



div.recette_detail h3.recette_detail

{

  clear: both;

  margin: 5px 0;

  padding: 2px 0 2px 15px;

  font-size: 13px;

  color: #FFF;

  background-color: #A5A66F;

}

div.recette_detail p

{

  font-size: 11px;

}

div.recette_detail p img

{

  margin: 0 3px 3px 0;

  float: left;

}







/*********************

** LES ORMES ET VOUS *

****** CONTACT *******

**********************/

#mainFrame .contact

{

  background-color: #9F460A;

}

.secondColumnOnTwo #illustration,

.secondColumnOnTwo form

{

  float: left;

}

.secondColumnOnTwo form

{

  margin-left: 10px;

  font-size: 13px;

}

.secondColumnOnTwo form p

{

  margin: 6px 0;

  clear: both;

}

.secondColumnOnTwo label

{

  color: #9F460A;

  float: left;

  margin-right: 5px;

  width: 100px;

  text-align: right;

}

.secondColumnOnTwo input

{



  border: 1px solid #9F460A;

}

.secondColumnOnTwo form input#bouton_envoyer

{

  width: 114px;

  height: 27px;

  border: none;

  margin-left: 140px;

}



.secondColumnOnTwo #end_form

{

  margin-left: 105px;

  width: 350px;

}

#end_form label

{

  width: 300px;

  text-align: left;

}

#end_form input

{



}

#end_form #already_yes_label,

#end_form #already_no_label,

#end_form #already_yes,

#end_form #already_no

{

  float: left;

  margin: 8px 0;

}

#end_form #already_yes_label,

#end_form #already_no_label

{

  width: 20px;

}

#end_form #already_yes,

#end_form #already_no

{

  border: none;

  width: 30px;

}



/*********************

* GENEREUX PAR NATURE*

**** REDUCTION *******

**********************/

#mainFrame .reduction

{

  background-color: #C98609;

}



/*********************

**** PARTENAIRE ******

**********************/

#mainFrame .partenaire

{

  background-color: #6E6E6E;

}

.firstColumnOnTwo #illustration

{

  margin: 50px 0 0 5px;

}

#partenaires

{

  margin-left: 40px;

  width: 671px;

}

#partenaires #illustration_big

{

  margin-top: 10px;

}

#partenaires hr

{

  margin: 8px 0;

}

#partenaires p

{

  color: #202020;

  font-size: 1em;

  width: 90%;

  clear: both;

}

#partenaires a.partenaires

{

  display: block;

  background: #7B002F url(../images/fleche_partenaires.gif) no-repeat 7px 50%;

  color: #fff;

  font-weight: bold;

  font-size: 1.2em;

  width: 325px;

  line-height:33px;

  margin-bottom: 5px;

  padding:0 0 0 30px;

}

#partenaires a.partenaires:hover

{

  text-decoration: none;

}

#partenaires a.partenaires img

{

  float: right;

  margin: 0 0 0 0;

}



.clear_both{

  clear:both;

}

.form_150 {

	font-family: "Trebuchet MS";

	font-size: 11px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	padding: 2px;

	width: 150px;

	border: 1px solid #9F460A;

}