body {margin: 18px; background: #FFF url("../images/bg.png") repeat-x;}
div#container {position: relative; top: 0; left: 0; margin: 0 auto; width: 760px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #707070}
ul#footer {margin: 10px 0 0 0; padding: 0; font: 10px Verdana; color: #848484; text-align: center}
ul#footer li {display: inline; margin: 0 5px 0 0}
ul#footer a {color: #6F6F6F}
div#header {margin: 0 0 0 0 }
div#header-nl {margin: 0 0 0 0 }
img {border: 0}
h1 {width: 216px; text-indent: -9999px; padding: 0; margin: 0; float: left; background: #FFF; font-size: 14px}
h1 a {display: block; text-decoration: none; width: 192px; height: 35px; background: url("../images/test-achats.gif") no-repeat; margin: 12px 0 12px 12px}
div#header-nl h1 a {display: block; text-decoration: none; width: 192px; height: 35px; background: url("../images/test-achats.gif") no-repeat; margin: 12px 0 12px 12px}
h2 {margin: 5px 0 0 0; color: #D60004; font: 22px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; padding:0}
h3 {margin: 10px 0 8px 0; color: #D60004; font: bold 12px Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #EBEBEB}
div#content ul, div#info ul {margin: 0; padding: 5px 0 0 0}
div#content ul li, div#info ul li {margin: 6px 0 2px 0; padding: 0 0 0 11px; list-style-type: none; background: url("../images/bg-li.gif") no-repeat 0 6px}
div#baseline {width: 335px; height: 36px; color: #858585; font: 9px Verdana, Arial, Helvetica, sans-serif; background: #FFF; float: left; padding: 11px 10px 12px 10px;}
div#inscription-home {width: 189px; float: left}
ul#navigation { margin: 10px 0 0 0; padding: 3px 10px; clear: both; background: #FFF; font: bold 12px Arial, Helvetica, sans-serif}
ul#navigation li {margin: 0 0 0 10px; padding: 0; display: inline; list-style-type: none;}
ul#navigation li#nl {text-align: right; display: block; width: 150px; position: absolute; top: 72px; left: 590px}
html[xmlns] ul#navigation li#nl {top: 74px;}
ul#navigation a {color: #E87C00; text-decoration: none}
ul#navigation a:hover {color: #D60004}
ul#navigation li#nl a {color: #707070}
ul#navigation li#inscription-online {display: none; margin: 0 0 0 30px; background: #E76900; padding: 3px 6px} 
ul#navigation li#inscription-online a {color: #FFF}
div#promo {margin-bottom: 1px;  width:760px; height:235px;}
div#info {padding: 0; width: 206px; float: left;}
div#info h3{padding-left: 10px; margin-bottom: 0}
div#info ul li {list-style-type: none; margin: 0; padding: 5px 0; border-bottom: 1px solid #EBEBEB; background: none}
div#info ul a {margin: 0 0 0 10px; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #E87C00}
div#info ul a:hover {color: #D60004}

div#sub {background: url(../images/bg-sub.gif) repeat-x bottom}

div#content {background: #FFF url("../images/bg-content-top.gif") repeat-x; line-height: 1.1em;}
div#content p {text-align: justify}
div#content2 {background: url("../images/bg-content-bottom.gif") repeat-x bottom; padding: 10px;}
div#content2 a {color: #E87C00}
span.nowrap {white-space:nowrap}

div#temoignages div#col1 {width: 365px; float: left; margin-right: 10px}
div#temoignages div#col2 {width: 365px; float: left}
div#temoignages a {display: block; padding: 0 0 0 55px; background-repeat: no-repeat; height: 55px; color: #707070; text-decoration: none}
div#temoignages a:hover {color: #E87C00;}
div#temoignages p {text-align: justify}
a#temoignage01 {background-image: url("../images/temoignage01-th.jpg")}
a#temoignage02 {background-image: url("../images/temoignage02-th.jpg")}
a#temoignage03 {background-image: url("../images/temoignage03-th.jpg")}
a#temoignage04 {background-image: url("../images/temoignage04-th.jpg")}
a#temoignage05 {background-image: url("../images/temoignage05-th.jpg")}
a#temoignage06 {background-image: url("../images/temoignage06-th.jpg")}
a#temoignage07 {background-image: url("../images/temoignage07-th.jpg")}
a#temoignage08 {background-image: url("../images/temoignage08-th.jpg")}
a#temoignage09 {background-image: url("../images/temoignage09-th.jpg")}
a#temoignage10 {background-image: url("../images/temoignage10-th.jpg")}
div#temoignages-content div#image { float: left; margin: 0 10px 5px 0; font-size: 9px; font-weight: bold}
div#temoignages-content img {  background: #FFF; padding: 3px; border: 1px solid #EBEBEB;}
div#temoignages-content ul {text-align: right}
div#content div#temoignages-content li {background: none}
span.suite {color: #E87C00; text-decoration: underline}

ul#avantages-menu {width: 155px; margin: 0; padding: 0; float: left;}
div#content ul#avantages-menu li {list-style-type: none; margin: 0; padding: 5px 0; border-bottom: 1px solid #EBEBEB; background: none}
ul#avantages-menu a {font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none}
ul#avantages-menu a.active {color: #D60004}
div#avantages-content {margin-left: 10px; width: 575px; float: left; line-height: 12px;}
div#avantages-content img {margin-top: 10px; background: #FFF; padding: 3px; border: 1px solid #EBEBEB;}
div#avantages-content div#image {width: 75px; float: left; margin: 0 10px 5px 0;}
div#avantages-content div#text {width: 490px; float: left;} 

div#avantages-content ul#next-menu {text-align: right}
div#content div#avantages-content ul#next-menu li {background: none}

div#content ul#avantages-menu li#important {border: 1px solid #D60004; padding: 5px; background: #FFF; font-size: 9px}


div#lettre-directeur div#text {width: 585px; float: left; margin-right: 20px}
div#lettre-directeur div#image {width: 135px; float: left; text-align: center}

div#sub h2 {margin: 0 0 10px 0; padding: 4px 10px; font: bold 13px Arial, Helvetica, sans-serif; color: #E87C00; background: #FFF}
div.clear {clear: both; font-size: 1px; line-height: 0; text-indent: -9999px;}
p {margin: 6px 0 4px 0}
/* formulaire */

.small {font-size: 9px}
.big {font-size: 13px}
div#formulaire {width: 535px; float: left; margin-left: 5px; padding: 0 0 10px 0; background: url("../images/bg-formulaire.gif") repeat-x 0 24px}
html[xmlns] div#formulaire {width: 549px; }
div#formulaire form {margin: 0 10px}
div#formulaire a {color: #707070}
input, textarea {background: url("../images/field.gif"); border: 0; padding: 5px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #707070}
.align-right {text-align: right}
input.button {background-image: none; background-color: #E76C00; color: #FFF; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 2px; border: 1px solid #753F00; cursor:pointer}
form {margin: 0; padding: 0}
select {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #707070}
form span.required {color: red;	text-align: left;}
label {margin: 0 0 0 0; color: #707070; font: bold 10px Verdana, Arial, Helvetica, sans-serif;}
div.row{clear: both; height: 5px; margin: 5px 0 0 0;} 
td.label {text-align: right}
html[xmlns] div.row {margin: 15px 0 0 0; height: 15px;}
input, select {margin: 2px 0px}

div#promo div {
	top: 277px;
	color: #FFF;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	width: 90px;
	position: absolute;
	text-align: center;
	height: 45px;
}

div#magTestAchats {left: 12px;}
div#magTestSante {left: 215px;}
div#magBudgetHebdo {left: 112px;}
div#accesOnline {left: 315px;}
div#promo div#cadeauSup {top: 276px; left: 425px; text-align: right; font-size: 11px; width: 250px}
div#promo div#cadeau {top: 140px; left: 662px; color: #E76900}
div#promo div#cadeau-gratuit {top: 103px; left: 425px;  line-height: 10px;}
div#promo div#cadeau-gratuit a {display: block;text-decoration: none; padding: 0px 0 0 242px; width: 90px;height: 190px; color: #E87C00; text-transform: uppercase; font: bold 15px 'Trebuchet MS', Arial, Helvetica, sans-serif}
div#promo div#magazines a {display: block; position: absolute; width: 400px; height: 170px; top: -130px; left: 10px; text-decoration: none; text-indent: -9999px}


div#promo h2 {margin:0; padding: 0; position: relative; top: 18px; left: 13px;}

div#inscription div#col1 {width: 215px; float: left; margin-right: 15px; font-size: 9px}
div#inscription div#col1 h4 {width: 175px; padding-left: 20px; border: 0; font-size: 11px; background: no-repeat 0 2px; color: #D60004}
div#inscription div#col1 h4#point1 {background-image: url("../images/inscription-point1.gif")}
div#inscription div#col1 h4#point2 {background-image: url("../images/inscription-point2.gif")}
div#inscription div#col1 h4#point3 {background-image: url("../images/inscription-point3.gif")}
div#inscription div#col1 img { background: #FFF; padding: 3px; border: 1px solid #EBEBEB;}

div#inscription div#col2 {width: 510px; float: left}
div.form-box {background: url("../images/form-box.gif"); padding: 5px; border: 1px solid #EBEBEB}
div.form-box td, div#formulaire td {padding: 0 5px 0 0}

div#inscription div#col1  h2 {font-size: 14px}
/*div#inscription-box {border: 1px solid #EBEBEB; padding: 5px}*/

ul#inscription-progression {border-bottom: 1px solid #CCCCCC}

div#inscription ul#inscription-progression li {color: #919191; border: 1px solid #CCCCCC;  margin: 0 10px 0 0; padding: 3px 8px; display: inline; background-image: none; background: #DEE5E8; position: relative; top: -3px}
html[xmlns] div#inscription ul#inscription-progression li {top: -4px}
div#inscription ul#inscription-progression li.active {border-bottom: 1px solid #FFFFFF; background: #FFFFFF; color: #E87C00; font-weight: bold}
div#inscription ul#inscription-progression a {text-decoration: none;}


input.radiobutton {background-image: none}

.important {font-weight: bold}

div#garanties-top div.col1 {width: 365px; float: left; margin-right: 10px}
div#garanties-top div.col2 {width: 365px; float: left}

div#garanties-bottom div.col1 {width: 240px; float: left; margin-right: 10px}
div#garanties-bottom div.col2 {width: 240px; float: left; margin-right: 10px}
div#garanties-bottom div.col3 {width: 240px; float: left}

div#garanties-bottom img {  background: #FFF; padding: 3px; border: 1px solid #EBEBEB;}
div#garanties-bottom a {color: #707070; text-decoration: none}
div#garanties-bottom a:hover {color: #E87C00}

h4 {margin: 10px 0 8px 0; color: #E87C00; font: bold 11px Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #EBEBEB}

div#cadeaux {background:url("../images/layout-cadeaux.jpg") no-repeat 0 0; margin:0; /margin-top:10px; padding:0;}
div#cadeaux div.content { margin:0; width: 740px; padding:0 10px; /*margin:0 10px 0 auto;*/}
div#cadeau1{width:400px; position:absolute; top:0; left:180px;}
ul#cadeau1UL {width: 320px;}
div#cadeau2 {width: 560px;padding: 9px 5px 10px 5px;/padding: 12px 5px 13px 5px; position:absolute;top:343px; left:15px; }
div#content div#cadeau2 ul {margin: 3px 0 0 0; padding: 3px 0 0 0}
div#content div#cadeau2 li {background: url("../images/bullet.gif") no-repeat 0 5px; padding-left: 7px; margin: 3px 0 2px 0}

a#casque-full:hover {background: none}
a#casque-full:hover span {border: 1px solid #EBEBEB; display: block; width: 200px; height: 278px; padding: 10px; position: absolute; top: 239px; left: 234px; background: #FFF url("../images/casque-full.jpg") no-repeat 3px 0}
html[xmlns] a#casque-full:hover span  {top: 250px; height: 286px;}
div#bottom-promo {/*margin-top: 0px; */background: #E65201 url("../images/bottom-promo.gif") repeat-x;}
div#bottom-promo h3 {margin: 0; text-align:center; border: none; cursor: pointer; padding: 5px 5px 4px 5px}
div#bottom-promo a {font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FFF}*/

.normal-text {font-size: 10px}
#pack {padding: 0 0 0 0; margin: 0 0 0 0}
div#inscription h2 {margin-bottom: 8px}
div#inscription h4 {margin: 0; padding: 0}
div#inscription p {margin-bottom: 5px}

div#inscription-titre-col {font: bold 14px Arial, Helvetica, sans-serif; color: #E87C00; margin-bottom: 10px}

div#reduction {background: #FFF url("../images/fond50.gif") no-repeat; height: 70px; padding: 5px 10px 5px 100px; /*color: #FFF;*/ border: 1px solid #EBEBEB; margin-bottom: 10px}
div#reduction-nl {background: #FFF url("../images/fond50.gif") no-repeat; height: 70px; padding: 5px 10px 5px 100px; /*color: #FFF;*/ border: 1px solid #EBEBEB; margin-bottom: 10px}
h5 {color: #E87C00; margin:6px 0 3px 0; padding: 0; border-bottom: 1px solid #EBEBEB; font: bold 14px 'Trebuchet MS',Arial, Helvetica, sans-serif;}
h5.giftTitle{color: #E87C00; margin: 0 0 3px 0; padding: 0 0 5px 0; border-bottom: 1px solid #EBEBEB; font: bold 16px 'Trebuchet MS',Arial, Helvetica, sans-serif;}
form#formulaire-contact label {padding-right: 5px}
lable{white-space:nowrap;}
div#nwsl_nm {color: #D60004; font: bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif; margin: 0px; padding: 5px; width: 748px; background: url("../images/form-box.gif"); border: 1px solid #CCCCCC;}