/* Header
-----------------------------------------------------------*/

/*
ul.etapes li.red.last span, ul.etapes li.red.last a {
	background-color: #FF4100;
	background-image:none !important;
}
ul.etapes li.red.last {background: #fff url(images/etapes.png) no-repeat right -248px !important;}
*/
.linkB
{
	cursor:pointer;    
}

.watermark
{
	color:#9f9f9f;
	font-size: 11px;
}

.clr1 { clear:both;height:1px;overflow:hidden;font-size:0.1em; }

/* nested fieldset */
.formulaire fieldset {
	border:0;
	margin:0;
	padding:0;
}

/* typography */
.formulaire h3 	{ color:#eee; margin-top:0px; }
.formulaire p 	{ font-size:11px; }

.formulaire fieldset div { margin-top:6px; }

/* input field */
.formulaire input, .formulaire textarea, .formulaire select {
	border:1px solid #ddd;
	background-color:#f4f4f4;
	padding:5px;
	font-size:12px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:90%;
}
.formulaire input:focus {color:#777;background-color:#FFF;}
.formulaire input:active {background-color:#EEE;}

/* field label */
.formulaire label {
	display:block;
	font-size:11px;
	color:#777;
}
.formulaire label {
	font-size:11px;
	margin-top:10px;
	display:block;
	padding-bottom: 2px;
}

#msgRotondeContent
{
	margin:10px;
	padding:10px;
	border:1px solid #cccccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#f4f4f4;
	
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #ff0000;
	display:block;
	line-height:15px;
	
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid {
	display: none;
}

#delivery,
#paiement,
#basket,
#cmpInfo,
#orderConfirm,
#sitemap
{
	cursor:default;
}
#addressFact .adresse { float: left;width:280px; }

#addressFact p
{
  line-height:30px;
margin-left:10px;
}


#delivery span.link,
#paiement span.link
{
	cursor:pointer;
	font-size:11px;
	color:#ff4100;
	text-decoration:none;
}
#delivery span.link:hover,
#paiement span.link:hover
{
	text-decoration:underline;
}


ul.etapes {margin-bottom:20px;}
ul.etapes li {
	display: inline;
	float: left;
	height: 49px;
	width:160px;
}
ul.etapes li.numero {
	background: url(images/etapes.png) no-repeat left top;
	width: 60px;
	line-height: 48px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
/*ul.etapes li.numero.red, */
ul.etapes li.one {background: url(images/etapes.png) no-repeat 0px -50px !important;}

ul.etapes li span, ul.etapes li a {
	line-height: 40px;
	font-weight: bold;
	font-size:15px;
	color: #fff;
	height: 40px;
	background-color: #e3e0d9;
	display: block;
	padding-top: 0;
	padding-right: 35px;
	padding-bottom: 0;
	padding-left: 25px;
}

ul.etapes li.last {
	background: url(images/etapes.png) no-repeat right -198px !important;
	padding-right:20px;
}
ul.etapes li.lastB {
	background: url(images/etapes.png) no-repeat right -248px !important;
	padding-right:20px;
}
ul.etapes li.active span, ul.etapes li.active a {background-color: #95bd0f;}
ul.etapes li.black span, ul.etapes li.black a {background: #95bd0f url(images/etapes.png) no-repeat right -99px !important;}
ul.etapes li.red span, ul.etapes li.red a {background: #FF4100 url(images/etapes.png) no-repeat right -149px !important;}
ul.etapes li.passed span, ul.etapes li.passed a {background-color: #95bd0f;}
ul.etapes li.blackB span, ul.etapes li.blackB a {background: #95bd0f url(images/etapes.png) no-repeat right -99px !important; cursor:default;}
ul.etapes li.passedB span, ul.etapes li.passedB a {background-color: #95bd0f; cursor:default;}

ul.etapes li.last span, ul.etapes li.last a {
	background-color: #e3e0d9;
	background-image:none !important;
}

ul.etapes li.lastB span, ul.etapes li.lastB a {
	background-color: #FF4100;
	background-image:none !important;
}

ul.etapes li a:hover {
	text-decoration: underline;
	color: #E3E1D9;
}



/* Panier et Livraison
-----------------------------------------------------------*/
#basket table.panier,
#delivery table.panier {
	width: 980px;
	margin-top:20px;
	border-collapse: collapse;
}
#basket table.panier td, 
#basket table.panier th ,
#delivery table.panier td,
#delivery table.panier th
{
	padding-top: 8px;
	padding-bottom: 8px;
	text-align:center;
}
#basket table.panier tr.item td, 
#basket table.panier th, 
#delivery table.panier th,
#delivery table.panier td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
#basket table.panier td.article,
#delivery table.panier td.article {text-align: left;}
#basket table.panier td.article {width:547px;}
#delivery table.panier td.article {width:310px;}

#basket table.panier td.prix {width: 180px;text-align: right; font-size:13px;}

#basket table.panier th.delete { width: 30px; text-align:center; margin:0px; padding:0px;}

#basket table.panier th.prixU {width: 100px;text-align: right; font-size:13px;}

#basket table.panier th.qte {
	text-align: left;
	width:80px;
	padding-left: 20px;
}

#basket table.panier div.price {
	position: relative;
}
#basket table.panier div.price div {
	height:24px;
}
#basket table.panier td.total-txt {
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
}

#basket span.vert { color: #339900; }

#basket td.qte .less, 
#basket td.qte .more {
	display: block;
	height: 16px;
	width: 16px;
	margin-top: 6px;
	background-image: url(../img/panier.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float:left;
}
#basket td.qte a.less:hover {background-position: 0px -18px;}
#basket td.qte a.more {background-position: -15px 0px;}
#basket td.qte a.more:hover {background-position: -15px -18px;}

#basket td.qte input.qte, 
#basket input.total-price {
	border: 1px solid #ddd;
	text-align: center;
	font-size: 13px;
	color: #000;
	width: 36px;
	padding: 3px;
	display:block;
}
#basket td.qte input.qte {float:left;margin:0 5px;}
#basket td.qte a span {display:none;}

#basket input.total-price {
	font-weight:bold;
	width: 90px;
	text-align: right;
	border-color: #fff;
}
#basket td.price {
	font-size: 12px;
	text-align: center;
}

#basket .trigger h4
{
	cursor:pointer;
	text-decoration:none;
}

#basket .trigger h4:hover
{
	text-decoration:underline;
}

#basket a.delete span {
	display: none;
}
#basket a.delete {
	display:block;
	width:17px;
	height:17px;
	background: url(images/sprites.png) -71px -89px no-repeat;
	float:right;
}


#basket td.article a.articlename, 
#basket td.article h4 {
	display: block;
	font-size: 12px;
	font-weight: bold;
}


#basket div.subvention {
	float: left;
	width:470px;
}


#basket img.thumb50px,
#delivery img.thumb50px,
#cmpInfo img.thumb50px {
	padding: 2px;
	height: 50px;
	width: 50px;
	border: 1px solid #ddd;
	float:left;
	margin-right: 10px;
}

/* ASSURANCE ANNULATION TICKETNET */
#basket img.AssrTkn {
	padding: 2px;
	cursor:help;
	width: 128px!important;
	height: 16px!important;
	border: 0 none!important;
	float:left;
	margin-right: 10px;
}

#basket div.assuranceDescr {
	float: left;
	width:380px;
}

#basket .PopinAssurDesc {
	line-height: 20px!important
}

#basket .breaker
{
	clear: both;
	height: 8px;
	width: 100%;
	visibility: hidden;
	display: block;
}

#basket .checkForAssrTkn {
	margin-left:4px!important;
	float:left!important;
}

#basket .vAlignAssurance {
	margin:0px 0px 5px 5px!important;
	float:left!important;
}

#basket .PopinAssurDescLink {
	font-weight: 700!important;
	cursor: pointer;
}

/* FIN ASSURANCE ANNULATION TICKETNET */

#basket label.usesubv {
	margin-top:8px;
	display: block;
	padding-left: 16px;
}
#basket label.usesubv input {margin-right:5px;}
#basket .usesubv input[type=checkbox]  {margin-right:5px; vertical-align:middle;}
#basket label.usesubv b {
	padding-right: 15px;
}

#basket div.usesubvImg
{
	background: url(images/sprites.png) -91px -37px no-repeat;
	width:13px;
	height:13px;
	float:left;
	margin-right:3px;
	margin-top:6px;
}

#basket span.usesubvTxt
{
	line-height:25px;
	vertical-align:middle;
}

#basket div.infosubv {
	position: absolute;
	color: #fff;
	height: 30px;
	width: 80px;
	font-size:11px;
	top:0px;
	left:0px;
	text-align: left;
	background-color: #333;
	padding: 8px 13px 8px 8px;
	display:none;
}

#basket div.infosubvBg {
	width:20px;
	height:24px;
	background: #333 url(images/sprites.png) -91px -51px no-repeat;
	position:absolute;
	right:0px;
	bottom:0px;
}

#basket a.delete span {
	display: none;
}
a.delete {
	display:block;
	width:17px;
	height:17px;
	background-image: url(../img/panier.png);
	background-position: -31px 0px;
	float:right;
}
#basket a.delete:hover {
	background-position: -89px -89px;
}

#basket span.total-price {
	font-weight:bold;
	width: 90px;
	text-align: right;
	border-color: #fff;
}
#basket span.subventionne {color: #DD0010;}

#basket div.inactive span.total-price {
	font-weight: normal;
	color: #999;
	text-decoration: line-through;
}
#basket div.avec span.total-price {color:red;}


#basket div.grandtotal,
#delivery div.coutRs,
#delivery div.cout{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#basket div.grandtotal 
{
	float:right;
	text-align:right;
	width:50%;
	color: #000 !important;
	font-size: 15px;
	padding: 8px;
	border: 1px solid #aaa;
}

#basket div.grandtotal.grey {
	background-color: #e8e6e0;
}


#basket fieldset
		{
			margin:10px;
			margin:8px !important;
			padding:10px;
			padding-top:25px;
			border: 1px solid #ddd;
			-moz-border-radius:5px;  
			border-radius: 5px;  
			-webkit-border-radius: 5px;
			width:284px;
			float:left;
			min-height:240px;
		}
		
#basket fieldset h2.onglet {
	border: 1px solid #ddd;
	width: 200px;
	text-align: center;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-bottom: 4px solid #fff;
	background-color:#fff;
	margin-top: -37px;
	height: 10px;
	position:absolute;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#basket fieldset.full
{
	margin:0px;
	width:936px;
	min-height: 80px;
}

#basket fieldset.gray h2.onglet {
	background-color:#f4f4f4;
	border-bottom: 4px solid #f4f4f4;
}

#basket fieldset.gray
{
	background-color:#f4f4f4;
	float:right;
}
#basket fieldset.gray H1
{
	font-size:15px;
	margin-bottom:20px;
}

#basket fieldset.full .line
{
	line-height:35px;
	height:35px;
}

#basket fieldset.full label
{
	color:#777777;
	font-size:11px;
	width:10px;
}

#basket fieldset .imgCE
{
	width:195px;
	height:66px;
	background: transparent url(images/sprites.png) -0px -594px no-repeat;
}

#basket fieldset .imgMember
{
	width:195px;
	height:66px;
	background: transparent url(images/sprites.png) -196px -594px no-repeat;
}

#basket .compteSal
	{
		background: url(images/Sprites.png) no-repeat -136px -247px;
		width:30px;
		height:28px;
	}
#basket .compteCE
	{
		background: url(images/Sprites.png) no-repeat -52px -339px;
		width:26px;
		height:16px;
	}

/* TOOLTIP */
/* tooltip styling. by default the element to be styled is .tooltip  */

#delivery .tooltip a {
color:White;
text-decoration:underline;
}
.tooltip {
	display:none;
	font-size:12px;
	width:250px;
	padding:20px;
	color:#fff;
	background-color: #333;
	z-index:99999;
	line-height: 120%;
}
.tooltip.article {width:360px;}
div.tooltip.article img {
	float: left;
	margin-right: 10px;
	height: 150px;
	width: 150px;
	border: 1px solid #eee;
}
div.tooltip.article a {
	color: white;
}
div.tooltip.article .description {
	float: left;
	width: 190px;
}
div.tooltip.article .description h4 {
	font-size: 13px;
	margin-bottom: 12px;
}

/* CGV */
span.cgv {
	margin-top: 24px;
	margin-bottom: 12px;
	line-height: 20px;
}

div.cgv {
	background: transparent url(images/sprites.png) -60px -89px no-repeat;
	width:10px;
	height:14px;
	float:left;
	margin-right:4px;
	margin-top:2px;
}

span.cgv a {
	color: #999999;
	text-decoration: underline;
}
span.cgv a:hover {color:#333;}


/* UpDownButton */
.updown,
.updown .middle,
.updown .left,
.updown .right
{
	height:22px;
	line-height:22px;
}

.updown .middle,
.updown .left,
.updown .right,
.updown .leftHide,
.updown .rightHide
{
	float: left;
}

.updown .left,
.updown .right,
.updown .leftHide,
.updown .rightHide
{
	background: transparent url(images/sprites.png) -60px -55px no-repeat;
	width:14px;
	height:15px;
	cursor: pointer;
	margin-top:2px;
}


.updown .left:hover
{
	background: transparent url(images/sprites.png) -60px -73px no-repeat;
}

.updown .rightHide,
.updown .leftHide
{
	background: transparent url(images/sprites.png) -552px -56px no-repeat;
	cursor: default;
}

.updown .middle
{
	/*background:White;*/
	color: black;
	font-weight:bold;
	font-size:13px;
	width:56px;
}

.updown .middle input
{
	width:48px;
}

.updown .right
{
	background: transparent url(images/sprites.png) -76px -55px no-repeat;
}

.updown .right:hover
{
	background: transparent url(images/sprites.png) -76px -73px no-repeat;
}


/* Button
-----------------------------------------------------------*/

.button
{
	position: relative;
	float:right;
	border : 1px solid #ffd4b7;
	background-color:#ff5300;
}

.buttoncancel
{
	position: relative;
	float:left;
	border : 1px solid #ddd;
}

.button,
.buttoncancel,
.button .middle,
.button .left,
.button .right,
.buttoncancel .middle,
.buttoncancel .left,
.buttoncancel .right
{
	height:36px;
	line-height:36px;
	cursor:pointer;
}

.buttoncancel .middle,
.buttoncancel .left,
.buttoncancel .right,
.button .middle,
.button .left,
.button .right
{
	float: left;
}

.button .left,
.button .right
{
	background: url("images/sprites.png") -75px -0px no-repeat; 
	width:30px;
}

.button .left
{
	background: url("images/sprites.png") -75px -0px no-repeat; 
	width:3px;
}

.button .middle
{
	background-color:#ff5300;
	padding-left:5px;
	padding-right:25px;
	color: White;
	font-size:13px;
}

.button strong
{
	font-size: 1.2em;
}

.button .right
{
	background: url("images/sprites.png") -75px -0px no-repeat; 
	width:30px;
}

.buttoncancel .left
{
	background: url("images/sprites.png") -106px -0px no-repeat !important;
	width:30px !important;
}

.buttoncancel .right
{
	background: url("images/sprites.png") -106px -0px no-repeat !important;
	width:2px !important;
}

.buttoncancel .middle
{
	color:#666 !important;
	background-color:#eeeeee !important;
	padding-left:5px;
	padding-right:25px;
	font-size:13px;
}

/* Livraison
-----------------------------------------------------------*/

#delivery table.panier td.prix {width: 100px;text-align: right; font-size:13px; position:relative;}

#delivery table.livraison td.livraison, 
#delivery table.livraison th.livraison {
	text-align: left;
	padding-left: 20px;
	width:310px;
}

#delivery table.livraison td.livraison
{
	vertical-align:top;
}

#delivery table.livraison td.livraisonMode, 
#delivery table.livraison th.livraisonMode {
	text-align: left;
	padding-left: 20px;
	width:280px;
}

#delivery table.livraison td.livraisonMode
{
	vertical-align:top;
}

#delivery table.panier td.prix {width: 110px;text-align: right; font-size:13px; }

#delivery div.subvention {
	float: left;
	width:175px;
}

#delivery div.expedition, 
#delivery div.livraison {
	line-height: 20px;
	padding-left: 5px;
	margin-bottom: 8px;
}

#delivery div.livraison div
{
	background: #333 url(images/sprites.png) -193px -21px no-repeat;
	width:24px;
	height:20px;
	float:left;
}


#delivery div.expedition div
{
	background: #333 url(images/sprites.png) -193px -0px no-repeat;
	width:24px;
	height:20px;
	float:left;
}

#delivery div.selectadresse {
	background: #333 url(images/sprites.png) -168px -18px no-repeat;
	display: block;
	height: 17px;
	width: 24px;
	float: left;
	margin-right: 6px;
	margin-top: 6px;
}
#delivery div.adresse {
	float: left;
	width: 220px;
	padding: 2px 2px 2px 8px!important;
	text-align:left;
	/*font-size: 13px;*/
	border: 1px solid #ddd!important;
}
#delivery div.adresse select
{
	width:170px;
	margin-right:5px;
	float:left;
	font-size:11px;
	border:1px solid #ddd;
	background-color:#f4f4f4;
	padding:5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#delivery div.selectadresse span {
	display: none;
}
#delivery p.change-adresse { margin-top:8px; }
#delivery p.change-adresse a {
	font-size: 10px;
	color: #FF4100;
}
#delivery div.cout {
	padding: 8px;
	font-weight: bold;
	background-color: #E3E0D9;
	text-align: right;
	width: 90px;
	border: 1px solid #aaa;
}
#delivery div.coutRs {
	padding: 8px;
	font-weight: bold;
	background-color: #E3E0D9;
	text-align: right;
	width: 90px;
	vertical-align:middle;
	line-height:90%;
	border: 1px solid #aaa;
}
#delivery td div.relative {position: relative;}

#delivery table.panier td
{
}
/* Groupage de ligne */
#delivery td.livraison div.group {
	width: 70px;
	font-weight: bold;
	color: white;
	text-align: center;
	background: transparent url(images/sprites.png) -278px -0px no-repeat;
	position: absolute;
	top: -50px;
	right: 25px;
	font-size: 0.9em;
	height: 80px;
}
#delivery div.group div.groupage {
	height: 80px;
	vertical-align: middle;
}
#delivery div.group div.groupage p {
	line-height: 15px;
	position:relative;
	top:50%;
	cursor:default;
	margin-top:-15px;
}

#delivery .xl24
{
	text-align:justify;
}

#delivery ul.modelivraison {
	text-align: left;
	width:260px;
	margin-left: 20px;
}
#delivery ul.modelivraison span.infolivraison span {display:none;
}
#delivery ul.modelivraison span.infolivraison {
	background: transparent url(images/sprites.png) -218px -0px no-repeat;
	width:15px;
	height:15px;
	display:block;
	margin-top:2px;
	float:left;
}
#delivery ul.modelivraison span.infolivraison:hover {background-position: -218px -16px;}
#delivery ul.modelivraison div.adr {float:left; line-height:20px;}
#delivery ul.modelivraison div.adr input {margin:0 6px;}
#delivery ul.modelivraison div.adr em {
	font-weight:bold;
	font-style:normal;
	color:#fff;
	text-transform: uppercase;
	font-size: 9px;
	background-color: #FF4100;
	padding: 2px;
}
#delivery ul.modelivraison .clear {height:1px;}
#delivery .tooltip.about strong {color: #FF4100;}
#delivery .modelivraison .mode a span {display:none;}

fieldset.address { overflow-y: auto; }
fieldset.addressEmail { overflow-y: auto; height: 600px; }
fieldset.email { overflow-y: auto; height: 80px; }



/* Champs complémentaire
-----------------------------------------------------------*/


#cmpInfo body {
    padding: 0 1em 1em;
}

#cmpInfo h1 {
    margin: 0;
    line-height: 2;
    text-align: center;
}

#cmpInfo .tab .absol {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
/* Accordion styles */
#cmpInfo .tabs {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

#cmpInfo .tab {
    width: 100%;
    color: white;
    overflow: hidden;
}

#cmpInfo .tab-label {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    background: #2c3e50;
    font-weight: bold;
    cursor: pointer;
    /* Icon */
}

    #cmpInfo .tab-label:hover {
        background: #f49000;
    }

    #cmpInfo .tab-label::after {
        content: "\276F";
        width: 1em;
        height: 1em;
        text-align: center;
        transition: all 0.35s;
    }

#cmpInfo .tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #2c3e50;
    background: white;
    transition: all 0.35s;
}

#cmpInfo .tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #2c3e50;
    cursor: pointer;
}

#cmpInfo .tab-close:hover {
        background: #f49000;
 }

#cmpInfo input:checked + .tab-label {
    background: #f4f4f4;
    color: #3f3f3f;
    border: solid #d9d9d9;
}

    #cmpInfo input:checked + .tab-label::after {
        transform: rotate(90deg);
        color: #f49000;
    }

#cmpInfo  input:checked ~ .tab-content {
    max-height: 100vh;
    padding: 1em;
}
 





#cmpInfo .prdContent
{
	margin:30px;
	margin-bottom:0px;
	border: 1px solid #aeaeae;
	-moz-border-radius:5px;  
	border-radius: 5px;  
	-webkit-border-radius: 5px;
	width:700px !important;
	margin-top:0px !important;
	float:left;
}


#cmpInfo .infoGris {
    margin-left: 2px !important;
    margin-top: 0px !important;
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(images/info-gris.png) no-repeat;
    float: left;
}


#cmpInfo .prdHeader
{
	font-size:16px;
	padding-left:15px;
	font-weight:bold;
	color:#696969;
	line-height:30px;
	border-bottom: 1px solid #aeaeae;
	background: white url(images/bg_green.png) -0px -0px repeat-y;
}

#cmpInfo .img
{
	width:100px;
	float:left;
	padding:10px;
}

#cmpInfo img.thumb50px 
{
	height: 100px;
	width: 100px;
	margin-left:10px;
}

#cmpInfo .content
{
	padding:20px 0px;
	width:760px;
	float:left;
}

#cmpInfo .datepicker input {
    width: 500px;
}

#cmpInfo .datepicker .txt
{
	width:496px;
	float:left;
}
#cmpInfo .datepicker .icon
{
	width:16px;
	height:18px;
	background: white url(images/Repeat_X.png) -0px -263px no-repeat;
	float:left;
}

#cmpInfo .line
{
}

#cmpInfo table
{
	width:735px;
}

#cmpInfo tr
{
	line-height:30px;
	height:30px;    
}

#cmpInfo .label
{
	width:95px;
	text-align:right;
	float:left;
	font-size:12px;
	padding-right:5px;
}
#cmpInfo .control
{
	float:left;
}
#cmpInfo .control.c450
{
	width:350px;
}
#cmpInfo .control.c200
{
	width:170px;
}
#cmpInfo .c550
{
	width:500px;
    float:left;
}

 .btnConfirmPnl
{
	margin-top:20px;
}

#cmpInfo .infoGris span {
    position: absolute;
    margin-top: -30px;
    margin-left: 29px;
    color: #fff;
    background: rgb(242, 147, 31);
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,.5);
    transform: scale(1) rotate(10deg);
    transition: all .25s;
    opacity: 0;
    text-align: center;
}

#cmpInfo .infoGris:hover span, .infoGris:focus span {
    transform: scale(1) rotate(0);
    opacity: 1;
}


#cmpInfo input, 
#cmpInfo textarea, 
#cmpInfo select {
	border:1px solid #ddd;
	background-color:#f4f4f4;
	padding:5px;
	font-size:12px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#cmpInfo input,
#cmpInfo textarea {
    width: 500px;
    float: left;
}

#cmpInfo input[type='radio'], #cmpInfo input[type='checkbox']
{
	width:5%;
	background-color:transparent;
	border:0px solid #ddd;
}

#cmpInfo div.infobulle 
{
	float:right;
	width:160px;
	background-color: #E3E1D9;
	background-image: url(../img/pourquoi.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
	border: 1px solid #aeaeae;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

#cmpInfo div.infobulleImg
{
	width:43px;
	height:43px;
	margin:auto;
	margin-bottom: 10px;
	background: transparent url(images/sprites.png) -349px -28px no-repeat;
}

#cmpInfo .infobulle h2 {
	color: #f60;
	font-size: 12px;
	margin-bottom: 8px;
}
#cmpInfo .infobulle p {
	line-height: 130%;
	margin-bottom: 8px;
}


#paiement
	  {
	  font-size:12px;
	  }
#paiement fieldset
		{
			margin:10px;
			margin:8px !important;
			padding:10px;
			padding-top:25px;
			border: 1px solid #ddd;
			-moz-border-radius:5px;  
			border-radius: 5px;  
			-webkit-border-radius: 5px;
			width:284px;
			float:left;
			min-height:240px;
		}
		
#paiement fieldset h2.onglet {
	border: 1px solid #ddd;
	width: 220px;
	text-align: center;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-bottom: 4px solid #fff;
	background-color:#fff;
	margin-top: -37px;
	height: 10px;
	position:absolute;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#paiement fieldset.full
{
	margin:0px;
	width:936px;
	min-height: 180px;
}

#paiement fieldset.gray h2.onglet {
	background-color:#f4f4f4;
	border-bottom: 4px solid #f4f4f4;
}

#paiement fieldset.gray
{
	background-color:#f4f4f4;
	float:right;
}
#paiement fieldset.gray H1
{
	font-size:15px;
	margin-bottom:20px;
}

#paiement fieldset.full .line
{
	line-height:35px;
	height:35px;
}

#paiement fieldset.full label
{
	color:#777777;
	font-size:11px;
	width:10px;
}

#paiement .checkbox
{
float:left;
margin-top:5px;
}

#paiement .checkboxN
{
float:left;
margin-right:5px;
margin-top:5px;
}

#paiement .midDiv
{
	margin-top:5px;width:142px; float:left;line-height:20px;
}

#paiement .orange
{
	color:#ff5300;
}

#paiement span.gray
{
	color:#777777;
}

#paiement div.line
{
	line-height:25px;
	height:25px;
}
#paiement div.line2
{
	line-height:35px;
	/*height:35px;*/
	height:0;
}

#paiement a.changemail {
	color: #FF4100;
	text-decoration: underline;
}

#paiement input[type="text"],
#paiement select {
	border:1px solid #ddd;
	background-color:#f4f4f4;
	padding:5px;
	color:#333;
	font-size:12px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#paiement .boxEmail
{
	margin-top:20px;
}

#paiement .cadeau
{
	margin-left: 35px;
}

#paiement .info
{
	display:inline-block;
	width:19px;
	height:19px;
	background: url(images/sprites.png) -19px -54px no-repeat;
}

#paiement .info
{
	display:block;
	width:19px;
	height:19px;
	background: url(images/sprites.png) -19px -54px no-repeat;
	float:left;
}

#paiement .infoVert
{
	margin-left:2px!important;
	margin-top:0px!important;
	display:inline-block;
	width:23px;
	height:23px;
	background: url(images/info-vert.png)  no-repeat;
	float:left;
}

#paiement .infoRouge
{
	margin-left:2px!important;
	margin-top:0px!important;
	display:inline-block;
	width:23px;
	height:23px;
	background: url(images/info-rouge.png)  no-repeat;
	float:left;
}

#paiement .infoGris
{
	margin-left:2px!important;
	margin-top:0px!important;
	display:inline-block;
	width:23px;
	height:23px;
	background: url(images/info-gris.png)  no-repeat;
	float:left;
}


#paiement .infoP1
{
	margin-left:20px;
	margin-top:7px;
}

#paiement table.chq-cadeau,
#paiement table.order {
	width: auto;
	margin: 10px 0;
}
#paiement table.chq-cadeau td,
#paiement table.order td {
	padding: 5px 50px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
#paiement table.chq-cadeau td.montant,
#paiement table.order td.montant {
	text-align: right;
	padding-right: 3px;
}

#paiement table.chq-cadeau td.nroChq,
#paiement table.order td.nroChq {
	padding-left: 4px;
	padding-right: 12px;
	text-align: left;
}

#paiement table.chq-cadeau td.nroChqBorder,
#paiement table.order td.nroChqBorder {
	padding-left: 4px;
	padding-right: 8px;
	text-align: left;
	border-left:1px solid #CCC;
}

#paiement table.chq-cadeau td.nroChqBorder strong  {
   float:left;
   line-height:24px
}

#paiement table.chq-cadeau td.montantChqNoBorder,
#paiement table.order td.montantChqNoBorder {
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
}

#paiement table.chq-cadeau td.montantChq,
#paiement table.order td.montantChq {
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

#paiement table.order tr.total {
	text-align: left;
	padding-right: 3px;
	border-bottom: 0px;
}
#paiement table.order tr.total td {
	border-bottom: 0px;
	color:#ff5300;
	font-weight: bold;
}
#paiement table.order {
	width:100%;
}
#paiement table.order td {
	border-style:dashed;
}
#paiement table.order tr {
	line-height:19px;
}
#paiement table.order th {
	text-align:left;
	line-height:25px;
	border-bottom:1px solid #c0c0c0;
}

#paiement email
{
	width:220px;
}

#paiement button.simplebutton {
	border:1px solid #D9EE8A;
	color:#fff;
	font-size:12px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:29px;
	height:27px;
	background: #BDE23D url(images/sprites.png) -52px -311px no-repeat;
	
}

#paiement .cadeauImg
{
	width:31px;
	height:34px;
	background: transparent url(images/sprites.png) -234px -0px no-repeat;
}

#paiement .cadeauBox
{
	width:35px;
	margin:auto;
	float:left;
	margin-top:7px;
}
#paiement .formbox p.infoplus {padding-top: 6px;}
#paiement .formbox p.infoplus a {color: #f60; font-size:11px;}

#navPaiement {
	z-index:2500px;
}
#navPaiement .left.enabled
{
	background: transparent url(images/sprites.png) -525px -68px no-repeat;
	width:5px;
	height:28px;
	float:left;
}

#navPaiement .right.enabled
{
	background: transparent url(images/sprites.png) -531px -68px no-repeat;
	width:5px;
	height:28px;
	float:left;
}

#navPaiement .center.enabled
{
	background-color: #cd0039;
	color:White;
	padding: 0px 10px 0px;
	height:28px;
	line-height:28px;
	float:left;
	font-weight:bold;
}

#navPaiement .left
{
	background: transparent url(images/sprites.png) -537px -68px no-repeat;
	width:5px;
	height:28px;
	float:left;
}

#navPaiement .right
{
	background: transparent url(images/sprites.png) -543px -68px no-repeat;
	width:5px;
	height:28px;
	float:left;
}

#navPaiement .center
{
	background-color: #9f9f9f;
	color:White;
	padding: 0px 10px 0px;
	height:28px;
	line-height:28px;
	float:left;
}


#pnlCompteDepotError ul {
	list-style:circle;
	padding: 0px;
	padding-left:20px;
}
#pnlCompteDepotError li {
	margin-right:1px;
	border-right:1px solid #ddd;
}


/*
background: transparent url(images/sprites.png) -525px -68px no-repeat;
width:5px;
height:28px;
  
#paiementPnl ul li.enabled
{
	background-color: #CCCCCC;
	cursor:pointer;
}
*/                     
#pnlOnline,
#pnlPhone,
#pnlMail,
#pnlGiftCard,
#pnlRib,
#pnlPreOrder,
#pnlCompteDepot,
#pnlCompteDepotError,
#pnlPrelevement
{
	display:none;
}

#paiementPnl .tabContent
{
	margin:0px 10px;
	padding:10px;
	border: 1px solid #cccccc;
	margin-top:-1px;
	z-index:2000px;
}

#paiementPnl div .tabC.active
{
	display: block!important;
}

#paiementPnl div .tabC.inactive
{
	/*display: none;*/
}

#paiement .btnConfirmPnl
{
	margin-right:10px;
}

#paiement ul.tabs {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
}

#paiement ul.tabs li {
	float:left;
	margin:0;
	padding:0 0 0 9px;
	background: url(images/Sprites.png) 0px -114px no-repeat;
}

#paiement ul.tabs li.active {
	float:left;
	margin:0;
	padding:0 0 0 9px;
	background: url(images/Sprites.png) 0px -155px no-repeat;
}
#paiement ul.tabs li.active a {
  background: url(images/Sprites.png) right -155px no-repeat;
  color:White;
}

/*
#paiement ul.tabs li.active {
	background: url(images/Sprites.png) 0px -196px no-repeat;
}*/


#paiement ul.tabs .hovered
{
	background: url(images/Sprites.png) 0px -196px no-repeat;
}

#paiement ul.tabs li a {
	display:block;
  background: url(images/Sprites.png) right -114px no-repeat;
	padding:10px 15px 10px 10px;
  font-weight:bold;
}
/*
#paiement ul.tabs li.active a {
  background: url(images/Sprites.png) right -196px no-repeat;
}*/

#paiement ul.tabs li.inactive .ahovered {
  background: url(images/Sprites.png) right -196px no-repeat;
  font-weight:bold;
}

#paiement .checkbox2
{
	margin-top:10px;
	margin-right:5px;
	float:left;
}
#paiement div.cb1, 
#paiement div.cb3 {
  background: url(images/Sprites.png) -309px -81px no-repeat;
	margin-right: 10px;
	line-height: 36px;
	width:95px;
	height:20px;
	float:left;
	margin-top:5px;
}

#paiement .cgvdiv
{
	float:left; margin-left: 300px;
}
#paiement div.cb1
{
	background: url(images/Sprites.png) -405px -81px no-repeat;
}



#navPaiement div.onlineImg,
#navPaiement div.phoneImg,
#navPaiement div.mailImg,
#navPaiement div.giftCardImg,
#navPaiement div.ribImg,
#navPaiement div.PreOrderImg
{
  background: url(images/paiementMode.png) -1px -63px no-repeat;
  float:left;
  margin-right:3px;
  width:40px;
  height:30px;
  margin-top:-7px;
}
#navPaiement .inactive
{
/*    display:block;*/
}

#navPaiement div.phoneImg
{
  background: url(images/paiementMode.png) -83px -63px no-repeat; 
}
#navPaiement div.mailImg
{
  background: url(images/paiementMode.png) -124px -63px no-repeat; 
}
#navPaiement div.giftCardImg
{
  background: url(images/paiementMode.png) -42px -63px no-repeat; 
}
#navPaiement div.ribImg
{
  background: url(images/paiementMode.png) -206px -63px no-repeat; 
}
#navPaiement div.PreOrderImg
{
  background: url(images/paiementMode.png) -247px -63px no-repeat; 
}

#navPaiement .inactive div.onlineImgHovered
{
  float:left;
  margin-right:3px;
  width:40px;
  height:30px;
  margin-top:-7px;
  background: url(images/paiementMode.png) -1px -1px no-repeat;
}
#navPaiement .inactive div.phoneImgHovered
{
  float:left;
  margin-right:3px;
  width:40px;
  height:30px;
  margin-top:-7px;
  background: url(images/paiementMode.png) -83px -1px no-repeat; 
}
#navPaiement .inactive div.mailImgHovered
{
  float:left;
  margin-right:3px;
  width:40px;
  height:30px;
  margin-top:-7px;
  background: url(images/paiementMode.png) -124px -1px no-repeat; 
}
#navPaiement .inactive div.giftCardImgHovered
{
  float:left;
  margin-right:3px;
  width:40px;
  height:30px;
  margin-top:-7px;
  background: url(images/paiementMode.png) -42px -1px no-repeat; 
}
#navPaiement .inactive div.ribImgHovered
{
  float:left;
  margin-right:3px;
  width:40px;
  height:30px;
  margin-top:-7px;
  background: url(images/paiementMode.png) -206px -1px no-repeat; 
}
#navPaiement .inactive div.PreOrderImgHovered
{
  float:left;
  margin-right:3px;
  width:40px;
  height:30px;
  margin-top:-7px;
  background: url(images/paiementMode.png) -247px -1px no-repeat; 
}


#navPaiement .inactive div.onlineImg
{
  background: url(images/paiementMode.png) -1px -32px no-repeat;
}
#navPaiement .inactive div.phoneImg
{
  background: url(images/paiementMode.png) -83px -32px no-repeat; 
}
#navPaiement .inactive div.mailImg
{
  background: url(images/paiementMode.png) -124px -32px no-repeat; 
}
#navPaiement .inactive div.giftCardImg
{
  background: url(images/paiementMode.png) -42px -32px no-repeat; 
}
#navPaiement .inactive div.ribImg
{
  background: url(images/paiementMode.png) -206px -32px no-repeat; 
}
#navPaiement .inactive div.PreOrderImg
{
  background: url(images/paiementMode.png) -247px -32px no-repeat; 
}


#btnNxtStpCB .left
{
	background: #ff5300 url(images/paiementMode.png) -1px -94px no-repeat;
	width:40px;
	
}

#btnNxtStpKdo .left
{
	background: #ff5300 url(images/paiementMode.png) -42px -94px no-repeat;
	width:40px;
	
}
#btnNxtStpMail .left
{
	background: #ff5300 url(images/paiementMode.png) -124px -94px no-repeat;
	width:40px;
	
}
#btnNxtStpPhone .left
{
	background: #ff5300 url(images/paiementMode.png) -83px -94px no-repeat;
	width:40px;
	
}
#btnNxtStpRib .left
{
	background: #ff5300 url(images/paiementMode.png) -206px -94px no-repeat;
	width:40px;
}
#btnNxtStpPreOrder .left
{
	background: #ff5300 url(images/paiementMode.png) -247px -94px no-repeat;
	width:40px;
}


#paiement div.telephone {
	float: left;
	width: 600px;
}
#paiement div.numero {
	width: 320px;
	float: right;
}
#paiement div.numero img {
	float: left;
}
#paiement .numero p {
	float: left;
	padding-left: 10px;
	font-size: 11px;
	line-height: 20px;
	width: 160px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#paiement .numero em {
	font-size: 18px;
	font-style: normal;
	color: #FF4100;
}
#paiement p.adresse {
	border: 1px solid #ddd;
	width: 300px;
	padding-top: 80px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 60px;
	font-weight: bold;
	background-image: url(images/flamme-postale.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin:auto;
	margin-top : 25px;
	margin-bottom : 10px;
}






/* Récapitulatif de la commande
-----------------------------------------------------------*/

#orderConfirm
{
	font-size:12px;
}
#orderConfirm fieldset
{
	margin:10px;
	padding:10px;
	padding-top:10px;
	border: 1px solid #ddd;
	-moz-border-radius:5px;  
	border-radius: 5px;  
	-webkit-border-radius: 5px;
	width:580px;
	float:left;
}
		
#orderConfirm fieldset h2.onglet
{
	border: 1px solid #ddd;
	width: 220px;
	text-align: center;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-bottom: 4px solid #fff;
	background-color:#fff;
	margin-top: -37px;
	height: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#orderConfirm fieldset.contactUs
{
	width:315px;
	float:left;
}

#orderConfirm fieldset.full
{
	width:936px;
	min-height: 180px;
}

#orderConfirm fieldset.gray h2.onglet {
	border: 1px solid #bfbebb;
	background-color:#e8e7e0;
	border-bottom: 4px solid #e8e7e0;
}

#orderConfirm fieldset.contactUs
{
	width:315px;
	float:left;
}

#orderConfirm fieldset.gray
{
	background-color:#e8e7e0;
	border: 1px solid #bfbebb;
	
	font-size:12px;
}


#orderConfirm fieldset.gray H1
{
	font-size:15px;
	margin-bottom:20px;
}

#orderConfirm fieldset.full .line
{
	line-height:35px;
	height:35px;
}

#orderConfirm fieldset.full label
{
	color:#777777;
	font-size:11px;
	width:10px;
}

#orderConfirm  .line
{
	border-top: 1px solid #aaaaaa;
	padding-top:10px;
	padding-bottom:10px;
}

#orderConfirm  .line2
{
	padding-top:10px;
	padding-bottom:10px;
}


#orderConfirm .line .left
{
	width:400px;
	float:left;
	font-size:12px;
}

#orderConfirm .line .right
{
	font-size:14px;
}


#orderConfirm .orange
{
	color:#ff5300;
}

#orderConfirm .grayLight
{
	color:#a0a0a0;
	font-size:11px;
	font-weight:normal;
}

#orderConfirm .titleH
{
	padding-top:30px;
	padding-bottom:10px;
	font-size:14px;
	font-weight:bold;
}
#orderConfirm div.phoneImg,
#orderConfirm div.mailImg
{
  width:40px;
  height:30px;
  float:left;
}

#orderConfirm div.phoneImg
{
  background: url(images/paiementMode.png) -83px -32px no-repeat; 
}
#orderConfirm div.mailImg
{
  background: url(images/paiementMode.png) -124px -32px no-repeat; 
}

#giftcardTbl tr.used {
	background-color: #F9F9F9;
}

.tipsy { padding:5px; font-size:11px; position:absolute; z-index:100000; }
.tipsy-inner {
	padding:7px 10px; 
	background:#000; 
	color:#fff;
	max-width:300px !important; 
	border-radius:4px; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	-khtml-border-radius:4px;
	-moz-box-shadow:1px 1px 3px #000; 
	-webkit-box-shadow:1px 1px 3px #000; 
	-khtml-box-shadow:1px 1px 3px #000; 
	box-shadow:1px 1px 3px #000;
}
.tipsy-inner span.small { font-size:10px; }
.tipsy-arrow { position:absolute; width:9px; height:5px; background-position:top left; background-repeat:no-repeat; background-image:url(images/tipsy.gif); }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right:0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
div.subsidyTip .tipsy-arrow { background-image:url(images/tipsy-subsidy.gif); } 
div.headerSubsidyTip .tipsy-arrow { background-image:url(images/tipsy-n-subsidy-ie6.gif); } 
div.subsidyTip .tipsy-inner,
div.headerSubsidyTip .tipsy-inner {
	border:1px solid #8c8572;
	background:#97bf0d;
	-moz-box-shadow:1px 1px 3px #444; 
	-webkit-box-shadow:1px 1px 3px #444; 
	-khtml-box-shadow:1px 1px 3px #444; 
	box-shadow:1px 1px 3px #444;
} 
div.headerSubsidyTip .tipsy-inner { width:250px !important; }
div.headerSubsidyTip strong,
div.subsidyTip strong { color:#fff; }
div.subsidyTip.tipsy-e .tipsy-arrow { right:1px; }
div.subsidyTip.tipsy-w .tipsy-arrow { left:1px; }
div.subsidyTip.tipsy-s .tipsy-arrow { bottom:1px; }
div.headerSubsidyTip.tipsy-ne .tipsy-arrow { top:1px; right:60px; }
div.headerSubsidyTip { margin-left:115px; }

/* Nouveautés PDC (+24/10/2013) from @mobile */                       
.green { color:#99c100; }
.green-under a { color:#99c100!important; text-decoration:underline!important; }
.green-under a:hover { color:#99c100!important; text-decoration:underline!important; }
.boxretraittn, .boxretraitFB { display:none; }
#IFrameListeRetrait { width:100%; /*overflow:hidden;*/ height:335px; border:0 none; }
.cbbloc { width:15%!important; float:left!important; margin:0 2.5%; text-align:center!important; }
.cbbloc[readonly] { background-color:#DCDCDC!important; }
.titre-24 { text-transform:none; font-size:24px; /*24px*/ text-align:left; }
.trfN  { text-transform:none; }
/*.gt-std { font-size:16px; }*/

/**********************/
/*    POINT RELAIS    */
/**********************/
.greenHrSeparator { border-top:1px solid #E3F0AF; margin:2px 0 12px 10px; width:475px; }
.ui-dialog .ui-dialog-content { padding:0!important; }
.pointRelais { background:url(images/relais.png) no-repeat; width:205px; height:87px; display:block; margin:3px 0 0 25px; cursor:pointer; }
.LabelRecherchePtChr { font-weight: 700; margin-left:10px; }

.box-relais .left { width:515px; float:left; display:inline-block; margin:0 0 0 0; }
.box-relais .left .search { width:510px; color:#3f3f3f; margin:2px 0 10px 10px; }
.box-relais .left .search div.form { float:left; width:485px; }
.box-phone { width:475px; padding-left:10px; }
.box-phone .left, .box-phone div.label { float:left; width:340px; padding:10px 7px 0 0; text-align:left; }
.box-relais .left .search div.label { float:left; width:70px; padding:4px 7px 0 0; text-align:left; }
.box-relais .left .search p { color:#9a9a9a; font-weight:700; }

.box-relais .left .search input[type="text"] { width:240px; border:solid 1px #d9d9d9; padding:5px; margin:0 10px 0 0; clear:both; margin:5px 0 5px 0; color:#3f3f3f; font-size:12px; }
.box-phone input[type="text"] { width:115px; border:solid 1px #d9d9d9; padding:5px; margin:5px 0 5px 0; clear:both; color:#3f3f3f; font-size:12px; }
.box-relais .left .search textarea#Input_Address { width:385px; height:50px; border:solid 1px #d9d9d9; padding:5px; margin:5px 0 5px 0; clear:both; color:#3f3f3f; font-size:12px; resize:none; }
.box-relais .left .search input[type="button"] { background-color:#99c100; padding:5px; color:White; width:135px; border:none; float:right; margin:5px 12px 0 0; cursor:pointer; text-transform:uppercase; }
.box-relais input[type="button"] {  background-color:#99c100; padding:5px; color:White; width:135px; border:none; float:right; margin:15px 65px 0 0; cursor:pointer; text-transform:uppercase; }

.box-relais .left .result { width:530px; margin:10px 0 20px 0; color:#3f3f3f; display:inline-block; }
.box-relais .left .result .selection { width:250px; float:left; height:218px; overflow-x:hidden; padding-right:5px; }
.box-relais .left .result .selection li { width:245px; float:left; text-transform:uppercase; padding:4px 0 4px 4px; cursor:pointer; }
.box-relais .left .result .selection li a { text-decoration:none!important; }

.box-relais .left .result .selection li.select { background-color:#99c100; }
.box-relais .left .result .selection li.select a { color:White; }
.box-relais .left .result .selection li.select:hover { background-color:#99c100;}

.box-relais .left .result .selection li:hover { background-color:#ededed;}

.box-relais .left .result .zoom { width:255px; float:left; color:#3f3f3f; padding:0 0 0 8px; margin:0 0 0 8px; border-left:dashed 1px #d9d9d9;  }
.box-relais .left .result .zoom .titre { font-weight:bold; margin:0 0 10px 0; text-transform:uppercase; }
.box-relais .left .result .zoom li { /*width:252px; float:left;*/ text-transform:uppercase; font-size:12px; margin:4px 0 4px 0; }

.box-relais .map { width:430px; height:500px; float:left; display:inline-block; margin:0 0 0 10px; background:url(images/map.png) no-repeat; }

.box-relais .left .result .selectRelay { color: #3F3F3F; font-weight: 700; padding: 0 8px 150px 8px; text-align: center; background:url(images/delivery.png) no-repeat center bottom; }

.gm-style-iw div { font-size:11px!important; }
.gm-style-iw .markerName { color:#99c100!important; }

/**********************/
/*    CARTE CB    */
/**********************/

.newblocard { display:block; }

/* Modal nouvelle carte
---------------------*/
#paiement .dashed { border-top:dashed 1px #d9d9d9; width:930px; margin:20px 0 0 0; }
#paiement .box-newcard { width:900px; margin:20px 0 0 0; border:solid 1px #d9d9d9; padding:10px; background-color:#F4F3F3; }
#paiement .box-newcard div.titre { font-size:17px; color:#3f3f3f; text-align:center; margin:0 0 20px 0; text-transform:uppercase; }
#paiement .box-newcard div.label { font-size:15px; color:#3f3f3f; float:left; width:170px; }
#paiement .box-newcard div.bloc { margin:20px 0 20px 0; clear:both; }
#paiement .box-newcard input[type="text"] { width:700px!important; background-color:White; }
#paiement .box-newcard input[type="date"] { width:100px!important; clear:both; padding:5px; background-color:White; border:1px solid #ddd; color:#333; font-size:12px;	-moz-border-radius:4px;	-webkit-border-radius:4px; }
#paiement .box-newcard select { width:100px; background-color:White; }


#paiement .mode { display:block!important; width:100%; }
#paiement .mode li { padding:5px; }
#paiement .mode li:nth-child(even) { background-color:#f4f3f3; }
#paiement .mode li:last-child { border-top: dashed 1px #d9d9d9; margin-top:20px; padding:5px; }
#paiement .mode .img { float:left; width:100px; padding-top:4px; }
#paiement .mode img { width:60px; height:38px; }
#paiement .mode .contenu { float:left; width:190px; text-align:left; padding-top:4px; font-size:16px; color:#3f3f3f; }

#paiement .box-newcard .btv { width:900px; margin:0 auto; text-align:center; }
#paiement .box-newcard .btv a { color:White; text-align:center; font-size:14px; text-transform:uppercase; }
#paiement .box-newcard .btv a:hover { text-decoration:none!important; }
#paiement .box-newcard .btv .valider { background-color:#ff5300; width:200px; float:left; height:18px; margin-top:8px; color:white; padding:10px 5px; line-height:16px; cursor:pointer;}
#paiement .box-newcard .btv .annuler { margin-right:20px; margin-left:230px; background-color:#959595; width:200px; float:left; height:18px; margin-top:8px; color:white; padding:10px 5px; line-height:16px; cursor:pointer; }



.bt { float:right; width:184px; background:#ff5300 url("images/pdc/ico-bt-panier.png") no-repeat 3px 7px; text-transform:uppercase; text-align:center; margin-top:8px; color:white; font-size:13px; padding:10px 5px 8px 26px; line-height:16px; cursor:pointer; }
#paiement .bt .pad { padding:0 0 0 25px; }
#paiement .bt-newcard { margin:0 auto; /*border-top:1px solid #ddd;border-right:1px solid #ddd; border-left:1px solid #ddd;*/ width:280px; display:block; 
						background:#ff5300 url("images/pdc/ajout-cb.png") no-repeat 3px 3px; padding:0; text-transform:uppercase; text-align:center;
						margin-top:20px; color:white; font-size:14px; padding:10px 5px; cursor:pointer; border-radius:0px; }
#paiement .bt-newcard .pad { padding:0 0 0 38px; }