@charset "UTF-8";
/* CSS Document */

body {
margin: 0; padding: 0;
text-align: left;
background-color: #a30d00;
color: #000000; 
}

sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

#container {
margin: 0 auto; 
padding: 0;
width: 802px;
background-color: #a30d00;
text-align: left; 
}

a {
text-decoration: none;
color: #a30d00;
}

#header {
position: relative;
margin-top: 50px;
height: 100px;
width: 802px;
background-image: url(../images/headerFR.jpg);
background-repeat:no-repeat;
}

#top_nav {
position: absolute;
top: 70px;
left: 536px; /*350*/
}

#header ul , li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline;
}

/*********** home ************/

#main_content {
position: relative;
height: 550px;
width: 802px;
background-image: url(../images/home/content_background_home.jpg);
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

#content {
position: absolute;
top: 189px;
width: 801px;
height: 244px;
background-image: url(../images/home/band.jpg);
background-repeat: no-repeat;
}

#content h1 {
background-image: url(../images/home/rencontrez.gif);
height: 35px;
width: 371px;
margin: 17px 0 0px 26px;
}

#content h2 {
background-image: url(../images/home/prenez.gif);
background-repeat: no-repeat;
height: 42px;
width: 573px;
position: absolute;
top:140px;
left:30px;
margin-top: 10px;
}

#content p {
margin-left: 30px;
width: 600px;
margin-bottom: 10px;
}

#content img {
position: absolute;
top: 195px;
left: 30px;
}

.badge {
font-family: Arial, Helvetica, sans-serif;
width: 133px;
font-size: 9px;
margin-top: 32px;
margin-left: 8px;
line-height: 120%;
}

.wider {
width:144px;
}

.widerer {
width:160px;
}

 

#rediscover_badge {
position: absolute;
top: 421px;
left: 286px;
width: 238px;
height: 108px;
background-image: url(../images/home/redecouvrez.jpg);
background-repeat: no-repeat;
}


/*--------------	modifications june 25th, 2008 ----------------*/
#les_gagnants_sont {
position: absolute;
top: 422px;
left: 29px;
width: 237px;
height: 106px;
background-image: url(../images/home/badge_lesGagnantsSont.jpg);
}

#healthy_badge {
position: absolute;
top: 422px;
left: 286px;
width: 238px;
height: 106px;
background-image: url(../images/home/desChoix.jpg);
background-repeat: no-repeat;
}

#hunger_badge {
position: absolute;
top: 421px;
left: 539px;
width: 238px;
height: 108px;
background-image: url(../images/home/hunger-badge.jpg);
background-repeat: no-repeat;
}
/*--------------	modifications june 27th, 2008 ----------------*/


#product_badge {
position: absolute;
top: 421px;
/* left: 542px;  THIS HAS BEEN MOVED TO THE POSITION FORMALLY OCCUPIED BY THE REDISCOVER BADGE */
left: 286px;
width: 237px;
height: 108px;
background-image: url(../images/home/couponPrime.jpg);
background-repeat: no-repeat;
}
/*--------------	modifications june 27th, 2008 ----------------*/
#healthy_badge img , #rediscover_badge img , #product_badge img, #hunger_badge img, #les_gagnants_sont img {
position: absolute;
top: 78px;
left: 11px;
}

#content h1 span , h2 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

/************** end home **************/


/******************* Healthier Choices *******************/

#healthy_content { position:relative; width:801px; height:1502px; background-image:url(../images/page.jpg); background-repeat:no-repeat; background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#healthy_content a , a img { border:0; text-decoration:none; }

#healthy_content h2 {
background-image: url(../images/taf_header.gif);
height: 57px;
width: 578px;
margin-top:32px;
}

#healthy_content h2.thanks {
background-image: url(../images/taf_thanks_header.gif);
height: 26px;
width: 522px;
margin-top:32px;
}

#healthy_content h1 span, h2 span, h3 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#healthy_content .error {
	margin-left:40px;
	width:600px;
	border:2px solid #CC0000;
	background:#FFF2EF;
	font-weight:bold;
	padding:10px 5px;
}

#healthy_content .tafForm {
	padding:250px 160px 0 40px;
	}

#healthy_content .tafFields {	
	 padding:20px 0 0 40px;
	 }

#intro { position:absolute; top:250px; width:802px; height:160px; } /*594px 105px*/
#intro h2 { background:url(../images/healthy_intro.gif) no-repeat; height:28px; width:521px; margin:9px 0 25px 50px; }
.p_class_intro { width:521px; margin:0 0 0 50px; }

#hr { position:absolute; top:590px; width:802px; height:153px; background:url(../images/hr_2.jpg) 16px -39px no-repeat; } /*top:400px;*/ /*top=410*/
#hr img { /*margin-left:20px; margin-top:5px;*/ }
.p_class_hr { width:520px; margin:1px 0 0 50px; margin-top:35px; font-size:10px; }

#sodium { position:absolute; top:400px; width:802px; height:190px; background:url(../images/hr_2_prev.jpg) 595px 127px no-repeat; } /*top:530px; width:802px; height:150px;*/
#sodium h3 { background: url(../images/sodium.gif) no-repeat; height:27px; width:524px; margin:0 0 5px 50px; }
#sodium img { position:absolute; left:526px; top:110px; }
.p_class_sodium { width:524px; margin:2px 0 0 50px; }

#veg_goodness { position:absolute; top:720px; width:802px; height:210px; background:url(../images/veg_goodness_image.gif) 480px 4px no-repeat; }
#veg_goodness h3 { position:absolute; top:9px; background: url(../images/veg_goodness.gif) no-repeat; height:31px; width:437px; margin:0 0 5px 50px; }
.p_class_veggoodness { position:absolute; top:41px; width:437px; margin:2px 0 0 50px; }

#health_check { position:absolute; top:920px; left:-1px; width:802px; height:240px; background:url(../images/health_check_logo.gif) 0 17px no-repeat; }
#health_check h3 { background: url(../images/health_check.gif) no-repeat; height:31px; width:523px; margin:0 0 5px 50px; }
.p_class_health_whole { margin:2px 0 0 130px; width:440px; }

#whole_grain { position:absolute; top:1100px; width:802px; height:210px; background:url(../images/whole_grain_image.jpg) 593px 0 no-repeat; }
#whole_grain h3 { background-image: url(../images/whole_grain.gif); height:24px; width:523px; margin:0 0 5px 50px; }
.p_class_health_whole_grain { margin:2px 0 0 50px; width:523px; }

#healthier_choices { position:absolute; top:1365px; left:185px; width:430px; height:53px; font-size:11px; }
#healthier_choices h1 { background:url(../images/footer.gif) no-repeat; height:25px; width:377px; margin:13px 0 0 20px; }

#learn_more { position:absolute; top:1450px; width:801px; height:27px; font-size:12px; }

/*#learn_more {
position: absolute;
top: 1100px;
width: 801px;
height: 27px;
font-size: 12px;
}

#healthy_content img.sante {
position: absolute;
left: 115px;
top: 1005px;
}*/


/****************** end Healthier Choices ******************/

/****************** Recipes ******************/

#recipes_image {
position: relative;
width: 802px;
height: 243px;
background-image: url(../images/recipes/recipes_image_background.jpg);
background-repeat: no-repeat;
}

#recipes_image h1 {
position: absolute;
background-image: url(../images/recipes/mainHeading.jpg);
height: 61px;
width: 264px;
margin: 103px 0 0 44px;
}

#recipes_image h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#recipes_content {
background-image: url(../images/recipes/background.jpg);
background-repeat: no-repeat;
background-color:#fff;
position: relative;
width: 801px;
height: 568px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#recipe_intro {
position: absolute;
top: 27px;
left: 43px;
width: 720px;
}

#recipes_1 {
background-image: url(../images/recipes/recipes_background.jpg);
position: absolute;
top: 108px;
left: 90px;
width: 302px;
height: 156px;
}

#recipes_2 {
background-image: url(../images/recipes/recipes_background.jpg);
position: absolute;
top: 108px;
left: 402px;
width: 302px;
height: 156px;
}

#recipes_3 {
background-image: url(../images/recipes/recipes_background.jpg);
position: absolute;
top: 273px;
left: 90px;
width: 302px;
height: 156px;
}

#recipes_4 {
background-image: url(../images/recipes/recipes_background.jpg);
position: absolute;
top: 273px;
left: 402px;
width: 302px;
height: 156px;
}

#recipes_1 img , #recipes_2 img , #recipes_3 img , #recipes_4 img {
position: absolute;
left: 13px;
top: 34px;
}

#recipes_1 a img , #recipes_2 a img , #recipes_3 a img , #recipes_4 a img {
position: absolute;
left: 141px;
top: 115px;
}


#recipes_1 h3 {
position: absolute;
/*background-image: url(../images/recipes/chic_broc.jpg);*/
height: 21px;
width: 285px;
left: 11px;
margin-top: 7px;
letter-spacing: -1px;
color: #b90000;
font-size: 14px;
}


#recipes_2 h3 {
position: absolute;
/*background-image: url(../images/recipes/pasta_prima.jpg);*/
height: 18px;
width: 130px;
left: 11px;
margin-top: 7px;
letter-spacing: -1px;
color: #b90000;
font-size: 14px;
}

#recipes_3 h3 {
position: absolute;
/*background-image: url(../images/recipes/texmex_bake.jpg);*/
height: 17px;
width: 249px;
left: 11px;
margin-top: 7px;
letter-spacing: -1px;
color: #b90000;
font-size: 14px;
}

#recipes_4 h3 {
position: absolute;
/*background-image: url(../images/recipes/italiano_chic.jpg);*/
height: 18px;
width: 240px;
left: 11px;
margin-top: 7px;
letter-spacing: -1px;
color: #b90000;
font-size: 14px;
}

#sign_up {
position: absolute;
top: 472px;
left: 125px;
height: 27px;
width: 600px;
}

#sign_up img {
position: absolute;
left: 500px;
}

.recipe {
position: absolute;
top: 50px;
left: 142px;
width: 160px;
font-size: 9px;
color: #333333;
}

/********** end Recipes *************/

/********** Stories *************/


#stories_image {
background-image: url(../images/families/storiesImage.jpg);
width: 801px;
height: 192px;
}

#stories_nav {
position: relative;
background-image:url(../images/families/stories_nav_background.jpg);
width: 801px;
height: 57px;
}

#nav_heading h1 {
position: absolute;
background-image: url(../images/families/navStoriesFR.jpg);
height: 21px;
width: 208px;
margin: 19px 0 0 41px;
}

#nav_heading h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#stories_content {
background-image: url(../images/families/storiesBack.jpg);
background-color:#fff;
position: relative;
height: 710px;
width: 801px ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#stories_content h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

.blurb {
float: left;
font-size: 10px;
margin-top: 6px;
margin-left: 10px;
width: 480px;
}

.intro {
margin-top: 2px;
margin-left: 40px;
margin-right: 50px;
}

#intro_p {
position:absolute;
margin-top: 115px;
width: 801px;
height: 70px;
}

#rediscover h1 {
position: absolute;
background-image: url(../images/families/redecouvrezStories.jpg);
height: 24px;
width: 202px;
margin: 35px 0 0 140px;
}

#stories_content a , a img {
border: 0;
text-decoration:none;
}

#your_story {
position: absolute;
top: 65px;
left: 124px;
width: 630px;
height: 27px;
}

#your_story img {
position: absolute;
left: 500px;
}

#nav_buttons {
position: absolute;
top: 20px;
left: 640px;
}

#nav_buttons ul , li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline;
}

#barbarossa {
position: absolute;
/*background-image: url(../images/families/barbarossa_polariod.jpg);*/
background-repeat: no-repeat;
width: 801px;
height: 180px;
left: -1px;
top: 184px;
}

#barbarossa h1 {
position: absolute;
background-image: url(../images/families/RenBarbarossa.jpg);
height: 28px;
width: 556px;
left: 178px;
top: 0px;
}

#barbarossa p {
margin-left: 183px;
margin-top: 45px;
margin-right: 50px;
}

#daniel {
position: absolute;
/*background-image: url(../images/families/daniels.jpg);*/
background-repeat: no-repeat;
width: 801px;
height: 162px;
top: 363px;
}

#daniel p {
margin-left: 183px;
margin-top: 45px;
margin-right: 50px;
}

#daniel h1 {
position: absolute;
background-image: url(../images/families/RenDaniel.jpg);
height: 29px;
width: 556px;
left: 178px;
top: 0px;
}

#serro {
position: absolute;
/*background-image: url(../images/families/serro_polariod.jpg);*/
background-repeat: no-repeat;
width: 801px;
height: 165px;
top: 130px;
}

#serro p {
margin-left: 183px;
margin-top: 45px;
margin-right: 50px;
}

#serro h1 {
position: absolute;
background-image: url(../images/families/RenSerro.jpg);
height: 27px;
width: 556px;
left: 178px;

}


/********** end Stories *************/

#footer {
position: relative; 
height: 50px;
width: 802px;
background-color: #a30d00;
}

#footer img {
float: left;
}

#footer_nav {
position: absolute;
left: 305px;
}

#footer ul , li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline;
}