@charset "UTF-8";

/********************************
*                               *
*       RUE DES STICKERS        *
*      CSS par R-Numerique      *
*                               *
********************************/


/*=================================================================================================
========================================>>> GENERAL <<<============================================
=================================================================================================*/
 body
 {
 	background:#afaeaf;
	font-size:9pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0;
	background-image: url(/global/pict/bg.gif);
	background-repeat: repeat-x;
}

 #global
 {
	width:980px;
	position:relative;
	margin:0px auto 15px auto;
 }
  #angle3
 {
	width:15px;
	height:15px;
	position:relative;
	vertical-align:bottom;
	text-align:right;
 }
 
 .clearBoth { clear:both;}
 
#content
{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	position:relative;
	width:980px;
	clear:both;
	background:url(/global/pict/BG-content.gif) top left repeat-y;
	background-color: #FFF;
	margin-bottom: 15px;
	text-align: left;
	padding-bottom: 10px;
}

/*--- champ recherche ---*/
.textSearch
{
	color:#fff;
	font-size:0.95em;
	font-weight:normal;
	margin:10px 0 2px 10px;
	pading:0;
}
.search
{
	padding:0px 10px 0px 10px;
}
.search table
{
	margin:0;
	padding:0;
}
.search input
{
	width:141px;
	padding:2px;
	height:18px;
	border:none;
}

.search #btnsearch
{
	width:22px;
	height:22px;
	padding:1px;
	margin:0 0 0 5px;
	border:none;
	cursor:pointer;
	background: url(/global/pict/picto_loupe.gif);
	background-repeat: no-repeat;
}


/*=================================================================================================
==========================================>>> ENTETE <<<===========================================
=================================================================================================*/
#head
{
	height:329px;
	background:url(/global/pict/pavehaut2.gif) top no-repeat;
}
#head h1
{
	float:left;
	padding:0;
	margin:0;
	background-image: url(/global/pict/logoruedesstickers.gif);
}
#head h1 a
{
	display:block;
	height:66px;
	width:545px;
}
#head a span
{
	display:none;
}

/*--- le bouton panier ---*/
.panier
{
	display:block;
	float:right;
	width:140px;
	height:34px;
	margin:10px 10px 0 0;
	background:url(/global/pict/btn-panier2.jpg) no-repeat;
	top: -10px;
}


/*=================================================================================================
====================================>>> NAVIGATION PRINCIPALE <<<==================================
=================================================================================================*/
#nav-haut
{
	clear:both;
	list-style:none;
	margin:5px 5px 5px 0px;
	padding:5px 0 0 0px !important;
	padding:0 0 0 50px;
	height:18px;
}
#nav-haut li
{
	float:left;
	/*margin:0 0 0 40px;*/
	padding:10px 10px 10px 10px !important;
	margin-right: 10px;
	margin-top: 7px;
}
#nav-haut li a
{
	padding:10px 10px 10px 10px;
	color:#FFF;
	font-size:14px;
	text-decoration:none;
}
#nav-haut li a:hover
{
	color:#FFF;
}
#rub1
{
	background-color: #f9b41d;
}
#rub2
{
	background-color: #ec752e;
}
#rub3
{
	background-color: #e42618;
}
#rub4
{
	background-color: #b40719;
}
#rub5
{
	background-color: #810b17;
}
#rub6
{
	background-color: #7b516c;
}


/*==================================================================================================
============================================>>> CONTENU <<<=========================================
==================================================================================================*/

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  COLONNE GAUCHE =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#menuProduit
{
	color:#524444;
	font-weight:bold;
	font-size:9pt;
	text-decoration:none;
	line-height: 22px;
}
#menuProduit li a
{
	color:#55274F;
	text-decoration: none;
	background-color:#DCD9CD;
	padding: 2px 200px 3px 7px;
	border-left: solid #55274f 2px;
	border-top: solid #55274f 2px;	
	border-bottom: solid #55274f 2px;
}
#menuProduit li a:hover
{
	color:#55274F;
	text-decoration: none;
	background-color:#B18383;
}
#col-gch
{
	-moz-border-radius-bottomleft:10px;
	float:left;
	width:199px;
	background-color: #524444;
	background-image: url(../pict/BG-content.gif);
	overflow: hidden;
	border-right-style: solid;
	border-right-width: 2px;
	padding-bottom: 40px;
	height: 460px;
}
#col-gch h2
{
	margin:0 0 0 0;
	display:block;
	width:203px;
	height:46px;
	background:url(/global/pict/titre-collections.gif) top center no-repeat;
}
#col-gch h2 span
{
	display:none;
}

/*======== NAVIGATION VERTICALE =================================================================*/
#Accordion1
{
	width:191px;
	margin:0 auto 0 auto;
	border:none;
}
#Accordion1 .AccordionPanel .AccordionPanelTab
{
	background:#fff;
	color:#000;
	border:none;
	margin:0 0 2px 0;
}
#Accordion1 .AccordionPanel .AccordionPanelTab:hover
{
	color:#f7931f;
}
#Accordion1 .AccordionPanelOpen .AccordionPanelTab 
{
	color:#f7931f;
}

#Accordion1 .AccordionPanel .AccordionPanelContent ul {background:#f9e4ca;}

#Accordion1 .AccordionPanel .AccordionPanelContent ul li a 
{
	color:#000;
	background:#f9e4ca url(/global/pict/puce-blanc-mini.gif) no-repeat;
	background-position:5px 50%;
	padding-left:16px;
	cursor:pointer;
	border:none;
}
#Accordion1 .AccordionPanel .AccordionPanelContent ul li a:hover
{
	color:#fff;
	cursor:pointer;
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  COLONNE DROITE =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#col-drt
{
	float:left;
	width:777px;
	min-height:300px;
	background-image: url(global/pict/BG-contenu.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFF;
}

/*=========== HOME PAGE =========================================================================*/

/*--- blocs textes images ---*/
#col-drt.home
{
	min-height:450px;
	background-image: url(global/pict/BG-content-home.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
}
#col-drt.home table
{
	position:relative;
	margin:0 0 0 15px;
}
#col-drt.home table+table
{
	margin:0 0 0 15px;
}
#col-drt.home table td h2
{
	color:#E42618;
	margin:0;
	padding:0 0 5px 0;
	font-size:13pt;
}
#col-drt.home table td p
{
	font-size:10pt;
	margin:0;
	padding:0 0 25px 0;
	text-align: justify;
}
#col-drt.home table td p strong
{
	color:#EC752E;
}
.previsu-cadre
{
	background:url(/global/pict/BG-carre-previsu01.png) top no-repeat !important;
	background:url(/global/pict/BG-carre-previsu01.gif) top no-repeat;
	display:block;
	padding:4px 0 0 4px;
	width:200px;
	height:200px;
}
.previsu-cadre img
{
	border:none;
	max-height:170px;
	max-width:170px;
}

/*--- caroussel selection du mois ---*/
#selectMois
{
	background:url(/global/pict/BG-select-mois.gif) top no-repeat;
	width:774px;
	height:182px;
	position:relative;
	margin:0 auto 0 auto;
}
#selectMois h2
{
	color:#666;
	width:inherit;
	text-align:left;
	margin:0 0 0 20px;
	padding:0 0 3px 0;
	font-size:11pt;
}
#col-drt.home #selectMois table
{
	margin:0;
	padding:0;
}
#support
{
	margin:6px 0 0 0;
}
.select-flch1
{
	background:url(/global/pict/select-flch-gch.gif) top left no-repeat;
	display:block;
	width:40px;
	height:58px;
	margin:0 0 0 15px;
	cursor:pointer;
}
.select-flch2
{
	background:url(/global/pict/select-flch-drt.gif) top left no-repeat;
	display:block;
	width:40px;
	height:58px;
	cursor:pointer;
}
.select-flch1 strong, .select-flch2 strong
{
	display:none;
}
#col-drt.home #selectMois table img
{
	margin:0 13px 0 0;
	padding:0;
}

/*=========== LISTAGES STICKERS =================================================================*/

/*--- bloc texte presentation listage style 1 ---*/
#col-drt.listage01 table
{
	position:relative;
	margin:0px 0 0px 25px;
	width:750px;
	text-align: right;
}
#col-drt.listage01 table td h2
{
	color:#ff9400;
	font-size:9pt;
	text-align:right;
	margin:0;
	padding:0 0 5px 0;
}
#col-drt.listage01 table td p
{
	text-align:right;
	margin:0;
	padding:0 0 0px 10px;
}
#col-drt.listage01 table td p strong {color:#ff9400;}

/*--- bloc vignette listage style 1 ---*/
#vignette01
{
	list-style:none;
	margin:10px 0 0 10px;
	padding:0;
}
#vignette01 li
{
	float:left;
}
#vignette01 li span
{
	background:url(/global/pict/BG-previsu-list01.png) top left no-repeat !important;
	background:url(/global/pict/BG-previsu-list01.gif) top left no-repeat;
	display:block;
	padding:3px 0 0 3px;
	width:150px;
	height:150px;
}
#vignette01 li a img
{
	border:none;
	max-width:142px;
	max-height:142px;
}

/*--- Page skate ---*/
#col-drt.skate
{
	background:url(/global/pict/BG-content-skate.jpg) top no-repeat;
	min-height:450px;
}
#col-drt.skate table
{
	position:relative;
	margin:15px 0 10px 25px;
	width:750px;
}
#col-drt.skate table td
{
	vertical-align:top;
}
#col-drt.skate table td h2
{
	color:#ff9400;
	font-size:9pt;
	margin:100px 0 0 0;
	padding:0 0 5px 0;
}
#col-drt.skate table td p
{
	margin:0;
	padding:0;
	width:470px;
}
#col-drt.skate table td p strong {color:#ff9400;}


/*=========== PAGE MODIFS ===============================================================*/
#modifEditor
{
	padding:5px 15px 5px 15px;
}

/*=========== PAGE SUPPORTS ==============================================================*/
#col-drt.supports, .supports
{
	background:url(/global/pict/BG-content-supports.jpg) top no-repeat;
	min-height:250px;
	position:relative;
}
#col-drt.supports h2
{
	font-size:9pt;
	font-weight:normal;
	text-align:center;
	margin:90px 0 10px 0;
	padding:0;
}
#col-drt.supports h2 strong
{
	color:#ff9400;
}

/*--- Zone avec image + map ---*/
#mapSupport
{
	margin:0 15px 10px 15px;
	height:410px;
	position:relative;
}
#zoneClic
{
	position:absolute;
	top:0;
	left:0px;
	margin:0;
	padding:0;
	z-index:2;
}

/*--- Zone avec liens legendes ---*/
#legendes
{
	position:absolute;
	top:0;
	left:0px;
	margin:0;
	padding:0;
	z-index:1;
	list-style:none;
}
#legendes a
{
	color:#000;
	text-decoration:none;
	font-size:9pt;
}
#legendes strong
{
	color:#ff9400;
}

.legend01 {margin:10px 0 0 140px;}
.legend02 {margin:153px 0 0 320px;}
.legend03 {margin:0px 0 0 520px;}
.legend04 {margin:95px 0 0 250px;}
.legend05 {margin:60px 0 0 480px;}


/*=========== PAGE CONTACT ===============================================================*/
#col-drt.contact, .contact
{
	background:url(/global/pict/BG-contact.jpg) top no-repeat;
	min-height:250px;
}

/*--- le bloc formulaire ---*/
#alerteForm
{
	display:block;
	margin: 0 5px 0 10px;
}
#col-drt.contact form
{
	width:330px;
	margin:95px 0 0px 145px !important;
	margin:95px 0 20px 145px;
	background:#f9b41d;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
}
#col-drt.contact form table
{
	padding:15px;
	width:330px !important;
	width:320px;
	color:#e42618;
	font-weight:bold;
}
#col-drt.contact form table td label
{
	display:block;
}
#col-drt.contact form table td span
{
	display:block;
	text-align:center;
	margin:10px 0 0 0;
}
#col-drt.contact form table td span input
{
	color:#e42618;
	font-weight:bold;
	border:none;
	cursor:default;
	text-align: right;
	background-color: #FFF;
	margin: 3px 3px 3px 20px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

/*--- le bloc texte ---*/
.textContact
{
	width:270px;
	float:right;
	padding:10px;
	margin:300px 0 0 0;
	text-align: justify;
}

/*=========== PAGE LIVRAISONS =========================================================*/
#col-drt.livraison, .livraison
{
	background:url(/global/pict/BG-livraison.jpg) top no-repeat;
	padding:105px 0 0 0;
	min-height:250px;
}
#col-drt.livraison p
{
	text-align:left;
	padding:0 30px 0 30px;
	margin:0 0 50px 0;
}

/*=========== PAGE MODIFS ===============================================================*/
#loginRDS
{
	padding:5px 15px 5px 15px;
}

/*=========== PAGE PANIER =============================================================*/
#col-drt.cmd01, .cmd01
{
	background:url(/global/pict/BG-panier.jpg) top no-repeat;
	padding:115px 0 0 0;
	min-height:250px;
}
/*--- zone de gauche avec articles ---*/
#zoneRecap
{
	float:left;
	width:520px;
	margin:0 0 0 80px !important;
	margin:0 0 0 6px;
}
.recapArticle
{
	background:url(/global/pict/BG-elmt-cmd.png) top left no-repeat;
	min-height:220px;
	margin:0 0 10px 0;
}
.recapArticle span
{
	display:block;
	padding:20px 0 0 20px;
	width:175px;
	height:175px;
	float:left;
}
.recapArticle span img
{
	border:none;
	max-height:120px;
	max-width:120px;
}
.recapArticle form
{
	width:308px;
	float:left;
}
.recapArticle form h3
{
	text-align:center;
	color:#E84123;
	padding:18px 0 8px 0;
	margin:0;
}
.recapArticle form table td label
{
	color:#E42618;
	font-weight:bold;
}
.recapArticle form table td input
{
	width:30px;
}
.produitPlus
{
	background:url(/global/pict/flech-plus.gif) top no-repeat;
	width:16px;
	height:11px;
	display:block;
}
.produitMoins
{
	background:url(/global/pict/flch-moins.gif) top no-repeat;
	width:16px;
	height:11px;
	display:block;
}
.produitPlus strong, .produitMoins strong
{
	display:none;
}
.recapArticlePrix
{
	width:250px;
	float:right;
	background:#fff;
	margin:15px 5px 0 0px;
	padding-bottom: 5px;
}
.recapArticlePrix td
{
	padding:2px;
}
.recapArticlePrix td a
{
	background:#FFDFB2 url(/global/pict/BG-cancel-X.gif) right center no-repeat;
	padding:5px;
	margin:0 0 0 15px;
	display:block;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

/*--- zone de droite avec montant ---*/
#zonePrix
{
	float:right;
	width:277px;
	margin:8px 0 0 20px;
	display: inline;
}
#zonePrix table
{
	background:url(/global/pict/BG-recap-tarif.png) top no-repeat !important;
	background:url(/global/pict/BG-recap-tarif.gif) top no-repeat;
	width:277px;
	height:40px;
}
#zonePrix table td
{
	text-align:right;
	font-weight:bold;
	font-size:10pt;
	padding:0 15px 7px 0px
}
#zonePrix table td:first-child
{
	width:50px;
	color:#ff9400;
	text-align:left;
	padding:0 0 7px 100px
}
/*--- zone de sous-navigation en bas ---*/
#navinterne
{
	clear:both;
}
#navinterne span
{
	display:block;
	width:259px;
	height:96px;
	margin:15px 8px 15px 8px;
}
#navinterne span a
{
	color:#fff;
	text-decoration:none;
	color:#fff;
	display:block;
	width:259px;
	height:28px;
	margin:55px 0 0 0;
	padding:13px 0 0 0;
	text-align:center;
	font-weight:bold;
}
#navinterne span a:hover
{
	color:#000;
}
.navint-gch
{
	background:url(/global/pict/BG-nav-panier-gch.gif) top left no-repeat;
	float:left;
}
.navint-drt
{
	background:url(/global/pict/BG-nav-panier-drt.gif) top right no-repeat;
	float:right;
}

/*--- Mode de paiements ---*/
#modepaie
{
	background:#ffb34c;
	width:470px;
	margin:10px 0 0 12px;
	padding:5px;
}
#modepaie table
{
	color:#fff;
	width:470px;
}
#modepaie table td
{
	vertical-align:middle;
	padding:0 0 10px 0;
}

/*--- Zone contenu paiements ---*/
#contentPaie
{
	width:743px;
	padding:5px;
	margin:15px 0 0 12px;
	background:url(/global/pict/Bg-alpha-panier.png) !important;
	background:#ffb34c;
}
.txtinfoPanier
{
	text-align:center;
	font-size:10pt;
	color:#fff;
	font-weight:bold;
	margin:80px auto 80px auto;
	width:500px;
}

/*=========== LEGAL - CGV ===============================================================*/
#legal
{
	padding:5px 15px 30px 15px;
}
#legal h2
{
	font-size:10pt;
	margin:40px 0 5px 0;
	padding:0;
}
#legal p
{
	margin:0 0 10px 0;
	padding:0;
	text-align:justify;
}
#legal p a
{
	color:#000;
}
#legal p a:hover
{
	text-decoration:none;
}

/*===============================================================================================
======================================>>> FOOTER <<<=============================================
================================================================================================*/
#footer
{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	list-style:none;
	clear:none;
	height:20px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#999999;
	margin:0;
	padding:0;
}
#footer li
{
	float:left;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:3px 0 0 60px;
}
#footer li a
{
	color:#fff;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#footer li a:hover
{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#C9D18B;
}
#footer1
{
	height:104px;
	font-size:10px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	background:#999999;
	margin:0;
	padding:0;
	background-image: url(/global/pict/modelefooter.gif);
	position: relative;
	width: 980px;
}
#footerTag
{
	width: 980px;
	font-size:10px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #666;
}
#footerTag a
{
	color:#666;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#footerTag a:hover
{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#C00;
}
.livraison2
{
	height:65px;
	width: 220px;
	left: 300px;
	position: relative;
	top: 21px;
	display: block;
}