/*===| I. LAYOUT SIZE |====================================================*/

#container, #footer,#footer1, #header {width: 990px;}
#header {height:309px;}
#header1 {width:990px;;height:309px;}
#left-column {width:365px;}
#left-column1 {width:260px;}
#middle-column {width: 259px;}
#right-column {width: 366px;}
#right-column1 {width: 730px;}

/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer,#footer1, .push {height: 104px;}

.push	{clear: both;}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------
*/	#wrap-container {width:990px;	margin: 0 auto -104px;}


/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/

* {margin: 0;}
object { outline:none; }

html, body { width: 100%;}

#wrap-container {
  min-height: 100%;
	height: auto !important;
	height: 100%;}
#container {
	margin:0 auto;
	text-align: left;
  min-height: 100%;
	height: auto !important;
	height: 100%;
   }
#header {
/*	text-indent: -9999em;*/}

#left-column{
	float:left;
	}
#left-column1{
	float:left;
	}


#la-boutique{
  width:365px;
  height:273px;
 }
#int-la-boutique{
  padding-top:138px;
  padding-left:15px;
  padding-right:20px;
 }
#histoire{
  width:365px;
  height:223px;
 }
#int-histoire{
  padding-left:15px;
  padding-top:22px;
 }
#saveurs{
  width:365px;
  height:191px;
 }
#int-saveurs{
  padding-right:20px;
 }

#middle-column{
	float:left;
}
#actualite{
  width:259px;
  height:278px;
 }
#int-actualite{
  padding-left:20px;
  padding-top:127px;
  padding-right:20px;
 }
#actualite1{
  width:260px;
  height:208px;
 }
#int-actualite1{
  padding-left:20px;
  padding-top:57px;
  padding-right:20px;
 }

#coordonnees{
  width:259px;
  height:409px;
 }
#int-coordonnees{
  padding-top:77px;
  text-align:left;
  padding-left:22px;
 }
#coordonnees1{
  width:260px;
  height:409px;
  float:left;
 }
#int-coordonnees1{
  padding-top:77px;
  text-align:left;
  padding-left:22px;
 }

#right-column{
	float:left;
}
#right-column1{
	float:left;
}
#diaporama{
  width:366px;
  height:297px;
 }
#qualite{
  width:366px;
  height:390px;
 }
#int-qualite{
  padding-top:110px;
  padding-left:45px;
  padding-right:164px;
 }

#footer {
	margin: 0 auto;
	text-align: left;
	padding: 0;}

#footer1{
	margin: 0 auto;
	text-align: left;
	padding: 0;
    }

.ref {
		width: 990px;
		margin: 0 auto;
		text-align:center;
		color: #ffffff;
		font-family: Verdana,Tahoma,Arial;
		font-size:11px;

	}


/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers, 
	use padding instead of margin.
	-------------------------------------------------*/

/* ===| III. CONTENT ELEMENTS |===============================================*/

img {border: 0;}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}
/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements
	you want to float (on the thumbs, for example)
*/	.left{float: left;} .right{float: right;}

.thumb{
	display: block;
 }

object { outline:none; }

.text-nos-creations img
{
    border:solid 1px #ce9582;
    margin:0 8px 0 0;
}

#horaire{
  padding-top:52px;
  padding-left:22px;
  }