@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(../imagesFR/common/headerFR.jpg);
background-repeat:no-repeat;
}

#top_nav {
position: absolute;
top: 70px;
left: 486px; /* with promotions = 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(../imagesFR/home/band.jpg);
background-repeat: no-repeat;
}

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

#content h2 {
background-image: url(../imagesFR/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(../imagesFR/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(../imagesFR/home/badge_lesGagnantsSont.jpg);
}

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

#hunger_badge {
position: absolute;
top: 421px;
left: 539px;
width: 238px;
height: 108px;
background-image: url(../imagesFR/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(../imagesFR/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: 1150px;
background-image:url(../images/products/healthy_choices_background.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 img {
position: absolute;
left: 46px;
top: 92px;
}

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

#intro {
position: absolute;
top: 250px;
width: 802px;
height: 125px;
}

#intro h2 {
background-image: url(../imagesFR/products/introFR.jpg);
background-repeat: no-repeat;
height: 34px;
width: 687px;
margin: 29px 0 0px 50px;
}

#sodium {
position: absolute;
top: 380px;
left: -1px;
width: 802px;
height: 160px;
background-image: url(../imagesFR/products/sodium_backgroundFR.jpg);
background-repeat: no-repeat;
}

#sodium img {
position: absolute;
left: 420px;
top: 120px;
}

#sodium h3 {
background-image: url(../imagesFR/products/sodiumFR.jpg);
height: 29px;
width: 608px;
margin: 8px 0 3px 130px;
}

#health_check {
position: absolute;
top: 525px;
left: -1px;
width: 802px;
height: 240px;
background-image: url(../imagesFR/products/health_check_backgroundFR.jpg);
}

#health_check img {
position: absolute;
left: 500px;
top: 205px;
}

#health_check h3 {
background-image: url(../imagesFR/products/healthCheckFR.jpg);
height: 27px;
width: 609px;
margin: 12px 0 3px 130px;
}

#whole_grain {
position: absolute;
top: 755px;
left: -1px;
width: 802px;
height: 210px;
background-image: url(../imagesFR/products/whole_grain_backFR.jpg);
}

#whole_grain h3 {
background-image: url(../imagesFR/products/wholegrainsFR.jpg);
height: 27px;
width: 609px;
margin: 0 0 3px 130px;
}

#healthier_choices {
position: absolute;
top: 1013px;
left: 190px;
width: 410px;
height: 53px;
}

#healthier_choices h1 {
background-image: url(../imagesFR/products/choixSante.jpg);
height: 25px;
width: 346px;
margin: 13px 0 0 35px;
}

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

.p_class_intro {
width: 698px;
margin: 0px 0px 0px 50px;
}

.p_class_sodium {
width: 610px;
margin: 2px 0px 0px 130px;
}

.p_class_health_whole {
margin: 2px 0px 0px 130px;
width: 350px;
}

#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(../imagesFR/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(../imagesFR/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(../imagesFR/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(../imagesFR/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(../imagesFR/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(../imagesFR/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(../imagesFR/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(../imagesFR/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(../imagesFR/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;
}