/*--
Général
----------------------------*/

body {
  background-color : #FFF;
	font-family : verdana, arial, sans-serif;
	font-size : 11px;
	line-height : 1.2em;
	text-align : center;
	padding : 0 0 30px 0;
	margin : 0;
}

h1 {
  margin : 0;
  background : transparent url(../images/bandeau-haut.png) 0 0 no-repeat;
}

h1 a {
  display : block;
  height : 82px;
  width : 570px;
	text-decoration : none;
}

h1 span {
  display : none;
}

h2,h3,h4 {
  font-family : georgia, times, serif;
  font-weight : normal;
}

h2 {
  font-size : 22px;
  color : #99BF26;
  line-height : 1em;
}

h3 {
  font-size : 18px;
  color : #CC9900;
}

h4 {
  font-size : 18px;
  color : #99BF26;
}

a {
  color : #CC9900;
}

table {
  border-right : 1px solid #000;
	border-bottom : 1px solid #000;
}

td, th {
  border-left : 1px solid #000;
	border-top : 1px solid #000;
	padding-left : 2px;
	width : 12%;
}

/*--
Structure
----------------------------*/

#conteneur {
	width : 770px;
	margin-left : auto;
	margin-right : auto;
	border-left : 1px solid #7D694F;
	border-right : 1px solid #7D694F;
	border-bottom : 1px solid #7D694F;
	text-align : left;
}

#accroche {
  position : absolute;
  margin-left : 570px;
  margin-top : -90px;
  width : 180px;
  height : 97px;
  font-family : georgia, times, serif;
  font-size : 22px;
  font-style : italic;
  background-color : #D9E9CF;
  color : #7D694F;
  line-height : 1.8em;
  padding : 10px 0 0 20px;
}

#accroche strong {
	font-weight : normal;
  font-size : 26px;
}

#conteneur > #accroche {
  margin-left : 570px;
  margin-top : -84px;
}

#principal {
  width : 570px;
  border-right : 200px solid #A49683;
  background-color : #FFF;
}

#secondaire {
	position : relative;
	float : right;
	width : 190px;
	margin : 35px -200px 0 0;
	padding : 0 0 0 10px;
	background-color : #A49683;
}

#secondaire p {
  text-align : justify;
  padding-right : 10px;
}

#secondaire h3 {
  margin : 25px 0 5px 0;
  color : #FFF;
}

#secondaire form {
  margin : 0 0 25px 0;
}

#secondaire form fieldset {
  margin : 0;
  padding : 0;
  border : 0px solid #FFF;
}

#secondaire input {
	background-color : #FFF;
	border : 1px solid #CC9900;
}

#secondaire input#submit-lettre {
	color : #CC9900;
	font-weight : bold;
}

#secondaire a {
	display : block;
 	background : transparent url(../images/puce2.png) 0 0 no-repeat;
	padding : 0 0 5px 20px;
	color : #FFF;
}

#contenu, #nosplash, #recette  {
	padding : 10px 10px 30px 10px;
}

#contenu h2 {
  margin : 5px 0 10px 0;
}

#nosplash h2 {
  margin : 35px 0 25px 0;
}

#contenu h3 {
  margin : 20px 0 10px 0;
}

#menu2 {
	width : 550px;
	background-color : #B3D940;
	border-right : 200px solid #A49683;
	padding : 5px 10px;
	clear : both;
}

#menu2 a {
	color : #fff;
	font-weight : bold;
	text-decoration : none;
}

#infos {
	margin : 20px 0 0 0;
}

/*--
Menu
----------------------------*/

#menu {
  width : 570px;
  margin-top : -6px;
  position : absolute;
  background-color : #B3D940;
}

#conteneur > #menu {
  margin-top : 0;
}

#menu dl {
  float: left;
  margin: 0;
  width : 13%;
  background-color : #B3D940;
}

#menu > dl {
  width : auto;
}

#menu dt {
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding : 0 13px 0 13px;
}

#menu ul {
  margin : 0 0 0 -34px;
  padding : 0;
  position : absolute;
  background: #7D694F;
  line-height : 1.4em;
}

#menu li {
  list-style-type : none;
  width: 144px;
}

#menu li a, #menu dt a {
  text-decoration: none;
  display: block;
  height: 100%;
  border: 0 none;
  padding : 5px 0;
  color : #FFF;
}

#menu li a:hover {
  color : #B3D940;
}

#menu dt a:hover {
  color : #7D694F;
}

#menu li a {
  padding : 4px 0 4px 5px;
}

#menu dd ul li ul {
  margin : -22px 0 0 0;
  margin-left : 144px;
  background-color : #B3D940;
  display:none;
}

#menu dd ul li ul a:hover {
  color : #7D694F;
}

/**********************************
  ACCUEIL
***********************************/

#intro p {
  margin : 0 0 5px 0;
}

#vignettes {
  float : left;
	width : 53%;
}

#vignettes h3 a {
	text-decoration : none;
  color : #CC9900;
}

#vignettes img {
  border : 1px solid #A49683;
}

#vignettes p {
  margin: 5px 25px 0 0;
}

#vignettes p a {
	text-decoration : none;
	color : #000;
}

#vignettes p a:hover {
	color : #CC9900;
}

#vignetteb {
  float : left;
	width : 46%;
}

#vignetteb h3 a {
	text-decoration : none;
  color : #CC9900;
}

#vignetteb img {
  border : 1px solid #A49683;
}

#vignetteb p {
  margin: 5px 0 25px 0;
}

#vignetteb p a {
	text-decoration : none;
	color : #000;
}

#vignetteb p a:hover {
	color : #CC9900;
}

vignette img {
  border : 1px solid #7D694F;
}

/**********************************
  PRESENTATION BISCUITS
***********************************/

.contbiscuit {
  float : left;
	width : 33%;
	text-align : center;
}

.contbiscuit2 {
  float : left;
	text-align : center;
}

.contbiscuit3 {
  float : left;
	width : 33%;
	text-align : center;
}

.contbiscuit a img, .contbiscuit img {
  border : 1px solid #A49683;
}

.contbiscuit2 a img, .contbiscuit2 img {
  border : 1px solid #A49683;
	margin : 0 0 0 3px;
}

.contbiscuit3 a img, .contbiscuit3 img {
  border : 1px solid #A49683;
	margin : 25px 0 0 0;
}

.contbiscuit p, .contbiscuit2 p {
  margin : 0 0 15px 0;
}

.contbiscuit p a, .contbiscuit2 p a {
	text-decoration : none;
	color : #000;
}

.contbiscuit p a:hover, .contbiscuit2 p a:hover {
	color : #CC9900;
}

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

#recette h2 {
  margin : 35px 0 25px 0;
}

#recette h2 em {
  color : #000;
	font-size : 16px;
	display : block;
	padding : 5px 0;
}

#ingredients {
  border-top : 1px solid #99BF26;
  border-bottom : 1px solid #99BF26;
  height : 205px;
}

#ingredients img {
  float : right;
	margin : 10px 0;
}

#recette h3 {
	margin-bottom : 0;
}

#recette h3 em {
	font-size : 16px;
	display : block;
	padding : 5px 0;
}

/**********************************
  CONTACT
***********************************/

#form-contact {
  width : 500px;
	text-align : justify;
}

#form-contact input, #form-contact textarea {
  width : 100%;
	border : 1px solid #CC9900;
	font-family : verdana, arial, sans-serif;
	font-size : 11px;
	padding : 3px;
}

#form-contact label {
  font-weight : bold;
	display : block;
	margin : 10px 0 5px;
}

#form-contact input#submit-contact {
  width : auto;
	border : 1px solid #CC9900;
	background-color : #CC9900;
	color : #FFF;
	font-weight : bold;
	font-size : 12px;
	margin : 20px 0 0 0;
	padding : 2px 8px;
}