/**

	cte-corp.css
	CSS pour www.chez-tante-edith.com (rubrique corporate)
	(c)2010 stonepower, agence conseil en communication digitale
	
	> voir reset.css pour compléments

**/

/**

	XHTML

**/

body {
	font:normal 0.75em Arial, Helvetica, sans-serif;
	color:#443620;
	background-color:#ad9c7e;
	text-align: center;
}

/**

	USEFUL

**/

.clear {clear:both}
.fR {float:right;display:inline;}
.fL {float:left;display:inline;}
.tac {text-align:center;}
.w315 {width:315px;}
.mR18 {margin-right:18px;}
.pV24 {padding-top:24px!important;padding-bottom:24px!important;}

/*
	ADVICES
*/

#advices {
	position: absolute;
	width:258px;
	left:702px;
	top:78px;
	z-index:1;
}
#advices img {
	margin-bottom: 3px;
}

/**

	LAYOUT

**/

#page {background:url(../img/pattern_01.jpg) repeat 0 0;
/*background-attachment:fixed;*/
}
#cuisine {background:url(../img/bg_cuisine.jpg) no-repeat center top;
/*background-attachment:fixed;*/
}

#w960 {width:960px;margin:0 auto;text-align:left;position:relative;}

#banner {width:960px;height:157px;position:relative}
#logo {width:208px;height:111px;position:absolute;left:0;top:22px;z-index:10}
#newsletter {width:246px;height:75px;position:absolute;left:702px;top:0;z-index:10;padding:0 0 0 12px;background:url(../img/bg_newsletter.png) no-repeat 0 0}
#newsletter label {display:block;font-size:0.95em;color:#fff;padding:5px 0;}
#newsletter #input_newsletter {width:189px;border:1px solid #342e24;margin:0 3px 0 0;font-size:0.9em;color:#333;padding:3px 0 3px 4px;float:left;}
#newsletter #submit_newsletter {width:34px;height:22px;background:url(../img/bt_ok.png) no-repeat 0 0;border:none;cursor:pointer;float:left;}
#newsletter form {position:relative;}
#newsletter #news-info {position:absolute;width:258px;height:55px;left:-12px;top:78px;z-index:100!important;background:url(../img/bg_news-info.jpg) no-repeat 0 0;color:#fff;padding:14px 0 0 14px;}

/*
	COLONNE GAUCHE
*/

#w208 {width:208px;float:left;display:inline;}

#once-upon-a-time {width:208px;height:203px;background:url(../img/bg_ouat.jpg) no-repeat 0 0;text-align:center;}
#once-upon-a-time h2 {font:italic bold 18px Georgia, "Times New Roman", Times, serif;color:#fff;padding:10px 5px 5px 5px;}
#once-upon-a-time p {font:italic normal 1em Georgia, "Times New Roman", Times, serif;line-height:1.35em;color:#fff;padding: 2px 5px;}
#once-upon-a-time a {color:#fff;text-decoration:none;}

#margeur {width:208px;height:213px;padding-top:41px;}

/* annulé
#nav {width:208px;height:172px;}
#nav li {margin-top:3px;}
#nav li a {display:block;width:208px;height:29px;font-size:0.95em;color:#fff;text-transform:uppercase;text-decoration:none;line-height:29px;}
#nav li a:hover,
#nav li a.selected {color:#ecb231}
#nav #li-a {background:url(../img/bg_li-a.jpg) no-repeat 0 0}
#nav #li-b {background:url(../img/bg_li-b.jpg) no-repeat 0 0}
#nav #li-c {background:url(../img/bg_li-c.jpg) no-repeat 0 0}
#nav a span {padding-left:8px}
*/

#links {width:196px;height:112px;margin:0 0 0 5px;}
#links li {display:inline;}
#links li img {float:left}

/*
	COLONNE DROITE
*/

#w690 {width:690px;float:left;display:inline;margin-left:34px;}
#paniers {width:690px;height:365px;margin-top:7px;}

#col-R {width:718px;background:#332011 url(../img/bg_content_bottom.gif) no-repeat left bottom;float:left;display:inline;margin-left:34px;font-family:Georgia, "Times New Roman", Times, serif;margin-bottom:12px;}
#col-R .col-content {padding:28px 35px 30px 35px;color:#fff;}
#col-R .col-conteneur{background:url(../img/bg_cuisine_content.jpg) no-repeat 0 0;min-height:675px;}

#qui {}
#lexique {}

#col-R h1 {font:italic normal 38px Georgia, "Times New Roman", Times, serif;color:#ecb231;padding:0 0 16px 0;}
#col-R h2 {font:normal normal 22px Georgia, "Times New Roman", Times, serif;color:#fff;padding:12px 0 18px 0;}
#col-R h2 span {color:#ecb231;}
#col-R p {padding:4px 0 12px 0;line-height:1.5em;color:#F1E5C7;}
#col-R p strong {color:#fff;}
#col-R #qui p {font-size:1.05em;
/*padding-left:30px;*/
}

#nav_lexique {padding:9px 0 20px 30px;}
#nav_lexique li {}
#nav_lexique a {color:#9C9C50;font-size:0.9em;text-decoration:none;}
#nav_lexique a:hover {color:#fff;}

#col-R .conversion {padding:2px 0;margin:4px 0 24px 0;background-color:#3F2816;border:1px dotted #9C9C50;text-align:center;}

.totop {font-size:xx-small;color:#9C9C50;text-decoration:none;padding-left:12px;}
.totop:hover {color:#fff}

/*
	BAS DE PAGE
*/

#nav-bottom {width:960px;height:41px;background:url(../img/bg_tabs-bottom.gif) no-repeat 0 0;clear:both;}

#nav-bottom ul {padding:8px 6px 0 14px;}
#nav-bottom ul li {display:inline;}
#nav-bottom ul li a {
	display:block;
	height:33px;
	line-height:33px;
	font-size: 0.85em;
	color:#fff;
	padding: 0 14px;
	text-decoration:none;
	text-transform: uppercase;
	margin-right: 1px;
	float:left;
}
#nav-bottom ul li a:hover,
#nav-bottom ul li a.selected {color:#342e24;background:#AD9C7E;}

/*
	FOOTER
*/

#wrapper-footer {background-color:#ad9c7e;}

#footer {width:960px;margin:0 auto;text-align:left}

#sub-nav-bottom {
	padding: 9px 0 40px 0;
	margin-left:10px;
	margin-right:10px;
}
/* annulé
#sub-nav-bottom ul.tree_corporate {width:150px;float:left;display:inline;margin-left:18px;}
*/
#sub-nav-bottom ul.tree_boutique {margin-left:18px;width:700px;float:left;display:inline;}
#sub-nav-bottom ul li {font-size:0.85em;color:#333;width:140px;display:inline;float:left;margin-right:10px;/*position:relative*/}
#sub-nav-bottom ul li a {text-decoration: none;color:#E6DDBC;display:block;padding:2px 0;}
#sub-nav-bottom ul li a:hover {color:#eee7da;background-color:#9D8E73;}

#manger-bouger {clear:both;font-size:0.85em;width:940px;margin-left:10px;margin-right:10px;}
#manger-bouger a {color:#745C34;text-decoration:none;}
#manger-bouger a:hover {color:#fff;}

#copyright {clear:both;font-size:0.85em;width:940px;padding:12px 0;margin-left:10px;margin-right:10px;/*position:relative;*/display:inline;float:left;}
#copyright a {color:#745C34;text-decoration:none;}
#copyright a:hover {color:#fff;}
#copyright span {display:block;}

/* END */
