* { margin: 0; padding: 0; }
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

body {
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #fde5c5;
    background: #300000 url(../../images/bkgSite.jpg) repeat-x; }

a {color: #fde5c5; text-decoration: underline;}

#allContent {
width: 950px;
margin: 0 auto;}

#mainContent {
background: #300000 url(../../images/bkgAllContent.jpg) no-repeat;
width: 950px;}

#content {
position: relative;
float: left;
width: 660px;
margin: 130px 0 0 0;}

#colGauche {
display: block;
height: 860px;
float: left;
width: 287px;}

.zoneTxt {
padding: 0 20px 5px 0;}

.zoneTxt ul {
list-style: inside;}

li {list-style-position: inside;}

/************************************************************************************ Ariane **/

#ariane {list-style: none; height: 20px;}
#ariane li {float: left; line-height: 17px;}
#ariane li a {text-decoration: none;}
#ariane li a:hover {text-decoration: underline;}

/************************************************************************************ Titre Page **/
.titrePage {
margin: 0 0 10px 0;
font-size: 24px;}

/********************************************************************************* Navigation **/
#colGauche ul {
margin: 10px 0 0 0;
display: block;
float: left;
width: 240px;
list-style: none;}

#navigation li {
text-align: right;
font-family: "Verdana", Arial, Trebuchet MS, sans-serif;
background: url(../../images/filetNav.gif) no-repeat right bottom;
}
#navigation li a {
text-decoration: none;
width: 215px;
padding: 0 25px 0 0;
display: block;
line-height: 26px;
font-weight: bold;
color: #e8c07f; 
font-size: 12px;}

#navigation li a span {display: none;}

#navigation li a:hover {
background: transparent url(../../images/pictoPomme.gif) no-repeat  right 4px;}

#langage {
width:240px;
float:left;
margin: 15px 0 0 0;
}

#langage ul{
display:block;
float:right;
list-style:none;
}

#france a {
display:block;
width:35px;
height:22px;
float:right;
margin:0 10px 0 0;
background-image: url(../../images/drapfrance.jpg);
}

#anglais a {
display:block;
width:35px;
height:22px;
float:right;
margin:0 25px 0 0;
background-image: url(../../images/drapenglish.jpg);
}

/********************************************************************************* Sous Navigation Page Corpo **/
#sousNavigationCorpo {
float: right;
display: block;
width: 170px;}

#sousNavigationCorpo ul {
margin: 0 0 10px 0;
display: block;
float: right;
list-style: none;}

#sousNavigationCorpo li {
text-align: left;
font-family: "Arial", Verdana, Trebuchet MS, sans-serif;
border-bottom: 1px #e8c07f solid; 
}

#sousNavigationCorpo li a {
text-decoration: none;
width: 170px;
display: block;
line-height: 22px;
font-weight: bold;
color: #e8c07f; 
font-size: 12px;}

#sousNavigationCorpo li a:hover {
color: #fde5c5; }

#sousNavigationCorpo li a span {display: none;}

/************************************************************************************ Sous Navigation Recettes **/

ul#navRecette{
list-style: none;}

ul#navRecette li {float: left;}

ul#navRecette li a {
margin: 0 10px 0 0;
    height: 90px;
    display: block;}

ul#navRecette li a span {display: none;}

ul#navRecette li#btnEntrees a {
width: 140px;
    background: url(../../images/pictoEntrees.png) no-repeat; }

ul#navRecette li#btnPlats a { 
width: 140px;
    background: url(../../images/pictoPlats.png) no-repeat; }

ul#navRecette li#btnDesserts a { 
width: 140px;
    background: url(../../images/pictoDesserts.png) no-repeat; }

ul#navRecette li#btnCocktails a {
width: 140px;
    background: url(../../images/pictoCocktails.png) no-repeat; }


/****************************************************************************************/
/*                                                                            Home Page */
/****************************************************************************************/
#colEdito {
display: block;
float: left;
width: 350px;}

#colEdito h2 {
margin: 0 0 10px 0;}

#colEdito p {
margin: 0 0 5px 0;
text-align: justify;}

#colDroite{
margin: 68px 0 0 20px;
display: block;
float: left;
width: 280px;}

#actu {
display: block;
width: 260px;
background: url(../../images/bkgBlocActuHome.gif) repeat-y; }

#actu h3
{font-size: 18px;
padding: 10px 0 0 10px;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
width: 260px;
height: 30px;
background: transparent url(../../images/bkgTitreActuHome.jpg) no-repeat; }

#actu h3 span 
{display: none;}

#blocActu {
padding: 0 10px 0 10px;
display: block;
width: 240px;}

#blocActu .zoneTxt {
display: block;}

#blocActu .zoneTxt img {
margin: 2px;
float: right;}



#blocActu h1 {
font-size: 14px;
display: block;
width: 170px;
color: #c5c7c8;
padding: 0 0 5px 0;}

#blocActu .zoneTxt
{font-size: 11px;
padding: 0 0 10px 0;
}

#blocActu .dateActuHome
 {display: block;
 font-size: 11px;
 padding: 5px 0 5px 0;}
 
#blocActu .suite
{display: block;
font-size: 11px;
padding: 5px 0 5px 0;
clear: both;}

#piedactu {
display: block;
width: 260px;
height: 10px;
background: url(../../images/bkgPiedActuHome.gif) no-repeat; }


#specialCreperie{
margin: 15px 0 0 0;
}

#specialCreperie p a {
display: block;
width: 260px;
padding: 0 20px 0 0;
font-weight: bold;
text-align: right;
text-decoration: none;
color: #e8c07f; 
}


#blockSpecialCreperies a {
display: block;
width: 260px;
height: 195px;
background: transparent url(../../images/bkgSpecialCreperies.png) no-repeat; }

#blockSpecialCreperies span {
display: none;}


/************************************************************************************ Page contenu **/

#contentHistoire {
background: #300000 url(../../images/bkgAllContent.jpg) no-repeat;
width: 950px;
}

#contentQualite,
#contentProducteurs,
#contentMoyens,
#contentAccueilRecette{
background: #300000 url(../../images/bkgQualite.jpg) no-repeat;
width: 950px;
}
#contenu {display: block;
float: left;
width: 485px;}

#contenu h3 {
margin: 0 0 5px 0;
padding: 5px 0 3px 0;
display: block;
float: left;
width: 470px;
border-bottom: 1px #e8c07f solid;}

#contenu img {
margin: 20px 0 0 0;
border: 1px #e8c07f solid;
padding: 2px;}

#contenu .logo {margin: 0 0 0 0;
float: right; border: 0;}


.tableau {background: transparent url(../../images/fond.png) repeat;}


.tableau span {
   display:inline;
   float:left;
   margin:0px;
   padding:3px;
  }
.tableau p {
   clear:left;
   margin:0px;
   padding:0px;
   height:100% !important;
   
  }
.tableau p.legende span.leg1,
.tableau p.legende span.leg2,
.tableau p.legende span.leg3,
.tableau p.legende span.leg4,
.tableau p.legende span.leg5  {
border-bottom: 1px #dfa739 solid;
font-size: 14px;
font-weight:bold;
text-align: center;}

.tableau span.leg1 {width:90px; background: #7f4e1e;}
.tableau span.leg2 {width:100px; background: #b33413;}
.tableau span.leg3 {width:100px; background: #a28645;}
.tableau span.leg4 {width:90px; background: #a42727;}
.tableau span.leg5 {width:75px; background: #850f0d;}



.tableau span.col1 {width:90px; background: #b9712b;}
.tableau span.col2 {width:100px; background: #fb4719;}
.tableau span.col3 {width:100px; background: #cfa030;}
.tableau span.col4 {width:90px; background: #ff3333;}
.tableau span.col5 {width:75px; background: #b71310;}

.tableMoyens {
margin: 10px 0 10px 0;
background: #300000;
width: 100%;}

.tableMoyens td {
background: #951234;
text-align: center;
border: 1px #e8c07f solid;}

.tableMoyens td.left {
padding: 2px;
text-align: left;}


#produits .imgProduit1 {
display: block;
float: right;
width: 449px;
height: 423px;
background: transparent url(../../images/produit1.png) no-repeat;}

#produits .imgProduit2 {
display: block;
float: right;
width: 614px;
height: 315px;
background: transparent url(../../images/produit2.png) no-repeat;}

#produits .bouteilles_GP{
display: block;
float: right;
width: 510px;
height: 453px;
background: transparent url(../../images/bouteilles_GP.png) no-repeat;}


#moyens .imgRight {
margin: 5px;
padding: 2px;
float: right;}

#moyens .imgLeft {
margin: 5px;
padding: 2px;
float: left;}



/****************************************************************** Actualités **/
.actu {
border-bottom: 1px #ccc solid;
padding-bottom: 10px;
margin-bottom: 10px;}
    
.pageActualites #content h1 a {
font-size: 18px; 
margin-bottom: 5px;
text-decoration: none;}

.pageDetailActualites #content h1 {
font-size: 18px; 
margin-bottom: 5px;
text-decoration: none;}

.pageActualites h2 {font-size: 16px; margin-bottom: 5px;}

.actu img,
.pageActualites #content img,
.pageDetailActualites  #content img {
    float: right;
    border: 1px #ccc solid; 
    padding: 2px;}

.btnSuite a {
font-weight: bold;}

.retour a {
margin: 0 30px 0 0;
width: 200px;
display: block;
float: right;
text-align: right;}

.retour a:hover {
color: #961534;}

.date {font-size: 11px;}



/****************************************************************************************/
/*                                                                   Page Accueil Recette */
/****************************************************************************************/
.blocLstRecette {
margin: 5px 0 0 0;
padding: 0 0 3px 0;
border-bottom: 1px #e8c07f solid;
width: 640px;
display: block;
float: left;}

.blocLstRecette img {
border: 0;
margin: 0 10px 0 0;
display: block;
float: left;}

.pageAccueilRecette h1 {
font-size: 16px;}

.pageAccueilRecette h1 a {
display: block;
text-decoration: none;}

.voir a {
padding: 2px;
border: 1px #e8c07f solid; 
text-decoration: none;
display: block;
float: right;}

/****************************************************************************************/
/*                                                                   Page Fiche Recette */
/****************************************************************************************/
#contentRecette  {
background: #300000 url(../../images/bkgFicheRecette.jpg) no-repeat;
width: 950px;}

#imgRecette {
width: 240px;
float: left;
display: block;
margin: 30px 25px 0 0;}


.recette {
position: absolute; 
top: 60px; 
left: 265px;
display: block;
margin: 30px 0 0 0;
}

.zoneScroll {
height: 500px; 
width: 375px; 
overflow: hidden;
}

.pageDetailRecette .recette h1 {
color: #930226;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 24px;
margin: 0 0 10px 0;}

.ingredient {
font-weight: bold;
margin: 5px 0 5px 0;
font-size: 12px;
font-family: "Verdana", Arial, Trebuchet MS, sans-serif;}

.preparation {
font-weight: bold;
margin: 5px 0 5px 0;
font-size: 12px;
font-family: "Verdana", Arial, Trebuchet MS, sans-serif;}

/****************************************************************************************/
/*                                                                                  FAQ */
/****************************************************************************************/
#colA, #colB {
padding: 20px 0 0 0;
float: left; }

#colA {
padding: 30px 0 0 0;
width: 180px;}

#colB {
padding: 30px 0 0 0;
width: 450px;}

#themes { 
list-style: none;
padding: 0 0 10px 0;}

#themes li {
padding: 0 0 2px 14px; 
margin: 0 0 5px 0; 
border-bottom: 1px #dfa739 dashed;}
#themes li a {text-decoration: none; font-size: 12px; font-weight: bold; }
#themes li a:hover { text-decoration: underline; }

#faq #colA {
color: #6ddbfb;
font-size: 14px;
margin-bottom: 10px;
}

#faq #colB
{font-size: 14px;
padding-left: 24px;
margin-bottom: 10px; font-size: 13px;
background: transparent url(../../images/pictoThemes.gif) no-repeat 0 0;
}

.question {
padding: 3px 5px 2px 5px;
margin: 0 0 5px 10px;
background: transparent url(../../images/fond.png) repeat;}

.question h2 {
font-size: 12px;}

.reponse {
margin: 0 0 10px 0;
position: relative; padding-top: 10px;}

.btnFermer {
float: right; 
display: block;
margin: 0 0 10px 30px; 
font-weight: bold;
padding: 3px; 
text-decoration: none; 
font-size: 11px; 
color: #fde5c5;
border: 1px #fde5c5 solid;
background: #300000;}

/********************************************************************************* Contacts **/
.pageContact #content {width: 600px;}

.blocForm {
width: 600px;
padding: 10px; margin: 10px 0 10px 0;
background: transparent url(../../images/fond.png) repeat;
}

.colGauche {float: left;
width: 300px;}

.colDroite {float: left;
width: 300px;}

legend {font-size: 12px; font-weight: bold; color: #fde5c5; padding: 0 10px; background-color: #961534;}

input, textarea, select {
    font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
    font-size: 11px;
    color: #444;}

.lineForm input {width: 150px;}
.lineText textarea {width: 300px; height: 80px;}

.pageContacts .noSize {width: auto; border: 0;}

.lineForm,
.lineCheck,
.lineSubmit,
.lineText {margin-bottom: 5px;}

.lineCheck {padding-left: 150px;}
.lineSubmit {padding-left: 253px;}

.lineForm label,
.lineText label {
    display: block; float: left;
    text-align: right;
    padding-right: 3px; width: 120px;
    font-weight: bold;}

#emailFound {margin-bottom: 10px;}

.mentions,
.obligatoire {
margin: 10px 30px 0 0;
display: block;
float: right;
font-size: 10px; line-height: 12px;}

.mentions{
font-size: 10px;}

.btnForm {font-weight: bold; padding: 0 10px;}
.btnValider {margin-left: 250px;}

#errMsg,
.validation-advice {
   display: block; background-color: #cc0000; 
   color: #fff; font-weight: bold; margin-top: 10px;
   padding: 2px 10px;}
   
/************************************************************************************ Footer **/

#footer {
    border-top: 1px #dfa739 solid;
    padding: 2px; text-align: right;
    margin: 15px 0 30px 0;
    font-size: 10px;}
    
#footer a {
text-decoration: none;
color: #dfa739;}