@charset "utf-8";
/* CSS rackstore */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style:none;
}
body{
	margin:0 auto 0;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%;
	text-align:justify;
	color:#fff;
	padding-bottom:30px;
	background:#3D464C;
}
a{
	color:#e32c2a;
}
a:hover {
	color:#993231;
}
a.actif{
	color:#fff;
}
a.linkTypi {
	font-size: 0.8em;
	color: #d3d1d1;
	text-decoration: none;
	float: right;
	display: block;
	margin:0 15px 0 0;
}
h2{
	margin-bottom:10px;
	text-align:left;
	color:#E49F3C;
	display:none;
}
h3{
	margin-bottom:30px;
	text-align:left;
	font-weight:normal;
	font-size:1.4em;
	line-height:1.2em;
	color:#e32c2a;
}
h4{
	margin-bottom:10px;
	text-align:left;
	font-weight:normal;
	font-size:1.2em;
	color:#e32c2a;
}
h5{
	font-weight:bold;
	font-size:1.1em;
	color:#e32c2a;
}
h3 a, h4 a{
	text-decoration:none;
}


.second {
	margin-top: 30px;
}

strong{
	font-weight:bold;
	color:#e32c2a;
}
p{
	margin-bottom:15px;
	text-align: left;
}
#contenu .colTexte ul {
}
#contenu .colTexte ul li {
	margin: 0 0 15px 15px;
	list-style:disc;
	text-align: left;
}
/* -------------------- General ----------------------*/
#general{
	width:1018px;
	margin:0 auto 0;
	font-size:1.4em;
	line-height:1.5em;
	background:#1a171a;
}
#header{
	height:173px;
	margin-bottom: 40px;
}

.fr #header{
	background:url("../images/bg-header-fr.jpg") no-repeat top left;
}

.en #header{
	background:url("../images/bg-header-en.jpg") no-repeat top left;
}

#gauche {
	float:left;
	width:218px;
}
#contenu {
	width:690px;
	float:left;
	border:1px solid #fff;
	padding: 34px;
}
#contenu.oneCol {
	margin-left:218px;
	margin-bottom: 120px;
}

#contenu .colGauche{
	width:190px;
	float:left;
}
#contenu .colTexte{
	width:440px;
	padding-left:38px;
	float:left;
}


#contenu .colGauche ul li, #contenu .colGauche p{
	text-align:center;
}
#contenu .colGauche ul li img{
	margin:0 auto 15px;
}
#contenu #navigation{
	height:30px;
	margin-top:-30px;
}
#contenu #navigation a.navPrev{
	float:left;
}
#contenu #navigation a.navNext{
	float:right;
}
#footer{
	height:100px;
	text-indent:-9999px;
	clear:both;
}
.fr #footer{
	background:url("../images/bg-footer-fr.jpg") no-repeat bottom left;
}
.en #footer{
	background:url("../images/bg-footer-en.jpg") no-repeat bottom left;
}
/*-------------------  Header -------------- */
#header h1{
	padding:10px 0 0 38px;
}
#header h1 a{
	display:block;
	width:255px;
	height:98px;
	text-indent:-9999px;
}
#header ul{
	text-indent:-9999px;
}
#header ul#menulangue{
	padding: 0;
	margin: 0;
	text-align: right;
	text-indent: 0;
	font-variant: small-caps;
	font-size: 14px;
	line-height: 12px;
	font-weight: bold;
}
#header ul#menulangue li {
	padding: 0;
	padding-right: 3px;
	margin: 0;
	display: inline;
}
#header ul#menulangue li a {
	text-decoration: none;
}
#header ul#menulangue li.actif a {
	color: white;
}
/*------------------- Contact Situation -------------- */
#contenu .colGauche h3 {
	margin-bottom:20px;
	text-align:left;
	font-weight:normal;
	font-size:1.4em;
	line-height:1.2em;
	color:#e32c2a;
}
.contact-situation #contenu .colGauche h3.jemappes {
	margin-top:75px;
}
#contenu .colGauche h4 {
	text-align:left;
	font-weight:normal;
	font-size:1.2em;
	line-height:1.2em;
	color:#e32c2a;
	margin: 0;
}
#contenu .colGauche p {
	text-align:left;
	font-size: 0.9em;
	line-height: 1.3em;
}
#contenu .colGauche p strong {
	color:#e32c2a;
}
/*----------------- Marques ---------------- */
#contenu h4.sousTitre{
	margin:10px 0 15px;
}
.marques #contenu h5 {
	float: left;
	width: 97px;
}
.marques #contenu h5#Cat_13 {
	background: url("../images/h5-fashion-men.png") no-repeat;
	text-indent: -9999px;
	height: 28px;
}
.marques #contenu h5#Cat_14 {
	background: url("../images/h5-casual-men.png") no-repeat;
	text-indent: -9999px;
	height: 28px;
}
.marques #contenu h5#Cat_15 {
	background: url("../images/h5-fashion-women.png") no-repeat;
	text-indent: -9999px;
	height: 28px;
}
.marques #contenu h5#Cat_16 {
	background: url("../images/h5-casual-women.png") no-repeat;
	text-indent: -9999px;
	height: 28px;
}
.marques #contenu h5#Cat_17 {
	background: url("../images/h5-kids.png") no-repeat;
	text-indent: -9999px;
	height: 28px;
}
#contenu ul.lesmarques{
	margin:-2px 0 15px 0;
	float: left;
	width:340px;
}
#contenu ul.lesmarques li{
	display:inline;
	margin: 0;
}
#contenu ul.lesmarques li a{
	text-decoration:none;
	color:#fff;
}
#contenu ul.lesmarques li a:hover{
	text-decoration:underline;
}

/*----------------- Emplois ---------------- */
#contenu ul#lesemplois li{
	margin-bottom:40px;
	list-style: none;
}
#contenu ul#lesemplois li h4{
	margin-bottom:8px;
	font-size: 1.4em;
}
#contenu ul#lesemplois li h5{
	font-weight: normal;
}
#contenu ul#lesemplois li p {
	margin-bottom: 6px;
}
#contenu ul#lesemplois li ul {
	list-style: disc;
	margin:0 0 10px 20px;
}
#contenu ul#lesemplois li ul li {
	list-style: disc;
	margin: 0;
}


/*----------------- News ---------------- */
#contenu ul#lesnews{
}
#contenu ul#lesnews h3 {
	margin-bottom: 15px;
}
#contenu ul#lesnews li{
	clear:both;
}
#contenu ul#lesnews li .colGauche, #contenu ul#lesnews li .colTexte{
	margin:0 0 30px;
}
#contenu ul#lesnews li .colGauche{
	text-align:center;
}
#contenu ul#lesnews li .colTexte{
	width:404px;
}
#contenu ul#lesnews li .colGauche a{
	margin:0 auto 15px;
}
#contenu ul#lesnews ul#listImgNews {
}
#contenu ul#lesnews ul#listImgNews li {
	display: block;
	float: left;
	clear: none;
	margin-right: 3px;
}

#contenu .colTexte ul#fichiers li{
	margin-bottom:0;
	color:#E32C2A;
}
/* #contenu .colTexte ul#fichiers li a{
	color:#993231;
}
#contenu .colTexte ul#fichiers li a:hover{
	color:#E32C2A;
} */

/*------------------ Formulaire Newsletter -------------- */
legend {
	margin-bottom:20px;
	font-size:1.6em;
	line-height:1.2em;
	color:#e32c2a;
}
input.email, input.big {
	width:320px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	font-size: 1.2em;
}
p.resteVide {
	display: none;
}
#contenu .colTexte  #msgError {
	background: #ccc;
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #fff;
}
#contenu .colTexte  #msgError p {
	color: #E32C2A;
	font-size: 0.9em;
	margin: 2px 0 3px 0;
	line-height: 1.2em;
}
#contenu .colTexte  #msgError p strong {
	font-size: 1.2em;
}
#contenu .colTexte #msgError ul {
	margin-bottom: 8px;
}

#contenu .colTexte #msgError ul li {
	margin: 0 0 0 15px;
	font-size: 0.9em;
	line-height: 1.2em;
}
#contenu form#suggestions p.champVide{
	display:none;
}

/*------------------ Formulaire Vente Privée  -------------- */
#reservation p {
	clear: both;
}
#reservation label, #reservation input {
	float: left;
	width: 180px;
	margin: 5px;
}
legend, .legend {
	margin-bottom:20px;
	font-size:1.6em;
	line-height:1.2em;
	color:#e32c2a;
}

#reservation input.numberOfPeople {
	width:auto;
}
/*------------------ Les Pages Vidéo  -------------- */
#contenu.video {
	padding: 34px 18px 34px 18px;
	width: 726px;
}
/*------------------ Vidéo  -------------- */
#video {
	clear: both;
	width: 158px;
	margin: 0 0 0 38px;
	padding-top:30px;
}
#video a {
	display: block;
	width: 158px;
	height: 140px;
	font-size: 1px;
	color:#191619;
}
.fr #video a {
	background: url("../images/bt-video-fr.png") no-repeat;
}

.en #video a {
	background: url("../images/bt-video-en.png") no-repeat;
}

#video a:hover {
	color:#191619;
}

/*------------------ Menu -------------- */
ul#menu{
	width:180px;
	float:left;
	padding: 0 0 0 38px;
}
ul#menu li {
	width:158px;
	float:left;
	margin:0 0 6px 0;
}
ul#menu li a{
	display:block;
	width:158px;
	height: 30px;
	text-indent:-9999px;
	background-repeat: no-repeat;
}
.fr ul#menu li a{
	background-image:url("../images/menu-rackstore-fr.png");
}
.en ul#menu li a{
	background-image:url("../images/menu-rackstore-en.png");
}

ul#menu li.news a{
	background-position:0 0;
}
ul#menu li.marques a, ul#menu li.brands a{
	background-position:0 -37px;
}
ul#menu li.carte-de-fidelite a, ul#menu li.loyalty-card a{
	background-position:0 -74px;
}
ul#menu li.services a{
	background-position:0 -111px;
}
ul#menu li.historique a, ul#menu li.history a{
	background-position:0 -148px;
}
ul#menu li.contact-situation a, ul#menu li.contact-location a{
	background-position:0 -185px;
}
ul#menu li.rackstore-cafe a{
	background-position:0 -222px;
}
ul#menu li.newsletter a{
	background-position:0 -258px;
}
ul#menu li.offres-d-emploi a, ul#menu li.vacancies a{
	background-position:0 -296px;
}
ul#menu li.presse a, ul#menu li.press a{
	background-position:0 -332px;
}
ul#menu li.suggestions a {
	background-position:0 -369px;
}


/* ul#menu li.radio a{
	background-position:0 -332px;
} */
ul#menu li.radio a{
	margin:30px auto 0;
	width:80px;
	height:80px;
	background:url("../images/btn-radio.png") no-repeat;
}
ul#menu li.video a, ul#menu li.movie a{
	margin:30px auto 0;
	width:80px;
	height:80px;
	background:url("../images/btn-video.png") no-repeat;
}


ul#menu li.news a:hover, ul#menu li.news a.actif{
	background-position:-159px 0;
}
ul#menu li.marques a:hover, ul#menu li.marques a.actif,
ul#menu li.brands a:hover, ul#menu li.brands a.actif{
	background-position:-159px -37px;
}
ul#menu li.carte-de-fidelite a:hover, ul#menu li.carte-de-fidelite a.actif,
ul#menu li.loyalty-card a:hover, ul#menu li.loyalty-card a.actif{
	background-position:-159px -74px;
}
ul#menu li.services a:hover, ul#menu li.services a.actif{
	background-position:-159px -111px;
}
ul#menu li.historique a:hover, ul#menu li.historique a.actif,
ul#menu li.history a:hover, ul#menu li.history a.actif{
	background-position:-159px -148px;
}
ul#menu li.contact-situation a:hover, ul#menu li.contact-situation a.actif,
ul#menu li.contact-location a:hover, ul#menu li.contact-location a.actif{
	background-position:-159px -185px;
}
ul#menu li.rackstore-cafe a:hover, ul#menu li.rackstore-cafe a.actif{
	background-position:-159px -222px;
}
ul#menu li.newsletter a:hover, ul#menu li.newsletter a.actif{
	background-position:-159px -258px;
}
ul#menu li.offres-d-emploi a:hover, ul#menu li.offres-d-emploi a.actif,
ul#menu li.vacancies a:hover, ul#menu li.vacancies a.actif{
	background-position:-159px -296px;
}
ul#menu li.presse a:hover, ul#menu li.press a:hover, ul#menu li.presse a.actif, ul#menu li.press a.actif {
	background-position:-159px -332px;
}
ul#menu li.suggestions a:hover, ul#menu li.suggestions a.actif {
	background-position:-159px -369px;
}

/* ul#menu li.radio a:hover, ul#menu li.radio a.actif{
	background-position:-159px -332px;
} */