body			{margin: 0;padding: 0;background: #fff;}
BODY			{align: center;FONT-FAMILY: Arial, Helvetica, sans-serif;BACKGROUND-COLOR: #ffffff;FONT-SIZE: 12px;}
TD				{FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-SIZE: 12px}
FORM			{FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-SIZE: 12px}
U				{color: #7b8f38;}
A:link			{FONT-WEIGHT: normal;COLOR: #333333;FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: underline}
A:visited		{FONT-WEIGHT: normal;COLOR: #333333;FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: underline}
A:hover			{FONT-WEIGHT: normal;COLOR: #333333;FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: underline}
A:active		{FONT-WEIGHT: normal;COLOR: #333333;FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: none}
table caption	{background-color: #d5dead;font-weight: bold;color: Black;margin-left: 10px;}
.txtgreen		{FONT-WEIGHT: normal;COLOR: #7b8f38;TEXT-DECORATION: none}
.txtgreens		{FONT-SIZE: 10px;COLOR: #ff8f34;TEXT-DECORATION: none}
.txtgreen2		{FONT-WEIGHT: normal;COLOR: #7b8f38;TEXT-DECORATION: none}
.txtgreen2s		{FONT-WEIGHT: normal;FONT-SIZE: 11px;COLOR: #636363;TEXT-DECORATION: none}
.txtgreen4		{font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #94a545;}
.txtgreen5		{font-size: 10px;color: #94a545;}
.txtgreen8		{color: #7b8f38;}
.fontgreys		{FONT-SIZE: 11px;COLOR: #333333;}
.bgColorStrong	{background-color: #94a545;}
@import url(fonts/fonts.css);

body{background:#e7e0d2;font:normal 100% arial;margin-bottom:10px;margin-top:10px;}
p{color:#614730;font-size:13px}
img{border:0px;margin:0px;}
select{z-index:10}

#header{background:white;width:1011px;margin:0 auto;padding-bottom: 2px;position:relative;}
#header .logo {margin:5px 15px 0 10px;display:block;width:190px;height:80px;color:#656567;font-size:10px;text-decoration:underline;float:left;}
#header .cart {margin-top:18px;width:245px;color:#656567;font-size:12px;float:right;cursor:pointer;}
#header .cart .basket{vertical-align: top; padding-right: 15px;}
#header .letterZone h1{margin:0;padding:0 10px 0 0;color:#614730;display:inline;white-space:nowrap;text-transform:uppercase;font: 19px Arial;}
#header .customer{color:#646567;font-size:11px;}
#header .customer span{white-space:nowrap;padding-right:5px;}
#header .links{color:#646567; font-size:10px; text-decoration:none;position:absolute;right:0;margin:4px 17px 0 0;}
#header .links a{color:#646567;text-decoration:none}
#header .links a:hover{text-decoration:underline}
#header table{width:100%}
#header table td{vertical-align: bottom;}
#header .miniSize{width:100px;}
#header .links .language{color:#7E9138;font:bold 11px arial}

.clear{clear:both;}

#breadcrumb{margin-top:6px;height:33px;margin-left:10px;}
#breadcrumb ul{margin:0;padding:0}
#breadcrumb li{list-style-type:none;width:198px;float:left}
#breadcrumb a{display:block;padding:9px 0;width:100%;color:#7e9138;font:bold 12px arial;text-decoration:none;text-transform:uppercase;text-align:center;background:#e5eece url(../../../img/YR/common/breadcrumb-separator.gif) no-repeat top right;}
#breadcrumb a.current{color:white;background:#8b9621 url(../../../img/YR/common/breadcrumb-separator-current.gif) no-repeat top right;}
#breadcrumb a.finished{background:#e5eece url(../../../img/YR/common/breadcrumb-separator-finished.gif) no-repeat top right;}
#breadcrumb li.last a{background:#e5eece}
#breadcrumb li.last a.current{background:#8B9621}

#body{margin:0 auto;padding:4px 10px 10px 10px;background:white;width:1011px;position:relative;}
#body #mainCol{width:765px;float:left;padding-bottom:10px;}
#body #column{width:203px;float:right}
#body #bodyFooter{clear:both}

#orderForm{width:201px;text-align:center;}

.kickers .kicker{padding:3px 0;text-align:center;}
.kickers .kicker img{width:201px;}

.eCatalogs .eCatalog{padding:3px 0;text-align:center;}
.eCatalogs .eCatalog img{width:201px;}

.envelope{margin:32px 18px 0 0;float:left;text-align: center;}
#welcome .envelope{width: 200px;}
.homeCode .envelope{width: 420px;}

#welcome{color:#614730;font-size:13px;padding-bottom:3px;}
#welcome b{color:#624831;font-weight:bold}
#welcome .acceder{border:0;color:white;background:#7b8f38;cursor:pointer;font:bold 14px arial;line-height:20px;padding:2px 8px;float:right;margin-top:25px;}
#welcome .presentation{margin:0;padding-top:32px;float:left; width: 540px;}

.validate.top {padding:10px 0 0 0}
.validate.bottom {padding:10px 0;clear:both}
.validate .next{padding:0 23px 0 8px;color:white;font:bold 14px arial;text-decoration:none;line-height:20px;background:url(../../../img/YR/common/puce_valider.jpg) no-repeat right center #7B8F37;float:right;cursor:pointer;}
/* SO COLISSIMO */
.validate .desactiver{padding:0 23px 0 8px;color:white;font:bold 14px arial;text-decoration:none;line-height:20px;background:url(../../../img/YR/common/puce_valider_gris.jpg) no-repeat right center #BEBEBE;float:right;cursor:pointer;}
/* END SO COLISSIMO */
.validate .previous{margin-right:20px;padding:0 8px 0 23px;color:#7B8F38;font:bold 14px arial;text-decoration:none;line-height:20px;background:url(../../../img/YR/common/puce_modifier.jpg) no-repeat left center #D7DDC3;float:right;cursor:pointer;}
#validation .validate .next{font-size:13px;}
/* SO COLISSIMO */
#validation .validate .desactiver{font-size:13px;}
/* END SO COLISSIMO */
#validation .validate .previous{font-size:13px;}

.zone{position:relative}
.zone div.title{display:inline-block;position:relative;width:100%;}
.zoneBorder{border:1px solid #93A446}
.zone.zoneMain{margin-bottom:8px;}
.XSell{border-color:#8178a3;}
.XSell .popin.text {border-color:#8178a3}
.zone div.title h1{display:inline-block;float:left;margin:0;padding:3px 11px 2px 8px;color:white;font:bold 12px arial;text-transform:uppercase;background:#93A446;cursor:pointer;}
.XSell div.title h1{background:#8178a3}
.zone .addNew .removePackage {color: #7B8F38;font: bold 11px arial;}
.zone div.title .moreInfo{color:#A39B94;font:normal 11px arial;text-transform:none;white-space:nowrap;margin-left:8px;position:relative;top:3px;cursor:pointer;}
.zone h2{margin:0 0 2px 0;padding:5px 3px;color:#684a30;text-transform:uppercase;font:bold 12px arial;background-color:#EDF3DE;}
.zone .nbItem{color:#57441A;font:bold 14px arial;text-transform:uppercase;float: left;margin-left: 10px;}
.zone .nbItem span{color:#ED8D33}
.zone .message{font-size:14px;color:#818181;position:absolute;top:-21px;right:0;}
.zone table {width:100%;border-collapse:collapse}
.zone table td.col_1 {width:69px}
.zone table td.col_2 {width:200px}
.zone table td.col_3 {width:73px}
.zone table td.col_4 {width:134px}
.zone table td.col_5 {width:59px}
.zone table td.col_6 {width:51px}
.zone table td.col_7 {width:103px}
#basket .zone table td.col_2 {width:260px}
#basket .zone table td.col_4 {width:74px}
.zone table thead td {padding-left:10px;height:20px;color:#black ;font:normal 10px arial;text-transform:uppercase;background-color:#F3EEE8}
.zone table tbody td img{border:0;font: normal 11px arial;}
.zone table tbody td {padding:5px 10px 5px 10px;border:1px solid #f3eee8;color:#47372A;vertical-align:middle;}
.zone table tbody td.thumb{border-left:0;padding:3px 0;width:80px;}
.zone table tbody td.thumb img{display:block;margin:0 auto}
.zone table tbody td.description{font:bold 11px arial;}
.zone table tbody td.description .ref{color:#818181;font-weight:normal}
.zone table tbody td.description .more{display:inline-block;margin-top:10px;color:#818181;font-weight:normal;}
.zone table tbody td.description input{vertical-align:middle;}
.zone table tbody td.price, .zone table tbody td.total {font:bold 11px arial;text-align:right;}
.zone table tbody td.advantage span{color:#ED8D33;font:bold 11px arial;}
.zone table tbody td.advantage {text-align:center;}
.zone table tbody td.qte {color:#8B8B8A;font:bold 11px arial;text-align:center;}
.zone table tbody td.qte select{font-size:10px}
.zone table tbody td.qte span{display:block;color:#47372A}
.zone table tbody td.total span{color:#ED8D33;font:bold 14px arial;text-transform:uppercase;}
.zone table tbody td.delete{vertical-align:middle;text-align:center;padding:0;border-right:0}
.zone table tbody td.delete a{color:#8B8B8A;font-size:11px;}
.zone table tbody td.addCart{border-right:0 none;padding:0;vertical-align:middle;text-align:center}

.zone ul {list-style-type:none;font-size:9px;color:#A39B94;zoom:1}
.zone li {padding-bottom:10px; width:19.9%;float:left}
.zone li img{display:block;margin-bottom:3px;border:0}
.zone li input{position:relative;top:2px;left:-3px}
.zone li .inputRadio{float:left;}
.zone li .label{float:right; margin-right:20px; width:70%; margin-top: 6px;}
.zone li .inputText{display:inline-block;font-size:9px;width:59px;position:relative;top:-1px;}
.zone li .validate{top:4px;}
.zone li a.validate{display:inline-block;width:18px;height:18px;background:url(../../../img/YR/common/ok.gif);position:relative;top:4px;}
.zone li .title{display:inline-block;padding-top:2px}
.zone .presentationText{color:#47372A;font-size:11px;text-transform:none;border:0;background:none;padding:5px;}
.zone.noSize .addNew{height:auto;padding-bottom:10px}
.zone.noSize .addNew .removePackage{margin-right:20px;color:#7B8F38;font:bold 11px arial}
.zone .eCatalogue{color:#ED8D33;font:bold 13px arial;position:absolute;bottom:69px;right:16px;z-index:10}
.zone li .noImage{margin-top:85px;}
.zone li .label.noImage{margin-top:88px;}

.zone .popin.text {position:absolute;background:#F3EEE8;z-index:100;color:#47372A;font-size:11px;text-transform:none;display:none;zoom:1;border:4px solid #7B8F38; border-width: 3px 4px 4px 3px}
.zone .popin.text .close {float:right;color:#b6ada5;font-size:9px;text-transform:uppercase;text-decoration:none;cursor:pointer;margin-right:15px;position:absolute;top:10px;right:0}
.zone .popin.text .close:hover {text-decoration:underline}
.zone .popin.text .close img {margin-left: 5px;}
.zone .popin.text .content{padding:10px}

.sweepstake {color:#47372A;font-size:11px;padding-bottom:8px;padding-left:12px;padding-right:8px;padding-top:10px;position:relative;}
.sweepstake .price li {float:none;}
.sweepstake .validate input {vertical-align:middle;}
.sweepstake .rules {margin-top:7px;}


#total {margin-top:15px;padding:15px 0 0;width:100%;font-size:11px;color: #47372A;background-color: #EDF3DE;position:relative}
#total table {width:100%}
#total td.total_col1{padding-left:20px;width:50%;height:30px;border-bottom: 2px solid #FFFFFF;font:bold 14px arial;color:#7B8F38;text-transform: uppercase}
#total td.total_col2{padding-right: 20px;width:50%;height:30px;border-bottom:2px solid #FFFFFF;color:#7B8F38;font-size:18px;text-align:right}
#total td.amount_col1{padding:5px 0 5px 20px;width:50%;height:24px;color:#47372A;font-size:12px}
#total td.amount_col2{padding-right:20px;width:50%;height:24px;color:#47372A;font-size:12px;text-align:right}
#total td.resume_col1 {padding-left:20px;width:50%;height:30px;background-color:#7B8F38;color:#FFFFFF;font:bold 14px arial;text-transform:uppercase}
#total td.resume_col2{padding-right: 20px;width:50%;height:30px;color:#FFFFFF;background-color: #7B8F38;font-size:18px;text-align: right}

.addNew{padding:10px 8px 8px 12px;color:#684a30;background-color:#F3EEE8;position:relative}
.addNew h1{margin:0;font:bold 14px arial;text-transform:uppercase}
.addNew h1 a{color:#ED8D33;text-decoration:underline}
.addNew small{display:block;margin:0;font-size:11px}
.addNew input{color:#47372A;display:inline-block;margin:10px 5px 0 0;font-size:11px;width:195px;border:1px solid #adadad;vertical-align:top}
.addNew .inputs{margin-top:29px;width:553px;}
.addNew .inputs input{margin:0 20px 20px 0;width:108px;position:static;}
.addNew .qte{margin:10px 5px 0 5px;font-size:12px;color:#684a30;display:inline-block;vertical-align:top;zoom: 1;*display: inline;}
.addNew .adv{margin:10px 5px 0 5px;width:253px;font-size:12px;color:#684a30;display:inline-block;vertical-align:top;zoom: 1;*display: inline;}
.addNew .adv span{font-weight:bold;color:#ED8D33}
.addNew select{font-size:10px}
.addNew .addCart{position:absolute;bottom:10px;right:10px;border:0;width:auto}
.addNew .addCart img{border:0;margin-right:5px}
.addNew.openLot .removePackage{float:left;}
.addNew.openLot h1{float:right;}


#crossSell{margin-top:15px;padding:5px 0;width:200px;position:relative;}
#crossSell h1{margin:0;padding:3px;width:194px;color:white;font:normal 11px arial;text-transform:uppercase;background:#7b8f38}
#crossSell hr {margin:6px 10px;padding:0;border:0;height:1px;background-color:#AEAEAE}
#upSell{margin-top:45px;position:relative;zoom:1}
* html #upSell{margin-top:13px}
*+html #upSell{margin-top:13px}
#upSell h1{margin:0;padding:3px;height:28px;color:#46372A;font:bold 14px arial;position:absolute;top:-35px;zoom:1}
* html #upSell h1{position:relative;top:-2px}
*+html #upSell h1{position:relative;top:-2px}
#crossSell .productItem {border: 1px solid #C8C8C8;padding:5px 5px 0 5px;}
#upSell .productItem {width:24%;padding:5px 5px 0 5px;border: 1px solid #C8C8C8;}
#upSell .productItem.top {border-bottom: 0;}
#upSell .productItem.bottom {border-top: 0;}
.productItem .productTitle{color:#46372A;font:bold 11px arial;padding:0 5px}
.productItem .productDescription{color:#46372A;font:normal 11px arial;padding-bottom:5px }
.productItem .productDetail{padding-right:10px;float:left;position:relative}
* html .productItem .productDetail{padding-right:5px}
.productItem .productDetail img{border:0}
.productItem .special {margin-top:5px;padding:1px;color:white;font:bold 11px arial;text-transform:uppercase;background-color:#ce0247}
.productItem .productDetail .thumb{display:block;}
.productItem .productDetail .more{display:inline-block;margin-left:15px;margin-top:5px;padding-left:11px;color:#878585;font-size:10px;text-decoration:none;background:url("../../../img/YR/common/puce-fiche.gif") no-repeat 0 3px;position:relative;top:0px;}
.productItem .price{color:#46372A;font:bold 12px arial;text-align:right;position:relative;}
.productItem .reduce{color:#46372A;padding-top:2px;font:normal 9px arial;position:relative;top:-4px}
.productItem .ref{padding-top:21px;color:#878585;font-size:11px;text-transform:uppercase;clear:right}
.productItem .qte{color:#878585;font-size:11px;text-transform:uppercase;text-align:right;padding-right:2px;position:relative;}
.productItem .qte select{font-size:9px}
.productItem .productPriceInfo{padding-top:2px;color:#AEAEAE;font-size:9px}
.productItem .addCart{color:#7B8F38;font-size:9px;text-transform:uppercase;text-decoration:none;float:right;margin:5px 10px 5px 0px;}
.productItem .picture{display:block;text-align:center;}

#offreCourrier{width:730px;height:315px;position:relative}
#offreCourrier .welcome {position:absolute;left:298px;top:59px}
#offreCourrier .welcome h1 {color:#342d27;font:bold 13px arial;text-transform:uppercase;}
#offreCourrier .welcome p {color:#342d27;font:normal 11px arial}
* html #offreCourrier .welcome h1 {margin-bottom:9px;}
* html #offreCourrier .welcome p {margin-top:9px;}
*+html #offreCourrier .welcome h1 {margin-bottom:9px;}
*+html #offreCourrier .welcome p {margin-top:9px;}
#offreCourrier form{position:absolute;top:198px;left:298px}
#offreCourrier form label {display:inline-block;padding-right:5px;color:#342d27;font:bold 11px arial ;width:73px;text-align:right;float:left;clear:left}
#offreCourrier form input {width:84px;height:15px;border:1px solid  #c4c1bb;margin-bottom:5px;float:left}
#offreCourrier form .help {display:block;margin-left:10px;width:16px;height:16px;background:url(../../../img/YR/common/Help2.gif);float:left}
#offreCourrier .button{display:inline-block;height:13px;border:0;padding:0 10px;margin:0;color:white;font-size:10px;text-decoration:none;text-transform:uppercase;background:#8e9e46;position:absolute;left:358px;top:59px}
#offreCourrier .customerLink{display:block;width:166px;height:30px;position:absolute;top:285px}
#offreCourrier .customerLink.cl1{left:152px}
#offreCourrier .customerLink.cl2{width:180px;left:327px}
#offreCourrier .customerLink.cl3{width:211px;left:515px}


#footer{margin:0 auto;padding:5px 0 15px 0;width:1011px;color:#878585;font-size:10px;line-height:18px;text-align:center;clear:both;}
#footer a{color:#878585;text-decoration:none}



/* popin*/
/***************************************************************************************/


.modal {background-color:#fff; display:none; width:832px; height:431px; text-align:left; border:2px solid #e8e8e8;font-size:12px} 
.modal .close {float:right;color:#b6ada5;font-size:9px;text-transform:uppercase;cursor:pointer;margin-right:15px;position:absolute;top:10px;right:0}
.modal .close:hover{text-decoration:underline}
.modal .close img {margin-left: 5px;}

.modal .col1 {clear:both;width:386px;height:100%;border-right:1px solid #bbc1c0;float:left}
.modal .col2{width:360px;float:left;padding:40px 0 0 30px;color:#46372a}
.modal .col2 a.underline{color:#878585;font-size:11px;margin:10px 0}
.modal .col2 a.underline:hover{text-decoration:underline}
.modal .col2 h1.titre{color:#46372a;font:400 23px arial;margin:0 0 10px 0}
.modal .col2 small{color:#878585; font-size:12px}
.modal .col2 p{margin:0;padding:0 0 15px 0;text-align:justify}
.modal .col2 .scrollbar{height:236px;width:393px!important;overflow:hidden;clear:both}
/* JQuery 1.6 - scrollbar */
.modal .col2 .jspArrow .jspDisabled {cursor: default;/*background: #80808d;*/}
.modal .col2 .jspArrow {display: block;cursor: pointer;height: 10px;width: 8px;}
.modal .col2 .jspArrowDown {background: url(../../../img/YR/common/scroll-down.gif) no-repeat scroll left top transparent;}
.modal .col2 .jspArrowUp {background: url(../../../img/YR/common/scroll-up.gif) no-repeat scroll left top transparent;}
.modal .col2 .jspCap {display: none;}
.modal .col2 .jspContainer {overflow: hidden;position: relative;}
.modal .col2 .jspCorner {background: white;float: left;height: 100%;}
.modal .col2 .jspDrag {background: #c8c8c8;	position: relative;top: 0;left: 0;cursor: pointer;}
.modal .col2 .jspHorizontalBar * {margin: 0;padding: 0;}
.modal .col2 .jspHorizontalBar .jspArrow {float: left;}
.modal .col2 .jspHorizontalBar .jspCap {float: left;}
.modal .col2 .jspHorizontalBar .jspDrag {float: left;height: 100%;}
.modal .col2 .jspHorizontalBar .jspTrack, 
.modal .col2 .jspHorizontalBar {position: absolute;bottom: 0;left: 0;width: 100%;height: 10px;background: white;border-style:solid;border-width:0 0 0 0;border-color:#c8c8c8;}
.modal .col2 .jspPane {position: absolute;}
.modal .col2 .jspTrack {background: #f3f3f3;position: relative;cursor: pointer;}
.modal .col2 .jspVerticalBar *,
.modal .col2 .jspVerticalBar .jspArrow:focus {outline: none;}
.modal .col2 .jspVerticalBar {position: absolute;top: 0;right: 0;width: 8px;height: 100%;background: #ffffff;border-style:solid;border-width:0 0 0 0;border-color:#c8c8c8;}
/* JQuery 1.6 - scrollbar - end */
.modal .col2 .jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;margin:0 0 14px 0;clear:both;border-top:10px solid white}
.modal .col2 .jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background: #f3f3f3;width:8px!important}
.modal .col2 .jScrollPaneDrag {position: absolute;background: #c8c8c8;cursor: pointer;overflow: hidden;width:8px!important}
.modal .col2 .jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;width:8px!important}
.modal .col2 .jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;width:8px!important}
.modal .col2 a.jScrollArrowUp {display: block;	position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 10px;width:8px!important;background:transparent url(../../../img/YR/common/scroll-up.gif) no-repeat top left;}
.modal .col2 a.jScrollArrowUp:hover {/*background-color: #f60;*/}
.modal .col2 a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 10px;width:8px!important;background:transparent url(../../../img/YR/common/scroll-down.gif) no-repeat top left;}
.modal .col2 a.jScrollArrowDown:hover {/*background-color: #f60;*/}
.modal .col2 a.jScrollActiveArrowButton, .modal .col2 a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
.modal .col2 .jScrollPaneScrollable {width:393px!important}
.modal .col2 .jScrollPaneContainer .disabled{visibility:visible}
.modal .col2 .infos{position:relative}
.modal .col2 .thumb{width:40px;height:40px;padding-right:10px;float:left;position:relative}
.modal .col2 .price{padding-top:21px;color:#46372A;font:bold 16px arial;float:right;position:relative;}
.modal .col2 .reduce{color:#90877F;font:normal 10px arial;position:relative;top:-4px;text-align:right}
.modal .col2 .ref{padding-top:21px;color:#878585;font-size:11px;text-transform:uppercase;}
.modal .col2 .qte{color:#878585;font-size:11px;text-transform:uppercase}
.modal .col2 .qte select{font-size:9px}
.modal .col2 .productPriceInfo{padding-top:2px;color:#878585;font-size:11px}
.modal .col2 .addCart{color:white;font:bold 11px arial;float: right;text-decoration:none;text-transform:uppercase;}
.modal .col2 .BVCustomerRatings{color:#878585;float:right;position:relative;top:-3px;font-size:11px}
.modal .col2 .BVCustomerRatings a{color:#878585;text-decoration:underline;margin-right:5px;font-size:11px}
.modal .col2 .BVCustomerRatings img {position:relative;top:2px;border:0}

.loading {background:url(../../../img/YR/common/loading2.gif);width:32px;height:32px;display:none}

.error {background-color:#fff; display:none;width:auto;height:auto;padding:20px;pxtext-align:center; border:2px solid #e8e8e8;font-size:12px}
.error .button{background:#7B8F37;color:white;font:12px arial;padding:0 8px;text-decoration:none;align:center;cursor:pointer}
.error .close {}
.error .close:hover{text-decoration:underline}

#popinError {width:auto;height:auto;padding:10px}
#popinError .button{background:#7B8F37;color:white;font:12px arial;padding:0 8px;text-decoration:none;}
#popinError .close {}
#popinError .close:hover{text-decoration:underline}

/* SO COLISSIMO */
.livraison {background-color:#fff; display:none;width:auto;height:auto;padding:5px 10px 10px 10px;text-align:center; border:2px solid #e8e8e8;font-size:12px;}
.livraison .button{background:#7B8F37;color:white;font:12px arial;padding:0 8px;text-decoration:none;align:center;cursor:pointer}
.livraison .close {}
.livraison .close:hover{}

#popinLivraison {width:auto;height:auto;padding:5px 10px 10px 10px;}
#popinLivraison .button{background:#7B8F37;color:white;font:12px arial;padding:0 8px;text-decoration:none;}
#popinLivraison .close {}
#popinLivraison .close:hover{}

#facPost tr {white-space: nowrap;}
.livBlock_title {color: #7B8F38;  font: bold 14px arial;}
/* END SO COLISSIMO */

.question {background-color:#fff; display:none;width:auto;height:auto;padding:20px;pxtext-align:center; border:2px solid #e8e8e8;font-size:12px}
.question .button{background:#7B8F37;color:white;font:12px arial;padding:0 8px;text-decoration:none;align:center;cursor:pointer;margin:0 5px;}
.question .close {}
.question .close:hover{text-decoration:underline}

#popinQuestion {width:auto;height:auto;padding:10px}
#popinQuestion .button{background:#7B8F37;color:white;font:12px arial;padding:0 8px;text-decoration:none;}
#popinQuestion .close {}
#popinQuestion .close:hover{text-decoration:underline}

#allAddress {margin-top:25px}
#allAddress table {font-size:12px}
#allAddress table input {font-size:11px}
#allAddress table fieldset{border:1px solid #e5eece;margin-bottom:27px;position:relative}
#allAddress table fieldset legend{position:absolute;top:-24px;left:-8px}
#allAddress .deliveryZone{border:1px solid #e5eece;margin-bottom:10px;padding:12px 8px 12px 8px;}
#allAddress #deliveryAddress{border:1px solid #e5eece;margin-bottom:10px;padding:12px 8px 12px 8px;}
#allAddress .information {width:310px}
#allAddress #relayParcelSearch {border:1px solid #e5eece;margin-bottom:10px;padding:12px 8px 12px 8px;}
#allAddress #relayParcelSearch h1 {color:#8B9621;font-size:12px}
#allAddress #relayParcelChoice {border:1px solid #e5eece;margin-bottom:10px;padding:12px 8px 12px 8px;width:320px;}
#allAddress #relayParcelSearch a, #allAddress #relayParcelChoice a {vertical-align:bottom;}
.txtred{color:red;font-size:11px}
.txtGreen4 {color:#8b9621;font:bold 14px arial}
.txtgreen2s {color:#646567;font:normal 10px arial}
.txtgreen2s a{color:#646567;font:normal 10px arial}
.txtgreen2s p{color:#646567;font:normal 10px arial}
td .bouton{background:url("../../../img/YR/common/puce_valider.jpg") no-repeat scroll right center #7B8F37;color:white;float:right;font:12px/20px arial;padding:0 23px 0 8px;text-decoration:none;}
td .bouton.back {background:url("../../../img/YR/common/puce_modifier.jpg") no-repeat scroll left center #D7DDC3;color:#7B8F38;float:right;font:12px/20px arial;padding:0 8px 0 23px;text-decoration:none;}
#relayParcelProposals {font-family: Arial,Helvetica,sans-serif;font-size: 12px;}
#relayParcelProposals #linkChangeRelay{vertical-align: bottom;}
#relayParcelProposals .relayParcelList{margin-right:auto;margin-left:auto;}
#relayParcelProposals td {border:1px solid #E5EECE;padding: 3px;}
#relayParcelProposals .relayName{font-weight:bold;}
#relayParcelProposals .horaires td {border:0;}
#relayParcelProposals .horaires td {border:0;}
#relayParcelProposals a {font-family: Arial,Helvetica,sans-serif;font-size:12px;color:black;}


#validation table{font-size:12px;color:#646567}
#validation .txtred2b {color:#8b9621;font:bold 13px arial}
#validation form {border-bottom:1px solid #e5eece;height:31px;margin-top:20px;margin-bottom:20px}
#validation .bgColorLight > table {color:#8b9621;font:bold 13px arial}
.txtgreen4  {color:#94A545;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;}
.bgTableLine {background-color:#E9EED2;}
.bgColorLight .fontgreys{color:#413328;font:bold 11px arial}
.total .txtblack{color:#413328;font:bold 11px arial}
#validation table.group {border:1px solid #e5eece}
.txtgreen2 b{font-weight:normal}
font table table table font{font-weight:bold}
font table table table.group font{font-weight:normal}
/* compatibilite 4.0 <-> 4.1 */ #validation #controleMsg{float:left;vertical-align:middle;white-space:nowrap;}
#validation #buttons{float:right;}

#paiement .txtgreen2 {color:#8b9621;font-weight:bold}
#paiement .small{font-size:10px}
#paiement p{text-align:left;color:#8b9621;margin:0 0 5px 0}
#paiement p b{text-align:left;color:#8b9621}
#paiement table {text-align:left;font-size:13px;color:#646567}
#paiement td {vertical-align:top}
#paiement td img {margin:0;vertical-align:middle;text-decoration:none;zoom:1}
#paiement td input{font-size:11px}
#paiement td select{font-size:11px}
#paiement .border{border-top:1px solid #e5eece;padding-top:10px}
#paiement .creditCardPict{margin:0 5px 0 5px;width:52px;height:38px;border:0;display:block;}
#paiement .creditCardLink{float:left;}
#paiement .creditCardCryptoCb{float:left;}
#paiement .montant{text-align:right;background-color:#EDF3DE;color:#7B8F38;font-size:16px;padding:5px;}


.homeCode #header {height:91px}
.homeCode .welcome{width:472px;float:right;margin-right:40px}
.homeCode .welcomeImage{float:left;}
.homeCode .welcome h1{color:#8b961e;font:bold 13px arial;text-transform:uppercase; margin:  0.67em 0 0.67em 0}
.homeCode .welcome p {color:#342D27;font:11px arial; margin:  1em 0 1em 0}
.homeCode .welcome .form h1{font:22px Arial;text-align:center;margin-bottom:0px}
.homeCode .welcome .form form {padding:10px;border:1px solid #d8e1b6;display:block;text-align:center;margin:0}
.homeCode .welcome .form label{padding-right:15px;color:#342d27;font:bold 11px arial}
.homeCode .welcome .form small {display:block;color:#342d27;font-size:9px}
.homeCode .welcome .form .text {border:1px solid #e3e4e6;font-size:10px;margin-right:15px;}
.homeCode.homePage .welcome .form .text {margin-right:5px;}
.homeCode .welcome .form .submit{border:0;color:white;background:#7b8f38;cursor:pointer;font-size:12px;padding:2px 8px;}
.homeCode .welcome .new {padding-top:10px;}
.homeCode .welcome .new h2 {color:#8b961e;margin:0;font:bold 11px arial;text-transform:uppercase}
.homeCode .welcome .new a{color:#342d27;font:normal 11px arial;text-decoration:underline}
.homeCode .welcome .help {padding-top:30px;}
.homeCode .welcome .help h2 {color:#8b961e;margin:0;font:bold 11px arial;text-transform:uppercase}
.homeCode .welcome .help img{border:0;float:right}
.homeCode .welcome .help small{display:block;padding-top:10px;text-align:center;font:italic 10px arial;clear:both}

.homeCode .welcome .homeInputs {margin-left: auto;margin-right: auto;}
.homeCode .welcome .homeInputs tr td {padding-top: 5px; padding-bottom: 8px;}
.homeCode .welcome .homeInputs .col1 {width: 160px; text-align: right;}
.homeCode .welcome .homeInputs .col3 {width: 160px; text-align: left;}
.homeCode .welcome .helpHome {padding-top:15px;}
.homeCode .welcome .helpHome .zoneHelp{float: left; width: 235px;}
.homeCode .welcome .helpHome h2 {color:#8b961e;margin:0;font:bold 11px arial;text-transform:uppercase}
.homeCode .welcome .helpHome img{border:0;}
.homeCode .welcome .helpHome small{display:block;padding-top:10px;text-align:center;font:italic 10px arial;clear:both}

.homeCode #footer {padding-top:0}
.homeCode #footer .services{margin-bottom:5px;padding:5px 8px;font:normal 17px "MartinGotURWTOTMedRegular";text-transform:uppercase;background:#ebf0da;color:#8b961e;text-align:left}
.homeCode #footer .services sup{font-size:9px}
.homeCode #footer .services a{font-size:16px;color:#614730}
.homeCode #footer .services a small{text-transform:none}
.homeCode #footer .services a.l1{background:url(../../../img/YR/common/s1.png) no-repeat center left;padding-left:30px;margin-left:100px}
.homeCode #footer .services a.l2{background:url(../../../img/YR/common/s2.png) no-repeat center left;padding-left:25px;margin-left:100px}
.homeCode #footer .services a.l3{background:url(../../../img/YR/common/s3.png) no-repeat center left;padding-left:13px;margin-left:100px}
.homeCode .link{cursor:pointer; transition-duration:0.5s;}
.homeCode .image{float:left;}

.homeCode .w1 {width:auto;height:150px;}
.homeCode .w1 h1{text-transform:none}
.homeCode .w2 {clear:both;margin-left:0}



.voucher {
   	color: #47372A;
	font-size: 12px;
}

.voucher .content{
	padding:10px 20px 10px 20px;
}

.voucher form{
	display:inline-block;
}

div.voucher {
	display:inline-block;
	background-color: #F2F2F2;
	height:100%;
	width:100%;
	margin-top:15px;
	position: relative;
}
.voucher .title {
	display:block;
	font-size: 14px;
	margin-bottom: 5px;
}
.voucher .label {
	display:inline-block;
	font-size: 14px;
	margin-left: 5px;
}
	
.voucher input[type=submit] {
	background-color:#A6A6A6;
	color:#FFFFFF;
	font-weight: bold; 
	cursor:pointer;
	margin-left: 5px;
	vertical-align: bottom;
}
	
.voucher input[type=text] {
    border: 1px solid #ADADAD;
   	color: #000000;
	display: inline-block;
	font-size: 14px;
	width: 195px;
}

.voucher input[disabled][type=text] {
	border: 1px solid #ADADAD;
    background-color: #BFBFBF;
}

.voucher input[type=text].errorField {
}

.voucher .errorMessage {
	color:#f00;
	font-weight: bold;
	margin-left: 5px;
}

.comp_lot a {
	color: #46372a;
	text-decoration: none;
}


.col1_Acceuil_VPCI {
	width: 48.3%;
	float : left;
	padding-left: 15px;
}

.col2_Acceuil_VPCI {
	width: 51.7%;
	float : left;
	padding-right: 15px;
}
.img-lenseffect:hover {
	-ms-transform: scale(3) translate(-83px,43px); /* IE 9 */
	-webkit-transform: scale(3) translate(-83px,43px); /* Safari 3-8 */
	transform: scale(3) translate(-83px,43px);
	transition-duration: 0.5s;
}

