body 
{
	xtext-align: center;  /* MSIE 5 doesn't center based on auto left/right margins, 
                          but 'text-align:center' does center top-level divs: */
	min-width: 1008px;      /* Specify a min-width for the body as wide as the 'wrapper'
                           element itself. This prevents negative (i.e. inaccessible)
                           left-margins in narrow browser windows when using 
                           Navigator 6+/Mozilla on Win32: */
	min-height: 608px;
	background-color: #6B8E23;
	font-family:  Arial;
	behavior:url('csshover.htc');
}

img, div, a, input, span { behavior: url('iepngfix.htc') }

#outer 
{
	height: 100%; 	
	overflow: hidden; 
	position: relative; 
	width: 100%;
}

#outer[id] 
{
	display: table; 
	position: static;
}
		
#middle /* for explorer only*/
{
	position: absolute; 
	top: 50%; 
	width: 100%; 
	text-align: center;
} 

#middle[id] 
{
	display: table-cell; 
	vertical-align: middle; 
	position: static;
}
		
#inner /* for explorer only */
{
	/*position: relative; 
	top: 50%; 
	text-align: left;*/
} 

#inner /* for all browsers */
{
	width: 1008px; 
	_width: 1007px;
	height: 607px; 
	_height: 606px;
	margin-left: auto; 
	margin-right: auto;
	border: solid 1px #BDB76B;
} 

div.accueil 
{
	/*background-image: url('img/accueil_ete_bg.png');*/
	background-image: url('img/accueil_hiver_bg.png');
}

div.ete 
{
	background-image: url('img/ete_bg.png');
}

div.cedres 
{
	background-image: url('img/onparledenous_bg.png');
}

div.onparledenous 
{
	background-image: url('img/onparledenous_bg.png');
}

div.mais 
{
	background-image: url('img/onparledenous_bg.png');
}

div.hiver 
{
	background-image: url('img/hiver_bg.png');
}

div.produits 
{
	background-image: url('img/produits_bg.png');
}

div.medias 
{
	background-image: url('img/photos_bg.png');
}

div.contact 
{
	background-image: url('img/contact_bg.png');
}

#wrapper {
	text-align: left;    /* Reset alignment to compensate for 'text-align:center': */
	width: 1008px;        /* Specify the width of the element. This should be the same
                          as 'body min-width': */
	height: 608px;
	margin-left: auto;   /* Set left and right margins to auto, thus centering the 
                          element in the containing (body) tag: */
	margin-right: auto;
}

#img_facebook
{
	position: relative;
	top: 110px;
	left: 827px;
}

/* IE8+9 */
#img_facebook
{
	top: 80px \0/;
}

/* IE9 */
#img_facebook
{ 
	top: 110px \0/IE9; 
}

#facebook_like
{
	position: relative;
	top: 110px;
	left: 827px;
}

/* IE6+7 */
#facebook_like
{
	*margin-top: 35px;
}

/* IE6 */
#facebook_like
{
	_margin-top: 10px
}

/* IE8+9 */
#facebook_like
{
	margin-top: 30px \0/;
}

/* IE9 */
#facebook_like
{ 
	margin-top:5px \0/IE9; 
}

#img_twitter {
	position: relative;
	top: 165px;
	left: 833px;
	float: left;
}

#nav-menu .ul-main
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu .li-main
{
margin: 0 1px;
}

#nav-menu .li-main .a-main
{
height: 26px;
display: block;
}

/* Hide from IE5-Mac \*/
#nav-menu .li-main .a-main
{
float: none
}
/* End hide */

#nav-menu
{
width: 545px;
_width: 550px;
} 

#btn_accueil
{
	background-image: url('img/btn_accueil.png');
	width: 95px;
	float: left;
}

#btn_ete
{
	background-image: url('img/btn_ete.png');
	width: 95px;
	float: left;
}

#btn_hiver
{
	background-image: url('img/btn_hiver.png');
	width: 95px;
	float: left;
}

#btn_produits
{
	background-image: url('img/btn_produits.png');
	width: 155px;
	float: left;
}

#second_row_button
{
	padding-top: 1px;
	padding-left: 97px;
	float: left;
}

#btn_photos
{
	background-image: url('img/btn_photos.png');
	width: 95px;
	float: left;
}

#btn_videos
{
	background-image: url('img/btn_videos.png');
	width: 95px;
	float: left;
}

#btn_onparle
{
	background-image: url('img/btn_onparledenous.png');
	width: 155px;
	float: left;
}

#btn_contact
{
	background-image: url('img/btn_contact.png');
	width: 95px;
	float: left;
}

#menuwrapper
{
	padding-top: 155px; 
	padding-left: 235px;
	_padding-left: 375px;
}

/* IE hack */
html >body #menuwrapper
{
	padding-top: 155px; 
	padding-left: 375px;
}

div.photoContainer
{
	position: absolute; 
	width: 610px; 
	height: 370px;
	font-size: 12px;
	margin-left: 265px; 
	margin-top: 35px;
}

/* IE6+7 */
div.photoContainer
{
	*margin-top: 35px;
}

/* IE6 */
div.photoContainer
{
	_margin-top: 10px
}

/* IE8+9 */
div.photoContainer
{
	margin-top: 8px \0/;
}

/* IE9 */
:root div.photoContainer
{ 
	margin-top:35px \0/IE9; 
}

div.textContainer
{
	position: absolute; 
	width: 520px; 
	height: 300px;
	font-size: 12px;
	margin-left: 275px; 
	margin-top: 95px; 
}

/* IE6+7 */
div.textContainer
{
	*margin-top: 95px;
}

/* IE6 */
div.textContainer
{
	_margin-top: 65px
}

/* IE8+9 */
div.textContainer
{
	margin-top: 68px \0/;
}

/* IE9 */
:root div.textContainer
{ 
	margin-top:95px \0/IE9; 
}

table.textContainer2
{
	font-size: 12px;
	margin-left: -328px;
	_margin-left: 0px;
}

html >body table.textContainer2
{
	margin-left: 0px; 
}

#box-table-a
{
	font-family:Arial, Sans-Serif;
	font-size:12px;
	width:380px;
	text-align:left;
	border-collapse:collapse;
	margin: 5px 0 0 10px;
	margin-left: -140px;
	_margin-left: 0px;
}

html >body #box-table-a
{
	margin-left: 0px;
}

#box-table-a th
{
	font-size:12px;
	font-weight:normal;
	background:#b9c9fe;
	border-top:4px solid #aabcfe;
	border-bottom:1px solid #fff;
	color:#039;padding:6px;
}

#box-table-a td
{
	background:#e8edff;
	border-bottom:1px solid #fff;
	color:#669;
	border-top:1px solid transparent;
	padding:6px;
}

#box-table-a
{
	background:#d0dafd;
	color:#339;
}

/*#container {display:table; height: 100%; position: relative; overflow: hidden; }
#container div.cell {*position: absolute; top: 50%; display: table-cell; vertical-align: middle;}
#container div.cell p {*position: relative; top: -50%;}*/
html, body {height: 100%; margin:0;padding:0; position:relative; }

/* CSS Only CrossBrowser Vertical and Horizontal Alignment */
/* Just remember that the "margin-top" and "margin-left" properties must be HALF of the value of the "width" and "height" properties. */
#box {
width:1008px;
height:608px;
position:absolute;
top:50%;
left:50%;
margin-top:-304px;
margin-left:-504px;
}

#separateur
{
	background-image: url('img/separateur.png'); 
	width: 2px; 
	height: 313px; 
	position: absolute; 
	margin-top: 78px; 
	margin-left: 815px;
}

/* IE6+7 */
#separateur
{
	*margin-top: 80px
}

/* IE6 */
#separateur
{
	_margin-top: 53px
}

/* IE8+9 */
#separateur
{
	margin-top: 53px \0/;
}

/* IE9 */
:root #separateur 
{ 
	margin-top:78px \0/IE9; 
}

#facebook
{
	display: block; 
	background-image: url('img/facebook.png'); 
	width: 33px; 
	height: 34px; 
	position: absolute; 
	margin-top: 92px; 
	margin-left: 825px;
}

/* IE6+7 */
#facebook
{
	*margin-top: 92px
}

/* IE6 */
#facebook
{
	_margin-top: 68px
}

/* IE8+9 */
#facebook
{
	margin-top: 68px \0/;
}

/* IE9 */
:root #facebook 
{ 
	margin-top:68px \0/IE9; 
}

#twitter
{
	display: block; 
	background-image: url('img/twitter.png'); 
	width: 33px; 
	height: 34px; 
	position: absolute; 
	margin-top: 107px; 
	margin-left: 322px;
	_margin-left: 825px
}

/* IE hack */
html >body #twitter
{
	margin-top: 132px; 
	margin-left: 825px
}

#hiver_img1
{
	background-image: url('img/hiver1_tn.png'); 
	width: 212px; 
	height: 153px; 
	position: absolute; 
	margin-top: 265px; 	
	margin-left: -470px;
	_margin-left: 31px;
}

html >body #hiver_img1
{
	margin-left: 31px;
}

#hiver_img2
{
	background-image: url('img/hiver2_tn.png'); 
	width: 210px; 
	height: 149px; 
	position: absolute; 
	margin-top: 430px; 
	margin-left: -469px;
	_margin-left: 30px;
}

html >body #hiver_img2
{
	margin-left: 30px;
}

p.space
{
	margin-bottom: 8px;
	margin-top: 8px;
	text-align: left;
}

#fraise_img1
{
	background-image: url('img/fraises_tn.png'); 
	width: 230px; 
	height: 166px; 
	position: absolute; 
	margin-top: 265px; 
	margin-left: -480px;
	_margin-left: 20px;
}

html >body #fraise_img1
{
	margin-left: 20px;
}

#amelanche_img1
{
	background-image: url('img/amelanches_tn.png'); 
	width: 220px; 
	height: 167px; 
	position: absolute; 
	margin-top: 265px; 
	margin-left: -480px;
	_margin-left: 25px;
}

html >body #amelanche_img1
{
	margin-left: 25px;
}

#bleuets_img1
{
	background-image: url('img/bleuets_tn.png'); 
	width: 226px; 
	height: 177px; 
	position: absolute; 
	margin-top: 265px; 
	margin-left: -480px;
	_margin-left: 25px;
}

html >body #bleuets_img1
{
	margin-left: 25px;
}

#cedres_img1
{
	background-image: url('img/cedres_tn.png'); 
	/*width: 229px; 
	height: 179px;*/
	width: 207px;
	height: 143px;
	position: absolute; 
	margin-top: 265px; 
	margin-left: -482px;
	_margin-left: 23px;
}

html >body #cedres_img1
{
	margin-left: 23px;
}

#produits_img1
{
	background-image: url('img/tartes_tn.png'); 
	width: 211px; 
	height: 155px; 
	position: absolute; 
	margin-top: 265px; 
	margin-left: -472px;
	_margin-left: 29px;
}

html >body #produits_img1
{
	margin-left: 29px;
}

#produits_img2
{
	background-image: url('img/produits_tn.png'); 
	width: 208px; 
	height: 149px; 
	position: absolute; 
	margin-top: 430px; 
	margin-left: -472px;
	_margin-left: 31px;
}

html >body #produits_img2
{
	margin-left: 31px;
}

.shiftProduct
{
	margin-left: -200px;
}

#contact_img1
{
	background-image: url('img/contact1_tn.png'); 
	width: 208px; 
	height: 155px; 
	position: absolute; 
	margin-top: 265px; 
	margin-left: -472px;
	_margin-left: 29px;
}

html >body #contact_img1
{
	margin-left: 29px;
}

#contact_img2
{
	background-image: url('img/contact2_tn.png'); 
	width: 213px; 
	height: 160px; 
	position: absolute; 
	margin-top: 430px; 
	margin-left: -474px;
	_margin-left: 31px;
}

html >body #contact_img2
{
	margin-left: 31px;
}

#accueil_img1
{
	background-image: url('img/accueil1_tn.png'); 
	width: 212px; 
	height: 163px; 
	position: absolute; 
	margin-top: 285px; 	
	margin-left: -470px;
	_margin-left: 31px;
}

html >body #accueil_img1
{
	margin-left: 31px;
}

#certification
{
	background-image: url('img/certification.gif'); 
	width: 131px; 
	height: 65px; 
	position: absolute; 
	margin-top: 243px;	
	margin-left: 845px;
}

/* IE6+7 */
#certification
{
	*margin-top: 245px;
}

/* IE6 */
#certification
{
	_margin-top: 218px;
}

/* IE8+9 */
#certification
{
	margin-top: 218px \0/;
}

/* IE9 */
:root #certification 
{
	margin-top:243px \0/IE9;
}