/*CHANGE*/
body { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; background-color: #ffffff; margin: 20px; scrollbar-base-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #707173; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-track-color: #ffffff; }


a { color:#ff9933; text-decoration:none; }
a:hover { text-decoration:underline; }
#page { width:800px; margin:0 auto 0 auto; }

/*CHANGE*/
.contenu, .contenu-marque, .contenu-contact, .contenu-club, .contenu-recrutement, .contenu-partenaire, .contenu-offre { width:800px; height:440px; background-color:#ffffff; border:1px solid #434343; }

.contenu-collection { width:800px; border:1px solid #3c3c3c; }
.contenu-marque { background-image: url(../imgs/illust-marque.jpg); background-repeat: no-repeat; background-position: left top; }
.contenu-partenaire { background-image: url(../imgs/illust-partenaire.jpg); background-repeat: no-repeat; background-position: left top; }
.contenu-recrutement { background-image: url(../imgs/illust-recrutement.jpg); background-repeat: no-repeat; background-position: left top; }
.contenu-club { background-image: url(../imgs/illust-club.jpg); background-repeat: no-repeat; background-position: left top; }
.logo { margin:20px 0 16px 0; }
.nav { margin:10px 0 0 0; text-align:center; }
.nav ul { list-style:none; margin:0; padding:0; }
.nav ul li { display:inline; padding:0; margin:0 8px 0 8px; }

/*CHANGE*/
.searchfield { background-color:#ebebeb; border:none; vertical-align:top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #707173; padding:1px; text-align:center; }

img { border:none; }

/*CHANGE*/
.nav-marque { color:#c6c7c8; padding:3px; background-color:#ffffff; float:right; margin:10px 0 0 0; clear:both; }
.nav-marque a { color:#c6c7c8; text-decoration:none; font-size:11px; text-transform:uppercase; }
.nav-marque a:hover { color:#ff9933; }

.nav-goodies { width:200px; border-bottom: 1px solid #666666; float:right; margin:20px 0 0 0; clear:both; }
form { margin:0; padding:0; display:inline; }
.ok { background-color: #000000; background-image: url(../imgs/nav/ok.gif); background-repeat: no-repeat; background-position: center center; padding: 0px; margin: 0px; height: 18px; width: 25px; border:none; margin:0; padding:0; vertical-align:top; cursor:pointer; }
.boutique-carte { width:488px; height:440px; float:left; }
.boutique-contenu { width:290px; height:400px; margin:20px 0 0 10px; float:left; overflow:auto; }
.marque-contenu { width:290px; height:350px; padding:0 10px 0 0; margin:25px; float:right; overflow:auto; clear:both; }
.marque-recrutement { width:460px; height:360px; padding:0 10px 0 0; margin:25px 20px 25px 25px; float:right; overflow:auto; clear:both; }

/*CHANGE*/
.recrut-titre { color:#333333; font-size:12px; font-weight:bold; text-decoration:underline; }
.recrut-detail { color:#333333; font-size:11px; line-height:13px; }

.marque-recrutement .offre p { margin:2px 0; }
.marque-contenu p { margin:10px 0 10px 0; }
.contenu-contact { background-image: url(../imgs/illust-contact.jpg); background-repeat: no-repeat; background-position: left top; }
.contact-contenu { width:300px; padding:0; margin:25px; float:right; }

/*CHANGE*/
.contact-contenu .champ { background-color:#ffffff; border:1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #8eb2b7; width:295px; padding:1px; display:block; margin:0 0 10px 0; }
label { color:#333333; }
.code { background-color:#ffffff; border:1px solid #666666; vertical-align:middle; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #8eb2b7; padding:1px; text-align:center; }

.club-contenu { width:540px; padding:0 10px 0 0; margin:20px; float:right; height:390px; overflow:auto; }
.club-contenu li { margin:10px 0 10px 0; }
.club-contenu .chiffres { margin-bottom:10px; }
h1, h2, h3, p { margin:0 0 3px 0; padding:0; }
p { line-height:18px; }
h1 { color:#ff9933; font-size:15px; text-transform:uppercase; margin-bottom:10px; }
h2 { color:#575757; font-size:17px; }
h3 { color:#c6c7c8; font-size:15px; }
h4 { font-size:14px; border-bottom:1px solid #000000; margin:15px 0 4px 0; color:#000000; padding-bottom:3px; }
.espace-10 { height:10px; }
.sep-h { margin:15px 0 15px 0; border-top:1px dashed #666666; }
a.on { color:#ff9933; }

/*CHANGE*/
.bouton { background-color: #ffffff; color:#000000; border:1px solid #333333; padding: 3px; margin: 0px; }

.chiffres { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #ff9933; font-style: italic; font-weight: bold; }
.goodies-zoom { width:460px; float:left; margin:65px 10px 0 30px; }
.goodies-video { margin:30px 0 0 60px; }
.goodies-walls { float:left; margin:80px 0 0 0; width:260px; }
.goodies-vignette { margin:10px; float:left; }
.goodies-vignette .off { border:2px solid #000000; }
.goodies-vignette .on { border:2px solid #ff9933; }
.clr { clear:both; }
.alerte { color: #FF0000; margin: 0; float:left; display:inline; }

#PaveOffreHome{ position:absolute; width:800px; text-align:right; }
#PaveOffreNewsletter{ position:absolute; width:800px; text-align:left; }

.contenu-offre input{ vertical-align:middle;}
.contenu-offre label{ color:#999999; font-weight:bold; }
.contenu-offre .field{font-size:12px; background-color:#ffffff; border:1px solid #999999; padding:2px; color:#333333;}
.contenu-offre .bouton{font-size:11px; background-color:#ffffff; border:1px solid #999999; padding:2px; color:#ff9933; font-weight:bold; }

.requis{ margin-top:6px; color:#666666; font-size:10px; }