/*		CLEAR ALL		*/
@import "./reset.css";

/*		OVERRIDE TAGS		*/
html { cursor: default; font-size: 13px; height: 100%; margin-bottom: 1px; font-family: 'helvetica neue',arial,helvetica,sans-serif;  }
body { line-height: 1.4; color: #123; padding-bottom: 24px; z-index: 1; background: url( ../m/fond.jpg ) repeat-x bottom left fixed; }
strong { font-weight: bold; }
em { font-style: italic; }
a { text-decoration: none; color: #048; font-weight: bold; }
a:hover { color: #f60; }
p { clear: both; margin: 12px 0; }

sup { font-size: 86%; vertical-align: 90%; line-height: 0.5; }
sub { font-size: 86%; vertical-align: bottom; }

/*		USEFUL		*/
.last { margin-right: 0 !important; }
.clear { clear: both; }
hr.clear { border: 0; padding: 8px 0; margin: 0; }
.grey { color: #789; }
.bg { padding: 18px; margin: 0 60px 60px 0; background: #def; }
.mag { text-transform: uppercase; font-size: 90%; color: #123; }
.renvoi { font-size: 12px; margin-top: 12px; text-indent: -16px; margin-left: 16px; }
.price { border: #ca3 solid 1px; padding: 2px 12px 4px 10px; font-size: 18px; background: #ffa; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.price sup { font-size: 11px; }
.comptes li { margin-bottom: 8px; text-indent: -12px; margin-left: 12px; }
.alerte { background: #dfc; padding: 2px 6px 12px 10px; margin-top: 12px; }
.small { font-size: 90%; }
.small li { margin-bottom: 4px; }

span.alerte { display: block; padding: 2px 4px; margin: 8px 0 4px 0; text-indent: 0; }

/*		HEADER		*/

h1 { text-indent: -1000px; background: url( ../m/cavadeos_eperon.gif ) no-repeat; height: 64px; padding-bottom: 24px; }
h1#cavadeos { text-indent: -1000px; background: url( ../m/cavadeos_eperon.gif ) no-repeat -284px 0px; height: 64px; padding-bottom: 24px; }
h4 { font-size: 20px; font-family: georgia, times,'times new roman',serif; margin: 12px 0; line-height: 1.2; clear: both; border-top: 6px solid #def; padding-top: 12px; }
.bg h4 { border: none; padding: 0; }

/*		GENERIC		*/
.container { margin: 0px auto; width: 864px; clear: both; }
div.container { padding-top: 48px; }

.col  { width: 426px; float: left; margin-right: 12px; }
.col1 { width: 280px; float: left; margin-right: 12px; }
.col2 { width: 540px; float: left; margin-right: 12px; font-size: 14px; }

/*		ARGU		*/
ul.promo {
	list-style-image: url( ../m/add.png );
	list-style-position: outside; 
	padding: 0 0 0 18px;
	margin: -24px 0 0 18px;
	width: 340px;
}
ul.promo li {
	margin: 4px 0; 
}

ul.prices {
	padding: 0 0 0 0px;
}
ul.prices li {
	margin-left: 18px;
	text-indent: -18px;
}
ul.prices li em { display: block; margin: 4px; font-weight: bold; font-style: normal; }

/*		FORM		*/
form#searchEmail { padding-left: 12px; }
form#searchEmail input.fld { color: #888; width: 320px; font-size: 13px; padding: 2px 4px; }

/*		CALLOUT		*/
#callout { margin: 18px 0; }
form input.submit { font-size: 13px; padding: 2px 4px; cursor: pointer; }

/*		BARRE		*/

#barre { font-size: 12px; padding: 0; margin: 0; color:#000; background: url( ../m/iPhoneToolbar.png ); border-bottom: 1px #666 solid; height: 28px; line-height: 2.4; font-weight: bold; position: fixed; width: 100%; z-index: 255; top: 0; left: 0; text-align: center; }
#barre p { margin: 0 auto; }
#barre a { text-decoration: none; color: #fff; font-weight: normal; padding: 0 2px; }
#barre a:hover { color: #123;  }

#barre a#aide { font-weight: bold; padding: 4px 48px 4px 48px; text-transform: uppercase; font-size: 10px; background: url( ../m/btn_over.gif ) no-repeat center center; position: relative; height: 18px; width: 80px; }
#barre a#aide:hover { background: url( ../m/btn.gif ) no-repeat center center; color: #123; }

/*		FOOTER		*/

#footer { font-size: 11px; line-height: 1.6; border-top: 2px solid #048; padding-top: 12px; border-bottom: 2px solid #048; 	}
#footer a { font-weight: bold; }
#footer div.last a { border: 0; height: 64px; text-indent: -10000px; display: block; background: url( ../m/btn_cavadeos.png ) no-repeat -68px 0 transparent; position: relative; }

#footer .col { margin-left: 0; margin-right: 12px; }
#footer .col2 { margin-left: 0; margin-right: 12px; }