/* @override http://cartistick.win.mediacd.fr/global/css/commun.css */

@import "jquery.lightbox.css";

/* @override http://cartistick.win.mediacd.fr/global/css/commun.css */

/* ================================================================================ */
/* = Feuille de style global = */

	html {background:#bfdee4 url(/global/medias/bgPage.png) repeat-x top left }
	body {
		/*font-family:'Arial', Verdana, Trebuchet MS, Geneva, Helvetica, sans-serif;*/
		margin:0; padding:0;
		}
	.break {clear: both}
	
	#page {
		position: relative;
		width: 960px;
		padding: 0; margin: 0 auto;
		background: transparent url(/global/medias/bgRepeatMain.gif) repeat-y 0 0;
		}

/* ================================================================================ */
/* = STRUCTURE = */

	#main {
		background: transparent url(/global/medias/imgBottomColA.gif) no-repeat bottom left}
	
	#colA, #colB {float: left;}
	#colA {width: 172px;}
	#colB {
		width: 788px;
		background: transparent url(/global/medias/bgTopColB.gif) no-repeat 0 0;		
		}
	
	/*= fil d’ariane ---------------------------------------- */
	ul.traca {
		width: 557px;
		padding: 0.2em 10px 0.2em 10px;
		float: left;
		}
	ul.traca li {float: left}
	ul.traca li {
		font-size: 77%;
		margin: 0 0.5em 0 0;
		}
	ul.traca li a {
		text-decoration: none;
		font-size: 100%;
		padding: 0 0 0 0.5em;
		border-left: 1px #666 solid;
		color:#818181;
		}
	ul.traca li a:hover {text-decoration: underline;}
	
	/*= display / impression ---------------------------------------- */
	
	
	/*= facture ---------------------------------------- */
	#facture {
		width: 98%;
		font-family: 'arial';
		}
	#headerFacture,
	#identiteFacture,
	#donneesFacture,
	#footerFacture {}
	
	#headerFacture img {
		position: absolute;
		display: block;
		margin:0;
		}
	#headerFacture h1 {
		float: right;
		margin:0;
		font-size: 100%;
		}
	#headerFacture h1 span {
		font-size: 130%;
		color:#A80062;
		}

	#identiteFacture {padding: 3em 0 0.5em 1em}
	#identiteFacture h2 {
		margin:0; 
		padding: 0 0 0.5em 0;
		font-size: 93%;
		}
	#identiteFacture p {
		margin:0;
		padding: 0.2em 0 0.2em 0;
		border-bottom: 1px #ccc solid;
		font-size: 85%;
		color:#666;
		}
	
	#donneesFacture table {
		width: 100%;
		border-collapse: collapse;
		background-color:#fff;
		}
	#donneesFacture table caption {
		display: none;
		padding:3px 10px;
		font-size:93%;
		text-align: left;
		}
	#donneesFacture table th {
		font-size: 85%;
		}
	#donneesFacture table td {
		border: 1px #666 solid;
		font-size: 85%;
		}
	#donneesFacture table thead {
		color:#fff;
		background-color:#5A5A5C;
		}
	#donneesFacture table tbody .total {
		font-weight: bold;
		}
		
	#donneesFacture table tfoot {
		background-color:#999;
		}
	#donneesFacture table tfoot h2,
	#donneesFacture table tfoot p {
		display: block;
		margin:0;
		font-size: 93%;
		}
	#donneesFacture table tfoot td h2 {
		/*padding: 0.2em 1em 0.2em 0.2em*/
		}
	#donneesFacture table tfoot td {padding: 0.2em;}
	#donneesFacture table tfoot td span {display: block;}
	
	#footerFacture {display: none;}
	
/* ================================================================================ */
/* = Header = */

	#header {
		height: 112px;
		background: transparent url(/global/medias/bgHeaderNew.jpg) no-repeat 0 0;
		}
	a.logo img {position: absolute;}
	
	/*= tools ---------------------------------------- */
	#header ul.tools {
		position: absolute;
		right:0;
		padding: 60px 0 0 0;
		width: 400px;
		height: 40px;
		background: transparent url(/global/medias/bgBancaire.gif) no-repeat bottom right;
		}
	#header ul.tools li {float: left}
	#header ul.tools li a {
		display: block;
		width: 130px; height: 35px;
		text-indent: -100em;
		}
	#header ul.tools li.tool1 a {
		z-index: 1000;
		background: transparent url(/global/medias/itemCompte.gif) no-repeat 0 0}
	#header ul.tools li.tool2 a {
		background: transparent url(/global/medias/itemPanier.gif) no-repeat 0 0}
	
	/*= mon compte ---------------------------------------- */
	form#compteClient {
		position: absolute;
		z-index: 1000!important;
		width: 115px;
		height: 52px;
		margin: -15px 0 0 2px;
		padding: 11px 5px 5px 5px;
		background: transparent url(/global/medias/bgFormCompteClient.gif) no-repeat 0 0;
		}
	form#compteClient p {clear:both}
	
	form#compteClient label {float: left}
	form#compteClient input {float: right}
	
	form#compteClient label {
		font-size: 70%; 
		color:#333;
		padding: 0.2em 0.2em 0.2em 0;
		font-weight: bold;
		}
	form#compteClient input {
		font-size: 77%;
		z-index: 1000;
		height: 12px;
		border: 1px #ccc solid;
		}
	form#compteClient p.field_mail,
	form#compteClient p.field_mdp {
		height: 17px;
		}
	form#compteClient p.field_mail input {width: 54%}
	form#compteClient p.field_mdp input {width: 43%}
	
	form#compteClient p.field_valid input.validImg {
		float: right;
		height: auto!important;
		margin: 0 0.1em 0 0;
		}
	form#compteClient p.field_mdp a {
		display: block;
		width: 85px!important;
		}
	a#ctl00_Lk_visite,
	a#Lk_oubliPassword {
		position: absolute;
		display: block;
		font-size: 70%; color:#333;
		height: 1%;
		text-indent:0!important;
		width: 70%!important;
		height:auto!important;
		background-image: none!important;
		}
	a#ctl00_Lk_visite {bottom: 15px}
	a#Lk_oubliPassword {bottom: 5px}

	/*= mon panier / tool2 ---------------------------------------- */
	div#panier {
		position: absolute;
		z-index: 1000;
		width: 115px;
		height: 50px;
		margin: -15px 0 0 3px;
		padding: 12px 5px 5px 5px;
		background: transparent url(/global/medias/bgFormCompteClient.gif) no-repeat 0 0;
		}
	div#panier p {clear:both}
	div#panier p.nbre_articles {
		font-size: 77%; 
		font-weight: bold; 
		color: #666666; 
		margin: 5px 0 5px 5px;
		}
	li.tool2 div#panier p.link_basket a,
	li.tool2 div#panier p.link_basket a img {
		display: block;
		width: 115px; height: 16px;
		}
	li.tool2 div#panier p.link_basket a {
		background: url(/global/medias/btVoirPanier.gif) no-repeat 0 0;
		}
	li.tool2 div#panier p.link_basket a:hover {background-position: 0 -18px;}
	
/* ================================================================================ */
/* = Home = */
	#ctl00_Dv_flashAcceuil {
		}

	#flashHome, 
	#ctl00_divFlashHomeAccroche {
		float: left;
		overflow: hidden;
		}
	#ctl00_divFlashHomeAccroche {
		width: 152px;
		height: 178px;
		font-size:85%;
		color:#fff;
		padding: 5px 10px 5px 10px;
		background-color:#91C0D5;
		}
	
	#flashHome {
		position: relative;
		width: 616px; 
		border:0;
		height: 188px;
		margin:0; 
		}
	#flashHome img {
		display: block;
		margin:0;
		}
	
/* ================================================================================ */
/* = Menus / colA / Génériques = */
	#menuCoorpo {
		width: 172px;
		background: transparent url(/global/medias/bgRepeatMenCoorp.gif) repeat-y 0 0;
		}
	#menuCoorpo li,
	#menuCoorpo li a {
		display: block;
		width: 172px;
		}
	#menuCoorpo li {
		margin: 0 0 2px 0;
		/*height:1%;*/
		background: #6EBFE9 url(/global/medias/LiMenCoorp.gif) no-repeat 0 0;
		}
	#menuCoorpo li a {
		display: block;
		width: 122px;
		font-size: 93%;
		font-weight: bold;
		color:#fff;
		text-decoration: none;
		padding: 0.7em 5px 7px 45px;
		background: transparent url(/global/medias/itemAMenCoorp05.gif) no-repeat 0 0;
		}
	#menuCoorpo li a.linkCorp01 {
		background: transparent url(/global/medias/itemAMenCoorp01.gif) no-repeat 0 0;}
	#menuCoorpo li a.linkCorp02 {
		background: transparent url(/global/medias/itemAMenCoorp02.gif) no-repeat 0 0;}
	#menuCoorpo li a.linkCorp03 {
		background: transparent url(/global/medias/itemAMenCoorp03.gif) no-repeat 0 0;}
	#menuCoorpo li a.linkCorp04 {
		background: transparent url(/global/medias/itemAMenCoorp04.gif) no-repeat 0 0;}
	#menuCoorpo li a.linkCorp05 {
		background: transparent url(/global/medias/itemAMenCoorp05.gif) no-repeat 0 0;}
		
	#menuCoorpo li a.linkCorp01:hover {
		background: #BACC0D url(/global/medias/itemAMenCoorp01on.gif) no-repeat 0 0}
	#menuCoorpo li a.linkCorp02:hover {
		background: #BACC0D url(/global/medias/itemAMenCoorp02on.gif) no-repeat 0 0;}
	#menuCoorpo li a.linkCorp03:hover {
		background: #BACC0D url(/global/medias/itemAMenCoorp03on.gif) no-repeat 0 0;}
	#menuCoorpo li a.linkCorp04:hover {
		background: #BACC0D url(/global/medias/itemAMenCoorp04on.gif) no-repeat 0 0;}
	#menuCoorpo li a.linkCorp05:hover {
		background: #BACC0D url(/global/medias/itemAMenCoorp05on.gif) no-repeat 0 0;}
	
	#menuCoorpo li a:hover {
		background: #BACC0D url(/global/medias/itemAMenCoorp05on.gif) no-repeat 0 0;}
	
	/*= Newsletter ---------------------------------------- */
	#newsletter {
		margin: 0;
		border-top: 1px #fff solid;
		width: 152px;
		padding: 5px 10px 10px 10px;
		min-height: 50px;
		background-color: #C83C84;
		}
	#newsletter h2 {
		diwplay: block;
		width: 150px; height: 30px;
		padding: 0;
		text-indent: -1000em;
		margin:0 0 5px 0;
		border-bottom: 1px #fff dashed;
		background: transparent url(/global/medias/h2Newsletter.gif) no-repeat 0 0;
		}
	#formNewsletter {padding: 0}
	#formNewsletter input {
		float: left;
		border:1px #A70060 solid;
		padding: 0.2em;
		font-size: 93%;
		color:#A70060;
		margin: 0 5px 0 0;
		width: 115px;
		}
	#formNewsletter input.ok,
	p.messageNewsletter {
		color:#fff;
		font-size: 85%; 
		}
	#formNewsletter input.ok {
		width: 22px; height:21px;
		padding:0!important;
		margin: 0 0 0 0.1em;
		cursor: pointer;
		font-weight: bold;
		background-color:#A70060;
		}
	p.messageNewsletter {
		padding: 0 0 0.2em 0.2em;
		}

/* ================================================================================ */
/* = Home page = */

	#colB h1 {
		margin:0;
		font-size: 165%;
		padding: 0 0 0.5em 1.5em;
		font-weight: bold;
		background: transparent url(/global/medias/itemH1.gif) no-repeat 0 0;
		}	
		
/* ================================================================================ */
/* = Partie collections de la colB = */
	
	/*= tools ---------------------------------------- */
	#colB ul.tools {
		z-index: 10!important; 
		position: absolute;
		right:0; top: 148px;
		padding: 0 0 0 0;
		width: 400px;
		}
	#colB ul.tools li {
		float: left;
		}
	#colB ul.tools li a {
		display: block;
		height: 35px;
		text-indent: -100em;
		}
	#colB ul.tools li.tool3 a {
		width: 375px;
		background: transparent url(/global/medias/itemRecherche.gif) no-repeat 0 0;
		}
	#colB ul.tools li.tool3 form {
		position: absolute;
		width: 250px;
		height: 20px;
		margin: -35px 0 0 120px;
		padding: 5px;
		background: transparent url(/global/medias/bgChamps.gif) no-repeat 0 0;
		}
	#colB ul.tools li.tool3 form input {
		font-size: 85%; 
		color:#000;
		width: 175px;
		border:0;
		padding: 0 0 0 0.2em;
		margin: 2px 0 0 5px;
		}
	#colB ul.tools li.tool4 a {
		width: 125px;
		background: transparent url(/global/medias/itemRM.gif) no-repeat 0 0;
		}
	#colB ul.tools li.tool3 form input.btValid-champs {
		position: absolute;
		float: right;
		width: 27px; height: 30px;
		top: 0; right: 6px;
		margin: 0 6px 0 0;
		border-width: 0;
		}
	
	/*= collections ---------------------------------------- */
	#collections {
		padding: 1em 0 0 0;
		}
	
	/*= Menu des gammes sticker de la home page ------ */
	ul#menuCollecN1 {
		float: left;
		width: 758px;
		padding: 0 0 0 30px;
		background: #48484A url(/global/medias/bgReapeatMenuGamme.gif) repeat-x top left;
		}
	ul#menuCollecN1 li {
		float: left;
		}
	ul#menuCollecN1 li a {
		display: block;
		text-decoration: none;
		padding: 0.5em 1em 0.4em 2.2em;
		font-size: 85%;
		color: #fff;
		font-weight: bold;
		background: transparent url(/global/medias/itemLinkMenuGamme.gif) no-repeat 0 -33px;
		}
	ul#menuCollecN1 li a.hovered {
		color:#fff!important;
		background: transparent url(/global/medias/bgMenuHover.gif) repeat-x 0 0;
		}
	ul#menuCollecN1 li a:hover {
		color:#BACC0D;
		background-position: 0 0;
		}
		
	/*= niveau2 ---------------------------------------- */
	.menuCollecN2 {
		z-index:1000;
		position: absolute;
		width: 125px;
		border: 1px #ccc solid;
		background-color: #fff;
		}	
	.menuCollecN2 li {
		position: relative;
		z-index: 1000;
		border: 1px #fff solid;
		float: none!important;
		}
	.menuCollecN2 li a {
		padding: 0.2em 0.5em 0.2em 0.5em!important;
		font-size: 93%;
		font-weight: bold;
		color:#666!important;
		background-image:none!important;
		}
	.menuCollecN2 li a:hover {
		display: block;
		color:#000!important;
		padding: 0.2em 0.5em 0.2em 1.2em!important;
		background: transparent url(/global/medias/itemHoverMenCollecN2.gif) no-repeat 5px 5px!important;
		}		
	
/* ================================================================================ */
/* = Stickers promo = */

	#promotions {}
	#promotions #stickers h1 {
		margin: 0.8em 0 0 0;
		padding: 0 0 0 1.5em;
		}
	
	/*= global promotions ---------------------------------------- */
	#stickers #promosContent {
		width: 580px;
		float: l;
		padding: 1em 0 0 35px;
		}
	#stickers, 
	#produits,
	#encarts {float: left}
	
	#stickers {width: 616px}
	#encarts {width: 172px}
	
	#encarts img,
	#encarts a img {
		display: block;
		margin:0; padding:0;
		}
	
	
	/*= stickers ---------------------------------------- */
	#stickers .promo, 
	#produitsAssocies .promo {
		position :relative;
		z-index:1;
		float: left;
		width: 120px;
		margin: 5px 0 20px 10px;
		padding: 14px 0 0 0;
		background: transparent url(/global/medias/bgTopPromo.png) no-repeat top;
		}
	#stickers h2#ctl00_pageContent_Lb_titre {
		color:#000;
		font-weight: bold;
		font-size: 130%!important;
		padding: 20px 0 0.5em 2.4em;
		/*background: transparent url(/global/medias/itemH1.gif) no-repeat 5px 16px;*/
		}
	#stickers .first {
		margin: 0 0 0 5px!important;
		}
	#stickers .content {
		padding: 0.5em 3.2em 0 3.2em;
		}
	#stickers .content p {font-size: 85%;}
	
	/*= visuel ---------------------------------------- */
	.visuel {
		text-align: center;
		width: 120px ;
		margin: 9px 0 0 0;
		background: transparent url(/global/medias/bgContentPromo.png) repeat-y 0 0;
		}
	.visuel a.plus {
		position: relative;
		display: block;
		width: 20px; height: 20px;
		z-index: 1000;
		margin: -10px 0 0 8px;
		/*top: 0px; left: 0px;*/
		text-indent: -5000em;
		background: transparent url(/global/medias/itemPlus.gif) no-repeat 0 -20px;
		}
	.visuel a.plus:hover { background-position: 0 0}
	.visuel img {}
	.visuel a.visuelProduit {
		width:  95px;
		height: 70px;
		display: block;
		margin: 0 auto;
		}
	
	/*= panier ---------------------------------------- */
	.panier {
		background: transparent url(/global/medias/bgPanier.png) no-repeat 0 0;
		}
	.panier h2 {
		width: 90px;
		min-height: 25px;
		padding: 5px 10px 0 0;
		margin: 0 0 0 10px;
		font-size: 93%;
		line-height: 100%;
		font-weight: bold;
		color:#666!important;
		}
	#produitsAssocies .panier h2 {
		background-image: none;
		color: #414141;
		font-size: 85%;
		padding: 5px 10px 0 0;
		margin: 0 0 0 10px;
		}
	.panier a.ajout {
		display: block;
		text-indent: -100em;
		width: 105px; 
		height: 25px!important;
		text-decoration: none;
		padding: 5px 0 0 15px;
		margin: 3px 0 0 0;
		background: transparent url(/global/medias/linkPanier.png) no-repeat 0 3px;
		}
	.panier span {
		display: block;
		width: 105px; 
		font-size: 93%; 
		color:#fff;
		height: 25px!important;
		text-decoration: none;
		padding: 8px 0 0 15px;
		margin: 3px 0 0 0;
		background: transparent url(/global/medias/linkPanierSpan.png) no-repeat 0 3px;
		}
	.panier a.ajout:hover {background-position: 0 -37px!important;}
			
	/*= encarts ---------------------------------------- */
	#encarts .content {
		padding: 1em;
		background: #E9E9E4 url(/global/medias/bgEncartContent.gif) repeat-x 0 0;
		}
	#encarts .content h2 {
		font-size: 93%; color:#fff;
		font-weight: bold;
		}
	#encarts .content p {
		font-size: 85%;
		color:#000;
		}
	
/* ================================================================================ */
/* = PRODUITS = */
	#produits {
		width: 616px;
		background-color:#fff;
		}
	#produitSelect {
		position: relative;
		width: 300px!important;
		margin: 1em 0 0 0!important;
		}
	#produitSelect h2,
	#produitSelect h3 {padding: 0!important;}
	
	#produitSelect h2 {
		font-size: 130%;
		color:#000;
		font-weight: bold;
		padding: 1em 0 0.5em 0.7em;
		}
	#produitSelect h2 span {
		color: #666;
		padding: 0 0 0 0.3em;
		font-weight: normal;
		font-style: italic;
		}
	#produitSelect h2 span.ref {font-size: 77%}
	#produitSelect h2 span.refLib {font-size: 60%}
	
	#produitSelect h3 {
		color:#888; 
		font-size: 93%;
		font-weight: bold;
		padding: 0 0 0.5em 1em;
		}
	#produitSelect h3 a {
		color:#888;
		font-size: 100%;
		padding: 0 0 0 1.5em;
		background: transparent url(/global/medias/itemBlog.gif) no-repeat 0 0;
		}
	
	/*= flash produit ---------------------------------------- */
	#produits #flash,
	#produits #detail {
		float: left;
		}
	#produits #flash {
		margin: 1em 0 0 0;
		width: 300px;
		padding: 0 0 0 5px;
		}
	#produitSelect {
		width: 280px;
		margin:  0px 0 0 0px;
		float: right;
		}
	#produits #flash img {
		margin:0;
		display: block;
		float: left;
		}
	
	/*= détail produits ---------------------------------------- */
	#produits #detail {
		padding: 9px 0 0 0;
		width: 285px;
		}
	#produits #detail p {
		color:#333;
		font-size: 85%;
		padding: 0.5em;
		}
	#produits #detail img,
	#produits a.linkAmi,
	#produits a.seeMore {display: block}
	
	#produits #detail img {margin:0;}
	
	#produits a.linkAmi,
	#produits a.seeMore {
		font-size: 85%;
		color:#333;
		}
	#produits a.linkAmi {
		margin: 0.5em 0 0.2em 1em;
		padding: 0.5em 0 0.5em 2.5em;
		background: transparent url(/global/medias/icnAmi.gif) no-repeat 0 0;
		}
	#produits #modeleCar {
		padding:0!important;
		}
	#produits #modeleCar a.seeMore {
		text-align: center;
		position: relative;
		bottom: 5px; height: 25px;
		padding: 1em 0 0 0;
		background: transparent url(/global/medias/moreVignette.gif) no-repeat 50% 0
		}
	#produits #commande {
		width: 265px;
		margin: 0 0 0 10px!important;
		padding: 0 10px 10px 10px;
		/*background: transparent url(/global/medias/bgTopCommande.gif) repeat-x 0 0;*/
		}
	#produits #commande h2 {
		padding: 0.5em;
		font-size: 93%;
		font-weight: bold;
		color:#CA3D86;
		}
	#produits #commande form {
		margin:0;
		}
	#produits #commande .field_line {
		width: 240px; float: left;
		padding: 0.3em 0 0.5em 10px;
		margin: 0 0 5px 0;
		background: transparent url(/global/medias/bgChpsCommande.gif) no-repeat 0 0;
		}		
	#produits #commande .field_dim {
		height: 25px;
		background: transparent url(/global/medias/bgChpsDim.png) no-repeat 0 0!important;
		}
	.field_line label,
	.field_line input,
	.field_line select {float: left;}
	
	.field_line label {
		color:#fff; 
		width: 75px;
		font-size: 93%;
		}
	.field_line input,
	.field_line select {
		font-size: 85%;
		color:#666;
		border: 1px #ccc solid;
		width: 150px;
		}
	
	.field_line_panier span {
		float: left;
		font-size: 150%;
		padding: 0.2em 0 0 0;
		font-weight: bold;
		}
	span.barre,
	strong.barre span {
		color:red!important;
		text-decoration: line-through;
		margin: 0 7px 0 0;
		}
	.field_line_panier input {
		float: right;
		display: block;
		border:0; 
		font-size: 1%;
		color:#fff;
		text-align: right;
		width: 130px; height: 25px;
		background: transparent url(/global/medias/icnAjoutPanier.gif) no-repeat 0 0;
		}
	input#ctl00_pageContent_Cb_orientation {
		width: auto; 
		border:0!important;
		}
	input#ctl00_pageContent_Cb_brillant {
		width: auto; 
		border:0!important;
		}
	
	/*= #produitsAssocies ---------------------------------------- */
	#produitsAssocies {
		width: 616px;
		padding: 0 0 1em 0;
		background: #B2B4B4 url(/global/medias/bgTopProdAssocies.jpg) no-repeat 0 0;
		}
	#produitsAssocies h2 {
		color:#fff;
		font-size: 130%;
		padding: 0.3em 0 0.5em 2.2em;
		background: transparent url(/global/medias/itemH2ProdAsso.gif) no-repeat 5px 5px;
		}
	.vignettesStickers {
		width:580px;
		padding: 0 0 0 36px;
		}
	.vignettesStickers .vignette {
		float: left;
		display: block;
		width: 75px; height:75px;
		margin: 0 15px 0 0;
		border: 1px #666 solid;
		background-color: #fff;
		}
	.vignettesStickers .vignette a.more {
		position: absolute;
		display: block;
		cursor: pointer;
		text-indent: -100em;
		width: 15px; height: 15px;
		background: transparent url(/global/medias/moreVignette.gif) no-repeat 0 0;
		}
	
/* ================================================================================ */
/* = Pages de contenu générique = */
	#contenu {
		float: left;
		padding: 1em 15px 0 10px;
		width: 591px;
		}
	#contenu h1,
	#contenu h2,
	#contenu h3,
	#contenu h4 {
		margin:0;
		font-weight: bold;
		}
	#contenu h2,
	#contenu h3,
	#contenu h4 {
		padding: 0.1em 0 0.5em 1.7em;
		background: transparent url(/global/medias/chevron.gif) no-repeat 10px 5px;
		}
	
	#contenu h1 {
		font-size: 150%!important;
		margin: 0.5em 0 0 0;
		padding: 0 0 0.5em 0.5em;
		background-image: none!important;
		/*background: transparent url(/global/medias/itemH1.gif) no-repeat 0 0;*/
		}
	#contenu h2 {
		font-size: 93%;
		color:#69A625;
		margin: 0.5em 0 0 0;
		/*color:#B9C127;*/
		/*background-color:#B9C127;*/
		}
	#contenu h3 {font-size: 100%}
	#contenu h4 {font-size: 93%}
	#contenu p, 
	#contenu ul,
	#contenu form {
		clear: both;
		padding: 0.5em 0 0.5em 1em;
		}
	#contenu p,
	#contenu li {
		font-size: 85%;
		color:#666;
		}
	#contenu div.imgLeft p img {float: left}
	#contenu div.imgRight p img {float: right}
			
	#contenu li {
		list-style: disc;
		list-style-position: inside;
		}	
	#contenu li a {font-size: 100%}
	#contenu a {color:#000}
	#contenu li:hover,
	#contenu a:hover {color:#800080}

/* ================================================================================ */
/* = Formulaires = */

	#contenu form {
		margin:0 0 1em 0;
		width: 95%;
		border: 1px #ccc solid;
		background-color:#E7E8D9;
		}
	#contenu fieldset {}
	#contenu legend {
		display: block;
		width: 100%;
		color:#666;
		font-size: 85%;
		margin: 0 0 0.5em 0;
		/*background-color:#a1a1a1;*/
		}
	#contenu form .fieldLine {
		margin: 0 0 0.5em 0;
		clear: both;
		}
	#contenu form label,
	#contenu form input,
	#contenu form select,
	#contenu form textarea {
		float: left;
		}
	
	#contenu form label {
		width: 25%;
		font-size: 85%;
		color:#80086C;
		padding: 0 0 0.5em 1em;
		background: transparent url(/global/medias/chevron.gif) no-repeat 0px 2px;
		}
		
	#ctl00_pageContent_Dv_newClient h3 {
		width: 36%;
		padding: 0 0 0.5em 0;
		text-align: right;
		background-image:none;
		}
	#ctl00_pageContent_Dv_newClient label {
		width: 35%!important;
		}
	#contenu form input,
	#contenu form select,
	#contenu form textarea {
		width: 70%;
		font-size: 85%;
		border: 1px #ccc solid;
		background-color:#fefefe;
		}
	
	.fieldValid {clear: both;}
	.fieldValid input#validation,
	.fieldValid input#ctl00_pageContent_Bt_envoyer {
		float: right;
		width: 10%;
		cursor: pointer;
		border: 1px #ccc solid;
		margin: 1em 1em 0 0;
		background-color: #BCCD0F;
		}
	.fieldValid input#validation:hover,
	.fieldValid input#ctl00_pageContent_Bt_envoyer:hover {
		color:#fff;
		background-color: #800080;
		}
		
	p.messageErreur,
	p.messagePage {
		color:#666!important;
		font-size: 85%;
		font-weight: bold;
		}
	p.messageErreur a,
	p.messagePage a {
		color:#000;
		}

/* ================================================================================ */
/* = Recherche résultat = */
/* ================================================================================ */
	/*p#ctl00_pageContent_ctl00_messagePage  {
			color:#666!important;
			}*/
	
/* ================================================================================ */
/* = Footer = */

	#footer {
		width: 940px; 
		padding: 0.2em 10px 0.2em 10px;
		background: #F9F9F9 url(/global/medias/bgRepeatFooter.gif) repeat-x 0 0;
		}
	#footer p {
		float: left;
		font-size: 85%;
		color: #747472;
		}
	#footer ul {float: right;}
	#footer li {
		border-left: 1px #747472 solid;
		float: left;
		}
	#footer li a {
		display: block;
		font-size: 85%;
		padding: 0 1em 0 1em;
		text-decoration: none;
		color: #747472;
		}
	#footer li a:hover {
		color:#fff;
		/*text-decoration: underline;*/
		background-color:#C7D212;
		}

/* = PANIER 	*/

	#Panier{overflow:hidden}
	#Panier ul.etapePanier {
		margin:0 0; padding:0 0; 
		height:40px;
		list-style-type:none;
		}
	#Panier ul.etapePanier li,
	#Panier ul.etapePanier li a {
		color:#D6D5D2;
		}
	#Panier ul.etapePanier li {
		padding:0 0; float:left; 
		list-style-type:none; 
		font-size:108%; 
		margin:5px 20px 5px 0;
		}
	#Panier ul.etapePanier li a {
		text-decoration:none; 
		}
	
	#Panier ul.etapePanier li.current, 
	#Panier ul.etapePanier li.current a, 
	#Panier ul.etapePanier li a:hover{text-decoration:none; color:#57585A;}

	#Panier h1{clear:both}
	#Panier table {width:100%;font-size:100%;}
	#Panier table td.alignR {text-align:right;}
	#Panier table td.alignC {text-align:center; width:15%;}
	
	/*#Panier table input,
		#Panier table a {float: left;}*/
	
	span#ctl00_pageContent_rpt_panier_ctl00_Lb_quantite,
	span.panierQuantite,
	a#ctl00_pageContent_rpt_panier_ctl00_Bt_quantitePlus,
	a#ctl00_pageContent_rpt_panier_ctl00_Bt_quantiteMoins,
	a.panierPlus,
	a.panierMoins {float: left;}
	
	span#ctl00_pageContent_rpt_panier_ctl00_Lb_quantite {
		margin: 0 0 0 1em;
		}
	
	.ajoutQuantite,
	span.panierQuantite {
		display: block;
		width: 100%!important;
		}
	.ajoutQuantite {
		clear: both;
		padding: 5px 0 0 0;
		}
	span.panierQuantite {
		margin:0!important;	
		}
		
	a#ctl00_pageContent_rpt_panier_ctl00_Bt_quantitePlus,
	a#ctl00_pageContent_rpt_panier_ctl00_Bt_quantiteMoins,
	a.panierPlus,
	a.panierMoins {
		display: block;
		/*margin:0;*/
		text-indent: -1000em;
		width: 25px; height: 25px;
		}
	#ctl00_pageContent_rpt_panier_ctl00_Bt_quantitePlus,
	a.panierPlus {background: transparent url(/global/medias/btPlus.gif) no-repeat 0 -5px;}
	
	a#ctl00_pageContent_rpt_panier_ctl00_Bt_quantiteMoins,
	a.panierMoins {background: transparent url(/global/medias/btMoins.gif) no-repeat 0 -5px;}
	a.panierMoins { margin: 0 0 0 15px}
	
	/*= code promo */
	#ctl00_pageContent_Tr_promotionSaisie .code {
		padding: 0.5em 0 0 0;
		float: right!important;
		}
	#ctl00_pageContent_Tr_promotionSaisie .code span,
	#ctl00_pageContent_Tr_promotionSaisie .code input,
	#ctl00_pageContent_Tr_promotionSaisie .code a {float: left;}
	
	input#ctl00_pageContent_Tb_promotion {
		border: 1px #ccc solid;
		}
	a#ctl00_pageContent_Bt_promotion {
		display: block;
		width: 29px; height: 18px;
		text-indent: -1000em;
		font-size: 1px;
		background: transparent url(/global/medias/btOK.gif) no-repeat 0 0;
		}
	span#ctl00_pageContent_Lb_fraisPort {
		color:#8F2C7C;
		font-size: 120%;
		font-weight: bold;
		}

	#Panier table td.total {
		font-size:130%; 
		font-weight:bold;
		}
	#Panier table thead,
	#Panier table td.total {
		color:#fff; font-weight:bold;
		background-color:#5A5A5C;
		}
	#Panier table caption {
		padding:3px 10px;
		font-size:93%;
		font-style:italic;
		}
	#Panier table tbody td {border-bottom:1px #595A5C solid}
	#Panier table tbody td.grey {background-color:#D6D5D2}
	#Panier table tbody td {padding:5px;}
	
	#Panier table thead td,
	#Panier table tfoot td {padding:1px 5px 1px 5px;}
		
	#Panier .Adresse, 
	#Panier .identif {
		width:48.5%;
		border:1px #535456 solid;
		float:left;
		margin:10px 0;
		overflow:hidden;
		}
	#Panier .identif {border:none; height:200px;}
	#Panier .border {border-left:1px #535456 solid; margin-left:2%;}

	#Panier label{display:block; width:30%;float:left; margin-right:10px; text-align:right;}

	#Panier .Fact {}
	#Panier .Livr {float:right}

	#Panier p.valid {
		text-align:center;
		margin:10px 0; padding:0 0;
		}

	#Panier a.btForm {
		display:block; width:293px; height:25px;
		background:transparent url(/global/medias/bgBtPanier.gif) no-repeat;
		color:#fff; font-weight:bold; float:left; text-decoration:none; padding-top:5px;
		}

/* = POPUP ENVOYER A UN AMI */

	.blockUI {
		padding: 5px;
		border: 0px;
		}
	.blockUI legend {
		font-size: 116%;
		font-weight: bold;
		color: #414141;
		margin: 0px auto;
		padding: 10px 0;
		}
	.blockUI .fieldValid {
		padding: 15px 0
		}
	.blockUI .fieldLine {
		margin: 5px 0;
		float: left;
		}
	.blockUI label,
	.blockUI fieldset .fieldLine input {
		width: 150px;
		float: left;
		}
	.blockUI label {
		text-align: right;
		margin: 0;
		padding: 0;
		}
	.blockUI fieldset .fieldLine input {
		margin-left: 15px;
		text-align: left;
		}


/*=  Plan du site ---------------------------------------- */
	#siteMapLeft,
	#siteMapRight {
		float: left;
		width: 275px;
		padding: 0 0 1em 0;
		}
	#siteMapLeft {margin: 0 10px 0 0;}
	.siteMap ul {margin:0!important}
	.siteMap ul li,
	.siteMap ul li a {display: block;}
	.siteMap ul li {
		list-style-type:none!important;
		padding:0!important;
		}
	.siteMap ul li a {
		padding: 0.4em 0 0.2em 1.2em!important;
		text-decoration: none;
		font-size: 108%!important;
		background: transparent url(/global/medias/chevron.gif) no-repeat 3px 7px;
		}	
	.siteMap ul li ul li a {font-size: 108%!important}
	#siteMapLeft ul li {margin:0!important}
	#siteMapRight ul li {border: 1px #EEEDE9 solid;}
	
	#siteMapLeft ul li {margin: 0 0 0 0}
	#siteMapLeft ul li a {
		padding: 0.4em 0 0.2em 1.3em;
		background-color:#A0BE1A;
		}
	
	.siteMap ul li ul li a {
		border-right: 3px #A0BE1A solid;
		background-color:#E1E5C2!important
		}
	.siteMap ul li a:hover {
		color:#A70060!important;
		}