/* ========================================================================== */
/* 01. page main structure                                                    */
/* ========================================================================== */

#cf-main #header {position:relative;}
#cf-main #footer {background:#f3f3f3; border-top:1px solid #ccc;}


#content {font-family:Cambria,arial,helvetica,clean,sans-serif;}

/* ========================================================================== */
/* 02. grids                                                                  */
/* ========================================================================== */

/* gridTwoLeft */
#content .gridTwoLeft {margin-bottom:1em;}

/*#content .gridTwoLeft .wrapper {margin-left:29em;margin-left:35.3em;}
#content .gridTwoLeft .col-1 {float:left; width:29em; margin-left:-29em; width:35.3em;margin-left:-35.3em; }
#content .gridTwoLeft .col-1 .gridOne {margin-right:1em;}
#content .gridTwoLeft .col-2 {float:right; width:100%; margin-right:-1em}*/
#content .gridTwoLeft .col-1  { width:300px; float:left;}
*html .focus .block.text { margin:1.5em 1em;}

#content .gridTwoLeft .col-2  { float:left;}
#content .focus.download { float:left; width:300px;margin:0 3em;}
* html #content .focus.download { float:left; width:300px;margin:0;}
#content .focus.contact {float:left; width:300px; }

.clear { clear:both;}


#bottom { margin:20px; border-top:1px solid #CCC; padding:15px 0; border-bottom:1px solid #CCC}
#td_purple { background-color:#af8dbc; padding:10px; color:#FFF; font-size:17px;}
#td_left { font-size:17px; color:#000;}
/* ========================================================================== */
/* 03. titles                                                                 */
/* ========================================================================== */

/* content titles ----------------------------------------------------------- */
#content h1.title {margin:1.25em 1.5em; margin-right:0em; margin-bottom:0.25em; color:#203C7D;}
#content h1.title span {font-size:153.9%;}
#content h2.title {color:#1F3F7A;}
#content h2.title span {font-size:123.1%; font-weight:700;}
#content h3.title {color:#1F3F7A;}
#content h3.title span {font-size:100%; font-weight:700;}



/* ========================================================================== */
/* 04. links and buttons                                                      */
/* ========================================================================== */

/* generic link declaration ------------------------------------------------- */
#content a, #footer a {color:#026DA3;}
#content a:hover, #footer a:hover {color:#000;}


/* ========================================================================== */
/* 05. navigation                                                             */
/* ========================================================================== */

/* shop nav */
#header ul#menu_nrb {margin-top:1em;}

/* footer secondary navigation ---------------------------------------------- */
#footer {background:#f3f3f3;}
#footer .secondNav {padding:0.75em 0em; text-align:center;}
#footer .secondNav ul {display:inline;}
#footer .secondNav ul li {display:inline; padding-left:1px; color:#666; background:url("img/footernav-sep.gif") left center no-repeat;}
#footer .secondNav ul li .page {margin:0em 0.75em;}
#footer .secondNav ul li.first {background:url("img/footernav-logo.gif") left 0.1em no-repeat; padding-left:22px;}
#footer .secondNav ul li.first .page {margin-left:0;}



/* ========================================================================== */
/* 06. basic content                                                          */
/* ========================================================================== */

/* generic content declarations --------------------------------------------- */
#content p {line-height:1.3em; margin:0.5em 0em;}

/* generic block declarations ----------------------------------------------- */
.block ul li, .block ol li {line-height:1.45em;}

/* text block --------------------------------------------------------------- */
.block.text {margin:1em 1.5em; width:280px; }
.block.text .block.text {margin-left:0em; margin-top:0.25em; margin-bottom:0.25em;}
.block.text .title {margin:0.75em 0em; margin-bottom:0.5em;}
.block.text h2.title span {font-size:123.1%; color:#1F3F7A;}
.block.text h3.title span {font-size:108%;}
.block.text p {margin:0.5em 0em; font-size:120%}
.block.text ul, .block.text ol {margin-right:0em;}
.block.text ul li, .block.text ol li {list-style-image:url("img/list-text-bullet.gif"); list-style-position:inside; color:#1f3f7c;}
.block.text ol li {list-style-image:none; list-style-type:decimal;}
.block.text ul ul {margin:0.5em 0em;}


/* ========================================================================== */
/* 07. content components                                                     */
/* ========================================================================== */

/* energy site banner ------------------------------------------------------- */

#header .banner,#header .banner_nl {background:url(http://www.carrefour.eu/images/rebranding/header_logo_carrefour.gif) no-repeat right 3px; margin-right:21.5em; padding-top:1em; height:75px;}
/*#header .banner_nl {background:url("img/logo-slogan_nl.gif") right 1.5em no-repeat; margin-right:25em; padding-top:1em; height:75px;}
*/
/* banner */
#content .banner, #content .banner_nl {background:#0099CC url("img/plopsa.jpg") top left no-repeat; margin-bottom:1.5em; height:450px;}
#content .banner .bannerWrap2, #content .banner_nl .bannerWrap2 {background:url("img/banner-rb.gif") bottom right no-repeat; min-height:450px; height:450px; overflow:hidden;}

#content .banner .title, #content .banner p, #content .banner_nl .title, #content .banner_nl p {color:#fff;}
#content .banner .grid, #content .banner_nl .grid {margin-left:420px; margin-top:230px;}
#content .banner .grid .col1, #content .banner .grid .col2, #content .banner_nl .grid .col1, #content .banner_nl .grid .col2 {float:left; width:90%;}
#content .banner .grid .titlepop, #content .banner_nl .grid .titlepop {font-size:250%; color:#FFF}
#content .banner .grid p, #content .banner_nl .grid .titlepop {font-size:250%; color:#FFF}
#content .banner .grid p  {color:#fff; font-size:196%;}
.purple {color:#825792; font-size:166%;}

/* focus block */
.focus { width:100%}
#content .focus .title {margin:1.5em 1.75em;}
#content .focus .title span {color:#0099CC; font-size:161.6%;}
#content .focus .title span span {position:absolute; top:auto; left:-9999em;}
.focus .block.text {margin:1.5em 1.75em;}
.focus p {color:#000; font-size:116%;}
/* participate focus block */
.focus.participate { width:100%}

/* download block */
/*.focus.download {float:right; float:left; width:44%; margin-bottom:1em; margin-left:2em;}*/
/* contact block */
/*.focus.contact {float:right; float:left; width:44%; margin-bottom:1em;margin-left:4em; }*/





/* promo block */
#itunes_09_content{
}

#itunes_09_header_fr{
	background-image: url(../images/itunes09/i_tunes_header_09_fr.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 511px;
	
	width: 964px;
}

#itunes_09_header_nl{
	background-image: url(../images/itunes09/i_tunes_header_09_nl.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 511px;

	width: 964px;
}

#itunes_10_header_fr{
	background-image: url(../images/itunes09/i_tunes_header_10_2_fr.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 937px;
	
	width: 964px;
}

#itunes_10_header_nl{
	background-image: url(../images/itunes09/i_tunes_header_10_2_nl.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 937px;

	width: 964px;
}
    
#itunes_09_center{
	background-image: url(../images/itunes09/i_tunes_footer_09.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 300px;
	width: 874px;
	padding-right: 40px;
	padding-left: 50px;
	padding-top: 20px;
}

#itunes_09_center a{ background:url(../images/iTunes09/bkgd_btn_iTunes.jpg) no-repeat; width: 181px; height: 29px; display: block; text-indent: -9999px; margin: 0 0 20px 0; padding: 0;}

#itunes_09_center p{
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.legend_iTunes{ border-top: 1px solid #FFFFFF; margin: 40px 0 0 0; padding:0;}