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


/*		OVERRIDE TAGS		*/
html { cursor: default; font-size: 12px; 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: #fff 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; }

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


/*		HEADER		*/

h1 { text-indent: -1000px; background: url( ../m/cavadeos_eperon.gif ) no-repeat; height: 64px; padding-bottom: 24px; }
h3 { font-size: 18px; font-family: georgia, times,'times new roman',serif; margin-bottom: 4px; line-height: 1.2; clear: both; }
h4 { font-size: 18px; font-family: georgia, times,'times new roman',serif; margin-bottom: 4px; line-height: 1.2; clear: both; margin-top: 24px; }
h5 { font-size: 15px; font-family: georgia, times,'times new roman',serif; margin-bottom: 4px; line-height: 1.2; clear: both; }

/*		GENERIC		*/

.col { width: 426px; margin-right: 12px; float: left;  }
.col2 { width: 280px; margin-right: 12px; float: left; }
.col3 { width: 572px; float: left; padding-top: 24px; }
.container { margin: 0px auto; width: 864px; clear: both; }
div.container { padding-top: 48px; }

.last { margin-right: 0 !important; }
.clear { clear: both; }
.grey { color: #789; }
.mag { text-transform: uppercase; font-size: 90%; color: #123; }
.price { font-size: 18px; background: #ffa; padding: 0 4px; }
.notice { font-style: italic; margin-right: 18px; padding-top: 3px; }
.small { font-size: 88%; }

/*		BARRE		*/

#barre { 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; }

/*		ARGU		*/

.promo { padding-bottom: 24px; }
.promo p { padding: 12px 0; font-size: 14px; }
.pro ul,
.promo ul { list-style-image: url( ../m/add.png ); list-style-position: outside; padding: 0; margin: 0; font-size: 14px; margin-left: -2px; vertical-align: top; padding-left: 18px; margin-left: -18px;}
.pro ul li,
.promo ul li { margin-left: 18px; line-height: 18px;  }
.pro ul.promo,
.promo ul.promo { list-style-image: none; list-style: disc !important; padding-left: 14px; list-style-position: inside; list-style-image: none; }

.callout a { border: 1px solid #123; padding: 8px 12px; font-size: 14px; background: #ffa; display: block; margin-right: 12px; }
.callout a span.mag { font-size: 14px; }
.callout a:hover { background: #123; color: #ffa; }
.callout a:hover span.mag { color: #ffa; }

ul.promo li em { font-size: 18px; margin-left: -12px; padding-bottom: 4px; }

/*		INFO		*/

.col2 { padding-top: 24px; }
.info img { margin-bottom: 24px; float: left; z-index: 255; }
.info p  { padding: 12px 0 0 0; }
.info div.bg { background: #eef1ff; padding: 18px; margin: 0 60px 60px 0; /* background: url( ../m/fond.jpg ) repeat-x bottom left; */ background: #def; }

.col2 p, .col2 ul { font-size: 13px; }
.pro p { padding: 12px 0; }
.col2 h3 { border-left: 12px solid #def; padding-left: 12px; }

/*		OFFRE		*/

.col3 h3 { border-left: 12px solid #def; padding-left: 12px; margin-bottom: 8px; }
.col3 p { margin-bottom: 8px; }
.col3 h5 { margin-top: 12px; border-top: 1px solid #6eb457; background: #6eb457; background: url( ../m/bg_vert_barre.jpg ) repeat-x center left;
padding: 4px 8px; text-transform: uppercase; font-size: 11px; font-family: 'helvetica neue',arial,helvetica,sans-serif; font-weight: bold; color: #fff; }

.cnil p { font-size: 12px; }

/*		FORM		*/

form .notice { padding-left: 20px; text-indent: -6px; margin-left: 6px; padding-right: 8px; }

form label { border-bottom: 1px solid #6eb457; font-size: 11px; display: block; width: 200px; float: left; text-transform: uppercase; clear: both; padding: 4px 0; padding-right: 18px; }
form label.full { width: 500px; text-transform: none; font-size: 13px; }
form label.required { background: url( ../m/asterisk.gif ) no-repeat right center; }

form fieldset { padding-top: 8px; padding-left: 18px; /* background: #bbe0b4; */background: url( ../m/bg_vert.jpg ) repeat-x top left #bfe1bd; padding-bottom: 18px; }
form fieldset fieldset.left label { text-align: left; border: 0;  }

form fieldset fieldset { padding: 0; background: transparent; }


input.submit { margin: 18px 0; }
input.fld { width: 300px; }
input.fld_small { width: 120px; }


/*		MAINTENANCE		*/

#maintenance { background: #fc3; padding: 24px; border-top: 3px solid #f90; width: 480px; margin: 60px auto; font-size: 18px; }
#maintenance h3 { background: url( ../m/error.png ) no-repeat 0px 5px; text-transform: uppercase; font-size: 20px; text-indent: 24px; font-family:'helvetica neue',arial,helvetica,sans-serif;  }
#maintenance p { padding: 12px 0; font-size: 18px; }
#maintenance tt { display: block; margin: 8px 0; color: #453; }

/*		RECEIPT		*/

#receipt { background: url( ../m/fond.jpg ) repeat-x; padding: 48px; width: 480px; margin: 60px auto; font-size: 18px; line-height: 1.5; }
#receipt h4 {  font-family:'helvetica neue',arial,helvetica,sans-serif;  font-size: 24px; }
#receipt p { margin: 18px 0; }

span.clear { padding: 8px 0; margin: 0; height: 0px; display: block; }