/*
-----------------------------------------------
Soleil ZEN
Version: 26 Mars 2006

bleu : 4ca6c0
bleu foncé : 2a6676
jaune: #ffae19
jaune clair : #ffda91
noir
blanc

----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: "trebuchet MS",Arial,sans-serif;
	font-size: 0.8em;
	color:#000;
	text-align: center;
	background:#fff9eb ;
}

/* STRUCTURE SITE 
----------------------------------------------- */

#all{
  width: 760px;
  margin: 20px auto 10px auto ;
  padding: 0 ;
  background: #ffda91 url(../img/bk_all.gif) repeat-y left top ;
  text-align: justify;
  /*overflow: auto;*/
}
#header { 
  width: 100%;
  height: 10px;
  padding: 0; 
  margin: 0;
  background: #fff9eb ; 
}
#navbar { 
  width: 100%;
  height: 40px;
  padding: 0; 
  margin:0 ; 
  background: #000; 
  border-bottom: 5px solid #673c25 /*#2a6676*/;
}
#ban_left {
  width: 230px;
  height: 180px;
  float:left;
  padding: 0; 
  margin:0 ;
  background:#f8ecd4; 
}
#ban_right { 
  width: 530px;
  height: 180px;
  float:left;
  padding: 0; 
  margin:0 ; 
  background: #ddd url(../img/bk_ban2.jpg) no-repeat left top; 
}
#content_left{
  width: 210px ;
  float: left;
  padding: 10px ; 
  margin: 0 ;
  line-height:2em;
  color: #fff;
  background: transparent ;
}
#content_left_2{
  width: 230px ;
  float: left;
  padding: 0 ; 
  margin: 0 ;
  background: transparent ;
}
#content_main{
  width: 480px;
  float:left;
  margin:  0;
  padding: 10px 25px 10px 25px;
	background: #ffda91 ;
}
#content_main_h{
  width: 530px;
  float:left;
  margin: 0 ;
  padding: 0;
	background: #ffda91 ;
}
#footer{
  width: 100% ;
  clear : both;
  padding-top: 2px; 
  margin:0;
  background: #fff9eb ;
  color: #4ca6c0;
  text-align: right;
	font-size: 0.8em;
}

/* NAVIGATION SITE (LISTE)
----------------------------------------------- */
#navbar ul, #navbar li {
  height: 40px;
	margin: 0 ;
	padding: 0;
	list-style-type: none;
}
#navbar li {
  float: left;
}
#navbar li a {
  height: 34px;
  display:block;
	margin: 0 ;
	padding: 3px 0 3px 0;
	text-align: center;
	color: #fff;
	font-family:verdana;
	font-size: 0.9em;
	font-weight:bold;
	text-decoration:none;
  background: transparent ;
}
#m_acc{ width: 90px }
#m_br_i{ width: 125px }
#m_br_p{ width: 125px }
#m_sr_e{ width: 140px }
#m_prod{ width: 100px }
#m_cont{ width: 100px }
#m_p_p{ width: 80px }

#navbar li a:hover, #curent{
  background: #673c25 /*#2a6676*/;
}

/* STYLE DE TEXTE ET DE BLOC
----------------------------------------------- */
.adroite { text-align: right;}
.agauche { text-align: left;}
.centre { text-align: center;}

.bloc { display: block;}

.gauche { float: left;}
.droite { float: right;}
.clearboth { clear: both; }

.gras { font-weight: bold;}
.xgras { font-weight: 900;}
.underline { text-decoration: underline;}
.ita { font-style: italic;}


.s08 { font-size: 0.8em;}
.s085 { font-size: 0.85em;}
.s09 { font-size: 0.9em;}
.s1 { font-size: 1em;}
.s12 { font-size: 1.2em;}
.s15 { font-size: 1.5em;}
.s18 { font-size: 1.8em;}
.s2 { font-size: 2em;}
.s22 { font-size: 2.2em;}

.lh1 { line-height: 1.5em;}
.noir { color: #000;}
.blanc { color: #fff;}
.gris { color: #767676;}
.marron { color: #673c25;}

/* STYLE DE TITRE
----------------------------------------------- */
h1{
    display: none;
}
h2{
  margin: 0 0 20px 0 ;
  padding: 0;
  font-family: Arial;
  font-size: 2em;
  font-weight: normal;
  text-align: right;
}
h3{
  margin: 0 0 10px 0 ; padding: 0;
  font-family: Arial; font-size: 1.5em; font-weight: normal;
  text-align: left;
}
h3 span{ display:block; font-size: 0.8em; font-weight: bold; clear: both }

h4{
  margin: 0 0 10px 0 ;
  padding: 0;
  font-family: Arial;
  font-size: 1em;
  font-weight: gras;
  text-align: left;
  color: #673c25;
}

#content_main_h h2{
  margin: 0 ;
  padding: 3px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: right;
  background:#ffcc69;
  clear:both;
}                                                                               

/* STYLE DE PARAGRAPHE / DE BLOC / DE TABLE
----------------------------------------------- */
hr { 
  border: 1px solid #ffda91;
  border-bottom: 1px solid #2a6676;
}
#content_main p {
  margin: 0 0 10px 0 ;
 }
#content_main_h span {
  display: block;
  padding: 5px;
  line-height:1.4em;
}
 #content_left p {
  margin: 0 0 5px 0 ;
}

.col_left{
  width: 230px;
  float: left;
}
.col_right{
  width: 230px;
  float: right;
}

/* STYLE DE LIEN
----------------------------------------------- */	
#footer a {
	text-decoration: none;
	color: #888;
}
#content_main a , #content_left a {
  text-decoration: none;
	color: #673c25;
}
#content_main a{font-weight:bold;}
#content_main a:hover , #content_left a:hover{
    text-decoration: underline;
}

/* STYLE d’IMAGE
----------------------------------------------- */
.img_logo{
  float:left;
  margin: 0;
  border: 0;
}
.img_right{
  float:right;
  margin: 0;
  border: 0;
}
.img_left{
  float:left;
  margin: 0 5px 0 0;
  border: 0;
}
.img_list{
  display: block;
  margin: 3px 0 10px 0;
  border: 1px solid #d5aa57;
}
/* STYLE DE TABLE
----------------------------------------------- */
table{
	width: 100%;
	text-align: left;
}
td, .prix {
	font-size: 1em;
	font-weight: bold;
	background: #e9d3a7;
}
.prix {
	width: 60px;
	text-align: right;
	color: #673c25 ;
	font-size: 1.1em;
	font-family: arial, sans-serif;
}

td span {
	display: block;
	font-size: 0.85em;
	font-weight: normal;
}


/* STYLE PAGE PRODUITS
----------------------------------------------- */
.prod_1, .prod_2, .prod_1v, .prod_2v{
  width: 220px; height: 300px;
  float: left;
  margin-bottom:10px; padding:5px;
  background: #e9d3a7;
  font-size: 0.95em;
}
.prod_1v, .prod_1{ margin-right:10px; }
.prod_1v, .prod_2v{ height: 250px;background: #cac3d7 }


/* STYLE DE FORMILAIRE CONTACT
----------------------------------------------- */
.contact{
  display:block
}
.contact label{
	width: 230px;
	display: block ;
	font-weight: bolder;
}
.contact input,textarea{
	background-color:#e9d3a7;
  border: 1px solid #d5aa57;
	color: #673c25;
	margin-bottom: 2px;
	width: 230px;
}
.contact textarea {height: 80px;}

#submit:hover{
  background-color:#d5aa57;
	color: #fff;
}
.attente{
  width: 30%;
	margin: auto auto auto auto;
	padding: 5px;
	background-color: #fff9eb;
	color : #000;
	font-size: 16px;
}