@charset "utf-8";
/* CSS Carda 2 */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, form, fieldset, legend, label, table, caption, tr, th, td { margin:0; padding:0; }
sup, sub { line-height:1px; }
body { font-family: Helvetica, Arial, sans-serif; font-size:62.5%; color:#333; background:#000 url(../images/bg-body.png) repeat-y top center; }
body#tinymce { padding: 3px; }
a img { border:none; }
a { color:#666; }
a:hover { color:#ed3b34; }

ul#shortcut { display:none; }
#container { width:948px; margin:0 auto 0; position:relative; }
#header {height: 180px; background: url(../images/banner-rackstore.png) no-repeat top right; padding-left: 26px;}
#mainContent { width:588px; padding:26px; float:left; border: 1px solid #515357; }
.rubrique-4 #mainContent, .rubrique-19 #mainContent, .rubrique-24 #mainContent  { background: url(../images/bg-fleche-mainContent.png) no-repeat 20px 20px; }
.rubrique-18 #mainContent { background: url(../images/bg-carteFidelite.png) no-repeat 20px 20px; }
.rubrique-26 #mainContent { background: url(../images/bg-chequeEntreprise.png) no-repeat 20px 20px; }
#colonne { width:126px; padding:0 0 50px; float:right; margin-left: 6px; }
#footer { clear:both; }

#header h1 { height:142px; padding:0; }
#header h1 a { display:block; width:251px; height:142px; text-indent:-9999px; background:url(/images/logo-rackstore.png) no-repeat; }

#header .marques { width:922px; height:18px; padding:0; font-size:12px; line-height:18px; color:#666; white-space:nowrap; overflow:hidden; }
#header .marques span { white-space:nowrap; }

/* Balises par défaut */
h2 {display:none; clear:both; }
h3 { font-size:1.8em; line-height:1.2em; font-weight:normal; margin-bottom:18px; color:#ce3035; }
h4 { font-size:1.6em; line-height:1.6em; font-weight:bold; margin-bottom:18px; color:#ce3035;}
h5 { font-size:1.4em; line-height:1.4em; font-weight:bold; margin-bottom:18px; }
h6 { font-size:1.2em; line-height:1.2em; font-weight:bold; margin-bottom:18px; }

p { font-size:1.4em; line-height:1.8em; margin-bottom:18px; color:#bfbfbf; }
ul { font-size:1.2em; line-height:1.8em; margin-bottom:18px; color:#bfbfbf; }
ul, ol, dl { padding-left:20px; }
ul li ul { font-size:1em; line-height:1em; }

table { border-collapse:collapse; }
table td, table th { border-bottom:1px solid #ccc; padding:5px 10px; font-size:1.2em; }
table th { text-align:left; }

/* Templates Listes */
ul.liste { padding:0; font-size:1em; line-height:1em; list-style-type:none; }
ul.liste li { margin-bottom:18px; clear:both; }
ul.liste li h3, ul.liste li h4, ul.liste li h5, ul.liste li p { margin:0; }

ul.liste li p.image { width:186px; font-size:1em; line-height:1.5em; float:left; margin-right: 36px; }
ul.liste li p.image a { display:block; width:186px; height:145px; text-indent:-9999px; }
ul.liste li .texte { width:365px; padding-bottom:18px; float:left; }
ul.liste li hr {visibility: hidden; clear: both; width: 588px;}


/* Galeries */
.galerie-wrap { width:200px; float:left; margin-right: 20px; }
hr.clear { height:0; padding:0 0 18px; border:0; color:#fff; background:#fff; clear:both; visibility:hidden; }
ul.galerie { width:100%; margin:0; padding:0; list-style:none; background:none; }
ul.galerie li {width:195px; height:150px; float:left; }
ul.galerie li img { display:none; }
ul.galerie li a { display:block; width:190px; height:145px; }
ul.galerie li a span { display:none; }


p.numerotation { margin:-3px 0 0; }
p.numerotation a { display:block; float:left; width:18px; height:18px; margin-right:2px; line-height:18px; color:#fff; background:#333; text-align:center; text-decoration:none; cursor:pointer; }
p.numerotation a:hover, .numerotation a.actif { background:#ed3b34; }

/* Liste fichiers */
ul.fichiers { list-style-type:none; margin:18px 0 18px; padding:0; }
/* ul.fichiers li { height:30px; padding:10px 0 10px 50px; } */
ul.fichiers li { background:none; }

/* Page Liste News */
.rubrique-2 ul.liste li h3 { font-weight:normal; }
.rubrique-2 ul.liste li h3 { margin-bottom:6px; }
.rubrique-2 ul.liste li h4 { font-weight:normal; color:#fff; margin-bottom:6px;  }
.rubrique-2 p {line-height: 1.4em;}
.rubrique-2 p strong {color:#CE3035;}
.rubrique-2 ul.liste li ul {font-size: 1.4em; margin-top: 1em;}
.rubrique-2 ul.liste li ul.galerie {margin-top: 0;}

/* Page Liste Marques */
.rubrique-4 #mainContent h3 {width:380px;float: right;}
.rubrique-4 #mainContent p {float: right; width:380px;}
ul#marques.liste {float: right; width:380px;}
ul#marques.liste li {float: left; clear: none; margin-bottom: 0;}
ul#marques.liste li h4 {color:#fff; font-weight: normal; font-size: 1.3em;}

.rubrique-4 #mainContent h3.marques {clear: both; width:118px; height: 35px; float: left; text-indent: -9999px;}
.rubrique-4 #mainContent h3#marque-13 {background: url(../images/bg-fashion-men.png);}
.rubrique-4 #mainContent h3#marque-16 {background: url(../images/bg-casual-women.png);}
.rubrique-4 #mainContent h3#marque-15 {background: url(../images/bg-fashion-women.png);}
.rubrique-4 #mainContent h3#marque-14 {background: url(../images/bg-casual-men.png);}
.rubrique-4 #mainContent h3#marque-17 {background: url(../images/bg-kids.png);}
.rubrique-4 #mainContent h3#marque-6 {background: url(../images/bg-chaussures.png);}
.rubrique-4 #mainContent h3#marque-7 {background: url(../images/bg-accessoires.png);}
.rubrique-4 #mainContent h3#marque-8 {background: url(../images/bg-bijoux.png);}
.rubrique-4 #mainContent h3#marque-9 {background: url(../images/bg-surf.png);}
.rubrique-4 #mainContent h3#marque-10 {background: url(../images/bg-esprit.png);}
.rubrique-4 #mainContent h3#marque-11 {background: url(../images/bg-mexx.png);}
.rubrique-4 #mainContent h3#marque-12 {background: url(../images/bg-mango.png);}
.rubrique-4 #mainContent h3#marque-18 {background: url(../images/bg-lingerie.png);}

.en .rubrique-4 #mainContent h3#marque-6 {background: url(../images/bg-chaussures-en.png);}
.en .rubrique-4 #mainContent h3#marque-7 {background: url(../images/bg-accessoires-en.png);}
.en .rubrique-4 #mainContent h3#marque-8 {background: url(../images/bg-bijoux-en.png);}
.en .rubrique-4 #mainContent h3#marque-18 {background: url(../images/bg-lingerie-en.png);}

/* Page Liste Marques */
/*
.rubrique-23 #mainContent ul.galerie {width:200px; float: left; margin-right: 15px;} 
.rubrique-23 #mainContent ul.galerie li {margin-bottom: 20px;} 
.rubrique-23 #mainContent hr.clear {clear: none; visibility: hidden; padding: 0; height: 0;} 
.rubrique-23 #mainContent p {width:370px; float: right;}
*/

/* Page Carte de fidelite */
.rubrique-18 #mainContent h3, .rubrique-18 #mainContent h4, .rubrique-18 #mainContent p {width:380px;float: right;}
.rubrique-18 #mainContent ul {width:360px;float: right;}

/* Page Services */
.rubrique-19 #mainContent h3, .rubrique-19 #mainContent h4, .rubrique-19 #mainContent p {width:380px;float: right;}
.rubrique-19 #mainContent ul {width:360px;float: right;}
.rubrique-19 #mainContent h4 {margin-bottom: 0; line-height:1.2em; }

/* Page Cheque Entreprise */
.rubrique-26 #mainContent h3, .rubrique-26 #mainContent h4, .rubrique-26 #mainContent p {width:380px;float: right;}
.rubrique-26 #mainContent ul {width:360px;float: right;}
.rubrique-26 #mainContent ul.fichiers {width:380px;}
.rubrique-26 #mainContent ul.fichiers li {padding-left: 0;}
.rubrique-26 #mainContent ul.fichiers li a {color:#ce3035; font-size: 1.3em;}

/* Page Liste News */
.rubrique-5 #mainContent h4 { font-weight:normal; color:#fff; }

/* Page Historique */
.rubrique-20 #mainContent h3, .rubrique-20 #mainContent h4, .rubrique-20 #mainContent p {width:380px;float: right;}
.rubrique-20 #mainContent ul {width:360px;float: right;}
.rubrique-20 #mainContent p strong {color:#ce3035;}
.rubrique-20 #mainContent ul.magasin {float: left; padding: 0; margin: 0; width:165px; list-style: none;}
.fr .rubrique-20 #mainContent ul.magasin li.gosselies {position: relative; top: 130px;}
.fr .rubrique-20 #mainContent ul.magasin li.jemappes {position: relative; top: 945px;}
.fr .rubrique-20 #mainContent ul.magasin li.luxembourg {position: relative; top: 955px;}
.rubrique-20 #mainContent ul.magasin li.gosselies {position: relative; top: 130px;}
.rubrique-20 #mainContent ul.magasin li.jemappes {position: relative; top: 945px;}
.rubrique-20 #mainContent ul.magasin li.luxembourg {position: relative; top: 955px;}

/* Page Rackstore Cafe */
.rubrique-23 #mainContent h3, .rubrique-23 #mainContent h4, .rubrique-23 #mainContent p {width:380px;float: right;}
.rubrique-23 #mainContent ul.galerie {width:195px; float: left; margin-right: 10px;} 
.rubrique-23 #mainContent ul.galerie li {margin-bottom: 20px;} 
.rubrique-23 #mainContent hr.clear {clear: none; visibility: hidden; padding: 0; height: 0;} 


/* Page Magasins */
.rubrique-22 #mainContent h4 {font-weight:normal; margin:0; font-size:1.4em;}
.rubrique-22 #mainContent p {font-size:1.3em; line-height:1.3em;}
.rubrique-22 #mainContent p.plan {margin:0;}
.rubrique-22 #mainContent p.plan img {border:1px solid #CE3035;}
.rubrique-22 #mainContent hr {clear:both; visibility:hidden; margin:0 0 36px;}

/* Page Offres d'emploi */
.rubrique-24 #mainContent h3 {width:380px;float: right;}
.rubrique-24 #mainContent ul#offres.liste {float: right; width:365px; list-style:disc; padding-left:15px; }
.rubrique-24 #mainContent ul#offres.liste li h4 {color:#fff; font-weight: normal; font-size: 1.5em; line-height: 1em; float: none;}
.rubrique-24 #mainContent ul#offres.liste li p.plus {font-size: 1.2em; float: none;}
.rubrique-24 #mainContent ul#offres.liste li p.plus a {color:#CE3035;}
.rubrique-24 #mainContent form {clear:both;}
.rubrique-24 #mainContent form h4 {margin-bottom:0; float: none; width: 580px;}
.rubrique-24 #mainContent form p {float: none; width: 580px;}
.rubrique-24 #mainContent h3, .rubrique-24 #mainContent h4, .rubrique-24 #mainContent p {width:380px;float: right;}
.rubrique-24 #mainContent ul {width:360px;float: right;}

/* Page Photos */
.rubrique-27 ul.liste { width:100%; margin:0; padding:0; list-style:none; background:none; }
.rubrique-27 ul.liste li {width:195px; height:200px; float:left; clear:none; }
.rubrique-27 ul.liste li img { display:none; }
.rubrique-27 ul.liste li p.image a { display:block; width:190px; height:145px; }
.rubrique-27 ul.liste li a span { display:none; }
.rubrique-27 ul.liste li p.image { float:none; }
.rubrique-27 ul.liste li .texte { width:195px; height:50px; padding-bottom:18px; float:none; }

/* Formulaires */
form { margin:0 0 18px;}
fieldset { border:0;}
fieldset p { margin:0 0 12px;}
label { display:block; width:150px; float:left;}
.asterisque { font-weight:bold; color:#ed3b34;}
input { font-family:Verdana, Helvetica, Arial, sans-serif; height:20px; padding:0 5px 0;}
.champ input, .textarea textarea { width:300px;}
.textarea textarea { height:150px; padding:0 5px 0; }
.date input, .cp input { width:100px;}
.champ input, select, .date input, .cp input, .textarea textarea { border:1px solid #ccc; background:#eee; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.3) inset; -moz-border-radius:3px; -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3) inset; -webkit-border-radius:3px; border-radius:3px;}
.champVide { display:none;}
.submit input { margin-left:150px; width:150px; height:30px; line-height:30px; text-align:center; cursor:pointer; color:#fff; font-weight:bold; border:1px solid #333; background:#444; background:-moz-linear-gradient(top,#666,#444,#333); background:-webkit-gradient(linear,left top,left bottom,from(#666),to(#333)); -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.3); -moz-border-radius:3px; -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3); -webkit-border-radius:3px; border-radius:3px;}
.submit input:hover { border:1px solid #cb0e1f; background:#ed3b34; background:-moz-linear-gradient(top,#ff5848,#ed3b34,#cb0e1f); background:-webkit-gradient(linear,left top,left bottom,from(#ff5848),to(#cb0e1f)); }
#file { border: none; padding-left: 0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; background: #fff; -moz-box-shadow:0; -webkit-box-shadow:0; box-shadow:0; }

/* Messages */
.confirmationInForm, .errorsInForm {clear: both; margin-bottom:18px; padding:6px; background:#333; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.3); -moz-border-radius:3px; -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3); -webkit-border-radius:3px; border-radius:3px;}
.rubrique-24 #mainContent .confirmationInForm p { float: none; width: auto; }
.confirmationInForm p, .errorsInForm p, .confirmationInForm ul li, .errorsInForm ul li, .confirmationInForm ul, .errorsInForm ul { margin:0; color:#ccc; ine-height: 1.2em;}
.confirmationInForm p, .errorsInForm p { line-height: 1.2em;}
.confirmationInForm ul, .errorsInForm ul { margin:0;}
.confirmationInForm strong { color:#ABB22F;}
.errorsInForm strong { color:red;}
.errorsInForm a { color:#ed3b34;}

/* Commentaires */
ul#commentaires { list-style:none; }
ul#commentaires li { padding:20px; line-height:1.2em; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.3); -moz-border-radius:5px; -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3); -webkit-border-radius:5px; background:#333; }
ul#commentaires li cite { font-size:1.4em; font-weight:bold; font-style:normal; color:#ed3b34; }
ul#commentaires li small { font-size:1.2em; font-style:italic; color:#fff; }
ul#commentaires li p { font-size:1.2em; color:#ccc; }

/* Colonne */
#colonne ul.liste li p.image { width:195px; float:none; }
#colonne ul.liste li p.image a {  }
#colonne ul.liste li .texte { width:195px; float:none; }

#colonne a.facebook {display: block; float: right; background: url(../images/logo-facebook.png); width: 49px; height: 50px; text-indent: -9999px; margin-bottom: 36px;}
#colonne #newsletter {clear:both; background: url(../images/bg-newsletter.png) no-repeat top right; width: 118px; height: 328px; padding: 0 4px;}
#colonne #newsletter h3 { color:#fff; font-weight: normal; font-size: 1.4em; padding-top: 13px; margin-bottom:8px;}
#colonne #newsletter .submit input { margin-left:0; width: 106px;}
#colonne #newsletter .champ input { margin-left:0; width:96px;}
#colonne #newsletter label {width:110px; display: none;}
#colonne #newsletter .champRadio {margin-bottom: 8px;}
#colonne #newsletter .champRadio label {width:110px; display: block; color:#6c6f74; line-height: 1em; float: none;}
#colonne #newsletter .champRadio input {margin: 0 4px 0 0;}
#colonne #newsletter p.infos {line-height: 1.2em; color:#6c6f74; font-size: 1.1em;}

/* Menus */
#nav { width:165px; float: left; margin-right: 8px; }
#nav ul { list-style-type:none; padding:0; }
#nav ul li { padding-right:10px; }
#nav ul li a { display:block; text-decoration:none; color: #4b4f52; width: 139px; height: 35px; padding-left: 26px; line-height: 2.2em; font-size: 1.2em; }
#nav ul li#item-24 a { background: url(../images/bg-nav-offre-emploi.png) no-repeat left bottom; }
#nav ul li#item-24.actif a { background: url(../images/bg-nav-actif.png) no-repeat left bottom; }
#nav ul li.actif a { color:#a9abaf; background: url(../images/bg-nav-actif.png) no-repeat;}
#nav ul li a:hover { color:#a9abaf;}

ul#languagesMenu { list-style-type:none; text-align:right; position:absolute; right:0; }
ul#languagesMenu li { display:inline; padding-left:5px; }
ul#languagesMenu li a { text-decoration:none; }
ul#languagesMenu li.actif a { color:#fff; }

#footer ul { padding:0; list-style-type:none; }
#footer ul li { display:inline; padding-right:10px; }
#footer ul li a { text-decoration:none; }

/* Toolbar */
#toolBar { font-family: Verdana, Arial, Helvetica, sans-serif; clear:both; font-size:11px; width:100%; height:25px; color:#fff; background:#333; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3); position:fixed; top:0; left:0; z-index:1002; }
#toolBar ul { list-style-type: none; margin: 0; padding: 0; }
#toolBar li { display:inline-block; line-height:25px; }
#toolBar a { font-size: 11px; display:-moz-inline-box; display:inline-block; float: left; padding:0 5px 0; text-decoration:none; color:#fff; }
#toolBar strong { font-size: 11px; display:-moz-inline-box; display:inline-block; float: left; padding:0 5px 0; text-decoration:none; color:#fff; }
#toolBar a:hover { background:#ed3b34; border-bottom: 1px solid #c00006; height: 24px; }

/* Search forms */
#globalSearchForm { position: absolute; right:0; top:30px; width: 250px; text-align: right; }
#globalSearchForm .champ { }
#globalSearchForm .champ input { width: 150px; }
#globalSearchForm .submit { }
#globalSearchForm .submit input { width: 75px; margin-left: 0; height: 22px; line-height: 20px; }
#searchForm { border: 1px solid #CCC; border-radius:5px; padding: 10px; width: 200px; }
#searchForm h2 { font-size: 1.2em; margin-bottom: 0; }
#searchForm .champ { margin-bottom: 10px; }
#searchForm .champ input { width: 185px; }
#searchForm .submit { margin-bottom: 10px; }
#searchForm .submit input { width: 75px; margin-left: 0; height: 24px; line-height: 22px; }