/* COMMUN *************************************************************************************/

.site {
	position: absolute;
	width: 985px;
	height: 620px;
	left: 50%;
	margin-top: 10px;
	margin-left: -492px;
	float: left;
	z-index: 1;
}
.fondNoir {
	background: #000000;
}
.gras {
	font-weight: bold;
}
.italique {
	font-style: italic;
}
.hidden {
	display: none;
}
.rouge {
	color: #e53517;
}
.gris {
	color: #5b5b5b;
}
.noBorder {
	border: none;
}
.borderBas {
	border-bottom: 1px #eeeeee solid;
}
.margeDroite15 {
 margin-right: 15px;
}
.aDroite {
	float: right;
}
.aGauche {
	float: left;
}
.auMilieu {
	float: center;
}

.phaseOk {
	background: transparent url(images/phase_ok.gif) no-repeat;
	width: 842px;
	height: 27px;
	float: left;
	margin: 0 0 5px 25px;
	padding: 10px 0 0 43px;
	color: #5f5f5f;
	font-weight: bold;
}
html>body .phaseOk {
	margin: 0 0 3px 50px;
}
.phasePliee {
	background: transparent url(images/phase_pliee.gif) no-repeat;
	width: 885px;
	height: 37px;
	float: left;
	margin: 5px 0 5px 25px;
	color: #5f5f5f;
	font-weight: bold;
}
html>body .phasePliee {
	margin: 3px 0 5px 50px;
}
.phasePliee a {
	width: 885px;
	height: 27px;
	float: left;
	margin: 0 0 5px 25px;
	padding: 10px 0 0 20px;
	color: #5f5f5f;
	font-weight: bold;
	text-decoration: none;
}
.phasePliee a:hover {
	text-decoration: underline;
}
.phasePlieeOff {
	background: transparent url(images/phase_pliee_off.gif) no-repeat;
	width: 885px;
	height: 27px;
	float: left;
	margin: 5px 0 5px 25px;
	font-weight: bold;
	color: #cccccc;
	padding: 10px 0 0 40px;
}
html>body .phasePlieeOff {
	margin: 3px 0 5px 50px;
}

.p885 {
	width: 842px;
	float: left;
	color: #5f5f5f;
	margin: 0 0 10px 25px;
	padding: 0 0 0 43px;
	font-size: 11px;
}
html>body .p885 {
	margin: 0 0 10px 50px;
}

/* Boite dynamique */
.dynBox {
	float: left;
	background: transparent url(images/bg_dynbox_bottomright.gif) bottom right no-repeat;
	padding: 0 0px 0px 0;
}
.dynBox .bottomRight {
	background: transparent url(images/bg_dynbox_topleft.gif) top left no-repeat;
	float: left;
	padding: 12px 0 0 12px;
}.dynBox .bottomLeft {
	background: transparent url(images/bg_dynbox_bottomleft.gif) bottom left no-repeat;
	float: left;
	padding: 0 0 12px 0px;
}
.dynBox .topRight {
	background: transparent url(images/bg_dynbox_topRight.gif) top right no-repeat;
	float: left;
	padding: 0 12px 0 0px;
}

/* HOME LOGIN
*************************************************************************************/
#accueil {
	/*background: url(images/bg_home.jpg) no-repeat;
	width: 985px;
	height: 620px;*/
	float: left;
}
#accueil .logForm {
	margin: 480px 0 0 540px;
}
#accueil .logForm a {
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
}
#accueil .logForm .labels {
	text-align: right;
	padding-bottom: 3px;

}
#accueil .logForm label {
	text-align: right;
	padding-right: 10px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
}
#accueil .logForm .labelErreur {
	padding-right: 6px;
	padding-left:6px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
#accueil .logForm input {
	color: #000000;
	font-size: 13px;
	height: 18px;
	border: none;
	padding: 2px 3px 0 3px;
	margin-bottom: 6px;
}
#accueil .logForm .btLog {
	background: #e61400;
	color: #ffffff;
	font-size: 12px;
	margin-left: 5px;
	padding: 2px 1px;
	text-align: center;
	height: auto;
	cursor:pointer;
}
/* Blocs info */
.blocInfo {
	 /*background:#ffffff;*/
	 padding: 0px 10px;
	 width: 268px;
	 position: absolute;
}
.blocInfo h2 {
	color: #e53517;
	font-size: 21px;
}
.blocInfo .texte {
	color: #494747;
	font-size: 10px;
	background: url(images/picto_chevron.gif) no-repeat;
	width: 145px;
	padding-top: 4px;
	padding-left: 28px;
	text-align: justify;
	margin-right: 25px;
}

/* PAGE INSCRIPTION *************************************************************************************/

#inscription {
	width: 985px;
	height: 620px;
	float: left;
	background: transparent url(images/bg_inscription.gif) repeat-y;
}

#inscription .animeBox {
	margin: 50px 0 0 10px;
	width: 670px;
	height: 550px;
	float: left;
	background: transparent url(images/bg_inscription_anim.gif) no-repeat;
}
html>body #inscription .animeBox {
	margin: 50px 0 0 20px;
}
#inscription .formBox {
	width: 275px;
	height: 550px;
	float: left;
	margin: 50px 0 0 5px;
	color: #7d7d7d;
	background: transparent url(images/bg_inscription_form.gif) no-repeat;
}
#inscription .formBox  h2 {
	margin: 20px 0 0 15px;
	font-size: 17px;
}
#inscription .formBox  p {
	margin: 20px 0 30px 15px;
	width: 240px;
	font-size: 12px;
}
#inscription .formBox  form {
	margin: 0px 0 0 15px;
	font-size: 11px;
}
#inscription .formBox  table {
	float: left;
	border-collapse: collapse;
}
#inscription .formBox  td {
	vertical-align: top;
	font-size: 11px;
}
#inscription .formBox  .labels {
	text-align: right;
	vertical-align: top;
}
#inscription .formBox  .labels label {
	font-size: 11px;
	text-align: right;
	padding-top: 3px;
	float: right;
	margin-right: 10px;
}
#inscription .formBox  .champs {
	height: 22px;
	background: transparent url(images/bg_champs_inscription_large.gif) no-repeat 5px center;
	font-size: 11px;
	padding: 0 5px 0 11px;
	border: 0;
	vertical-align: middle;
}
#inscription .formBox  .champs input {
	border: 0;
	background: transparent;
	float: left;
	text-align: center;
	font-size: 11px;
	padding-bottom: 3px;
	width: 130px;
}
#inscription .formBox  .legende {
	font-style: italic;
	font-size: 10px;
	height: 25px;
	text-align: right;
}
#inscription .formBox  .coches {
	float: left;
	width: 230px;
}
#inscription .formBox  .coches  label {
	padding: 3px 0 10px 0px;
	font-size: 11px;
	float: left;
	margin:0;
}
html>body 
#inscription .formBox  .coches  label {
	padding: 0px 0 10px 0px;
}
#inscription .formBox  .coches  .labels {
	text-align: left;
	float: left;
}
#inscription .formBox  .coches  .champs {
	padding-right: 5px;
	background: none;
	width: auto;
	font-size: 11px;
	vertical-align: top;
}
#inscription .formBox  .coches  .champs input{
	width: auto;
	padding: 0;
	margin: 0;
}
#inscription .formBox .btBox {
	margin: 30px 0 0 37px;
	float: left;
	width: auto;
}
html>body #inscription .btBox {
	padding: 0 0 0 26px;
}

.tabTrackingOrder
{
	
}

/* INFOS *************************************************************************************/
#infos {
	width: 985px;
	height: 60px;
	float: left;
	
}
#infos  .weekBox {
	/*float: right;*/
	font-size: 58px;
	font-weight: bold;
	color: #f0f0f0;
	background: transparent url(images/avant_premiere.gif) no-repeat right top;
}
.fondNoir #infos  .weekBox {
	color: #898888;
	background: transparent url(images/avant_premiere_fond-noir.gif) no-repeat right top;
}
#infos  .userBox {
	float: left;
	height: 45px;
	margin:5px 0 5px;
	padding-left: 50px;
	font-weight: bold;
	color: #898989;
}
#infos  .userBox a {
	text-decoration: none;
	color: #4b4b4b;
	font-size: 9px;
}
#infos  .userBox a:hover {
	text-decoration: underline;
}

#infos  .userBox .userLink {
	text-decoration: none;
	color: #898989;
	font-size: 9px;
}
#infos  .userBox a:hover.userLink {
	text-decoration: none;
}

#infos  .user {
	float: left;
	height: 45px;
	font-size: 9px;
}
#infos  .user span {
	font-size: 26px;
	font-weight: normal;
}
.ecoBox {
	/*float: left;
	height: 45px;
	border-left: #898888 1px solid;
	padding-left: 5px;
	margin-left: 5px;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
*/
	color:#898989;
	font-family:Arial, Helvetica, sans-serif;
	width:80px;
	float:left;
	border-left:1px solid #898888;
	margin-left:5px;
}
.ecoBox span.pushLevel{
	font-size:20px;
	display:block;
	position:relative;
	padding-right:27px;
	text-align:right;
}

.ecoBox span.exp {
 font-size:10px;
 position:absolute;
 top:1px; 
 padding-left:3px;
 font-weight:normal;
}
.ecoBox span.endLevel {
 display:block;
 text-align:right;
 font-size:11px;
 font-weight:normal;
}
/*#infos  .ecoBox div.valeur {
	font-size: 20px;
	display: block;
	text-align: center;
	float: left;
}*/

html>body #infos  .ecoBox div.valeur {
	text-align: right;
	min-width: 45px;
}
#infos  .ecoBox .devise {
	font-size: 10px;
	text-align: right;
}
#infos  .ecoBox .devise span {
	font-size: 12px;
}
div.contentLeft
{
	float:left;
	margin-left:20px;
	width: 300px;
}

/* HEADER *************************************************************************************/
#header {
	width: 985px;
	height: 100px;
	float: left;
	background: url(images/bg_header.jpg) bottom no-repeat;
	position:relative;
	z-index: -1;
}

.footerLink 
{
	position:absolute;
	left:0;
	top:22px;
	display:block;
	width:493px;
	height:70px;
}
#header li {
	float: left;
	position:relative;
}
#header .panier {
	float: right;
	width: 119px;
	border-left: #898888 1px solid;
	color: #ffffff;
}
#header .panier th {
	display: none;
}
#header .panier a {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
}

#header .panier td {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#header .panier .rightAlign {
	text-align: right;
	padding-right: 10px;
	width: 52px;
}


/* mainNav */
#header .mainNav {
	width: 985px;
	height: 20px;
	color: #ffffff;
	text-align: center;
}

#header .mainNav ul{
	list-style: none;
}
#header .mainNav a {
	height: 20px;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	text-indent: -9999px;
	float: left;
}
#header .mainNav a.none {
	height: 50px;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	text-indent: 0px;
	float: none;
}
#header .mainNav a.btFemme {
	width: 164px;
	background: url(images/nav_femme.gif) no-repeat;
}
.fondNoir #header .mainNav a.btFemme {
	background: url(images/nav_femme_noir.gif) no-repeat;
}

#header .mainNav a.btHomme {
	width: 78px;
	background: url(images/nav_homme.gif) no-repeat;
}
.fondNoir #header .mainNav a.btHomme {
	background: url(images/nav_homme_noir.gif) no-repeat;
}

#header .mainNav a.btJunior {
	width: 134px;
	background: url(images/nav_junior.gif) no-repeat;
}
.fondNoir #header .mainNav a.btJunior {
	background: url(images/nav_junior_noir.gif) no-repeat;
}

#header .mainNav a.btEnfant {
	width: 128px;
	background: url(images/nav_enfant.gif) no-repeat;
}
.fondNoir #header .mainNav a.btEnfant {
	background: url(images/nav_enfant_noir.gif) no-repeat;
}

#header .mainNav a.btBebe {
	width: 133px;
	background: url(images/nav_bebe.gif) no-repeat;
}
.fondNoir #header .mainNav a.btBebe {
	background: url(images/nav_bebe_noir.gif) no-repeat;
}

#header .mainNav a.btPrecious {
	width: 228px;
	background: url(images/nav_precious.gif) no-repeat;
}
.fondNoir #header .mainNav a.btPrecious {
	background: url(images/nav_precious_noir.gif) no-repeat;
}
#header .mainNav a.btPanier {
	width: 120px;
	background: url(images/nav_panier.gif) no-repeat;
}
.fondNoir #header .mainNav a.btPanier {
	background: url(images/nav_panier_noir.gif) no-repeat;
}

#header .mainNav a:hover, #header .mainNav a.on, .fondNoir #header .mainNav a:hover, .fondNoir #header .mainNav a.on {
	background-position: 0 -21px;
}

#header .mainNav li.end {
	border-right: none;
}

/* subNav */
#header .subNav {
	width: 860px;
	text-align: right;
}
#header .subNav ul{
	list-style: none;
	float: right;
	margin-top: 37px;
	margin-left: 35px;
}
#header .subNav li{
	border-right: #898888 1px solid;
}
#header .subNav li.end{
	border-right: none;
}
#header .subNav a {
	height: 20px;
	color: #898888;
	text-decoration: none;
	padding: 0px 15px;
	font-size: 14px;
}
#header .subNav a:hover, #header .subNav a.on  {
	color: #ffffff;
}

/**** HomePageShopMono ****/

/* CONTENT *************************************************************************************/
#content 
{
	/*
	width: 985px;
	height: 435px;
	float: left;
	overflow: hidden;
	position:relative;
	*/
}
#content .col150{
	width: 150px;
	/*height:435px;*/
	float: left;
}
#content .photo {
	width: 340px;
	height:435px;
	float: left;
	position:relative;
	z-index:1;
}

#content .rightPart .pictureUp img 
{
	width:835px;
	height:170px;
}

#content .rightPart {
	width: 835px;
	float: left;
}

/* Descente catalogue */
#content .catalogue {
	float: right;
	overflow: auto;
	position:relative;	
}
.homePageShopMono
{
	float: right;
	width: 495px;
	z-index: 1;
	height: 436px;
}
.homePageShop
{
	width: 832px;
	height: 435px;
	z-index: 100;
}
#content .catalogue  .prodBox  a.btExpress {
	margin-top: 3px;
	width: 82px;
	height: 16px;
	background: url(images/bt_express.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}
#content .catalogue  .prodBox  a:hover.btExpress {
	background-position: 0 -16px;
}

/*-----------content catalogue precious-------------*/

#content .catalogue  .prodBoxPrecious {
	width: 270px;
	height: 130px;
	text-align: left;
	/*float: left;
	margin-left: 45px;*/
	position:relative;
	margin:0 auto;
	overflow:hidden;
	
}

#content .catalogue  .rightProdBoxPrecious {
	width: 135px;
	text-align: left;
	float: right;
	padding-top:10px;
}

#content .catalogue  .prodBoxPrecious a.prodBoxPreciousVisuel {
	width: 105px;
	float: left;
}

#content .catalogue  .prodBoxPrecious a.productImageEmptyPrecious {
	width: 242px;
	float: left;
}

#content .catalogue  .prodBoxPrecious .vProd {
	width: 100px;
	height: 100px;
	margin: 10px 0;
}
#content .catalogue  .prodBoxPrecious .nom {
	color: #53585c;
	font-size: 14px;
	font-weight: bold;
}
#content .catalogue  .prodBoxPrecious .description,
#content .catalogue  .prodBoxPrecious .shop {
	color: #53585c;
	font-size: 11px;
	font-weight: normal;
}
#content .catalogue  .prodBoxPrecious .club {
	color: #f22716;
	font-size: 12px;
	font-weight: bold;
}

#content .catalogue  .prodBoxPrecious  a.btExpress {
	margin-top: 3px;
	width: 82px;
	height: 16px;
	background: url(images/bt_express.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}
#content .catalogue  .prodBoxPrecious  a.btExpress:hover {
	background-position: 0 -16px;
}

/* Descente catalogueLarge */
#content .catalogueLarge {
	width: 835px;
	height: 262px;
	overflow: auto;
	text-align: center;
	position:relative;
}
#content .catalogueLarge  .prodBox {
	width: 135px;
	height: 220px;
	text-align: left;
	/*float: left;
	margin-left: 45px;*/
	position:relative;
	margin:0 auto;
}

#content .catalogueLarge table
{
	width:805px;
	margin:0 auto;
	text-align:center;
}

#content .catalogueLarge  .prodBox .vProd {
	width: 100px;
	height: 100px;
	float: left;
	margin: 10px 20px 10px 0px;
}
#content .catalogueLarge  .prodBox .nom {
	color: #53585c;
	font-size: 14px;
	font-weight: bold;
}
#content .catalogueLarge  .prodBox .description, #content .catalogue  .prodBox .shop {
	color: #53585c;
	font-size: 11px;
	font-weight: normal;
}
#content .catalogueLarge  .prodBox .club {
	color: #f22716;
	font-size: 12px;
	font-weight: bold;
}

#content .catalogueLarge  .prodBox  a.btExpress {
	margin-top: 3px;
	width: 82px;
	height: 16px;
	background: url(images/bt_express.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}
#content .catalogueLarge  .prodBox  a:hover.btExpress {
	background-position: 0 -16px;
}

/* ZOOMBOX */
.zoomBox {
	background: #ffffff;
	width: 266px;
	height: 460px;
	border: #a9a9a9 1px solid;
	border-right: #6f6f6f 2px solid;
	border-bottom: #6f6f6f 2px solid;
	display: none; 
	position: absolute;
    top: -30px; 
    left: -250px; 
    z-index: 1000;
}

.zoomBox img{
	width: 266px;
	height: 400px;
}
.zoomBox .legende 
{
	padding-top: 10px;
	text-align:center;
	color: #636363;
	font-size: 14px;
}

.zoomBoxNew {
	background: #ffffff;
	width: 266px;
	height: 460px;
	border: #a9a9a9 1px solid;
	border-right: #6f6f6f 2px solid;
	border-bottom: #6f6f6f 2px solid;
    z-index: 1000;
}

.zoomBoxNew img{
	width: 266px;
	height: 400px;
}
.zoomBoxNew .legende 
{
	padding-top: 10px;
	text-align:center;
	color: #636363;
	font-size: 14px;
}

/* PROCESSUS D'ACHAT ******************************/

/* Commun */
h2.processus {
	width: 885px;
	height: 25px;
	text-indent: -9999px;
	margin: 10px 0 10px 50px;
}

/* Etape 1 */
h2.etape1 {
	background: url(images/t_etape_1.gif) no-repeat;
}
.panBox {
	width: 885px;
	background: url(images/th_panier.gif) top no-repeat;
	padding-top: 23px;
	margin-left: 25px;
	border-bottom: 1px #cccccc solid;
	float: left;
}
html>body .panBox {
	margin-left: 50px;
}
.panContent {
	width: 885px;
	margin-bottom: 5px;
	float: left;
}
.panBox .demi {
	height: 112px;
}

.panContent .panTab {
	width: 860px;
	height: auto;
	border-collapse: collapse;
}
.panContent .panTab .tabHeader {
	display: none;
}
.panContent .panTab td {
	/* Il y avait deux classes CSS incohérentes
	padding: 5px 5px 0 5px;
	vertical-align: middle;*/
	color: #393939;
	vertical-align:top;
	padding:4px 0 4px 0;
	font-size: 9px;
}
.panContent .panTab td.vProduit {
	width: 100px;
	height: 100px;
	vertical-align: top;
	padding: 5px;
}
.panContent .panTab td.descriptionLeft {
	width: 157px;
	font-size: 10px;
	vertical-align: top;
	text-align: left;
}
.panContent .panTab td.descriptionLeft .tProduit {
	font-size: 12px;
	font-weight: bold;
	width: 157px;
	float: left;
}
.panContent .panTab td.descriptionLeft * {
	font-size: 10px;
}
.panContent .panTab td.descriptionLeft table {
	border-collapse: collapse;
	float: left;
}
.panContent .panTab td.descriptionLeft table td {
	border: none;
	padding: 0 5px 3px 0;
}
.panContent .panTab td.descriptionLeft table td a {
	color: #393939;
}
.panContent .panTab td.descriptionLeft table td select {
	width: 60px;
	margin: 0px 5px;
	height: 18px;
}
.panContent .panTab td.rayon {
	width: 110px;
	text-align:center;
	font-size: 12px;
}
.panContent .panTab td.estimation {
	width: 150px;
	text-align: right;
}
.panContent .panTab td.club {
	width: 210px;
	text-align: center;
}
.panContent .panTab td.club span.yourPrice {
	font-weight:bold;
	font-size: 11px;
}
.panContent .panTab td.club span.messageNoPriceClub {
	font-size:11px;
	font-style:italic;
}
.panContent .panTab td.club a.linkAddSubscription  {
	font-size:12px;
	font-weight: bold;
	color: Red;
}
.panContent .panTab td.quantite {
	width: 74px;
	text-align: right;
}
.panContent .panTab td.quantite select{
	width: 40px;
}
.panContent .panTab td.total {
	width: 96px;
	text-align: right;
}
.panContent .panTab td.economie {
	width: 83px;
	text-align: right;
}

/* Etape 2 ************/
h2.etape2 {
	background: url(images/t_etape_2.gif) no-repeat;
}

.ombreHaute885 {
	background: url(images/ombre_haut_seule.gif) top no-repeat;
	width: 867px;
	height: 20px;
	float: left;
	padding: 10px 0 0 18px;
	margin-left: 25px;
}
html>body .ombreHaute885 {
	margin-left: 50px;
}
.ombreBas885 {
	background: url(images/ombre_bas_seule.gif) bottom no-repeat;
	padding-bottom: 10px;
	float: left;
}

/* Identification */
.identification .dynBox {
	width: 885px;
	margin-left: 25px;
	margin-bottom: 4px;
}
html>body .identification .dynBox {
	margin-left: 50px;
}
.identification .dynBox .bottomLeft {
	width: 873px;
}
.identification .dynBox .bottomRight {
	width: 861px;
}
.identification .deplier {
	background: url(images/puce_h3_depliee.gif) 5px center no-repeat;
	padding-left: 25px;
	text-decoration: none;
	margin-bottom: 10px;
}
.identification table {
	margin: 15px;
	    border:medium none;
    font-family:arial,verdana,helvetica,sans-serif;
    font-size:12px;
}
.identification .labels {
	text-align: right;
	padding-right: 10px;
	margin-bottom: 15px;
	color: #4d4d4d;
}
.identification .champs {
	background: url(images/bg_champs_coord.gif) right no-repeat;
	width: 155px;
	height: 20px;
	font-size: 11px;
	text-align: right;
	padding-right: 8px;
}
.identification .champs input {
	text-align: center;
	border: none;
	width: 145px;
	background: transparent;
}
.identification .champsDelivery {
	background: url(images/bg_champs_coord_largeXL.gif) right no-repeat;
	width: 200px;
	height: 20px;
	font-size: 11px;
	text-align: right;
	padding-right: 20px;
}
.identification .champsDelivery input {
	text-align: center;
	border: none;
	width: 200px;
	background: transparent;
}
/**** POUR LA PAGE IDENTIFICATION ! ****/
.identification .champsIdentification {
	background: url(images/bg_champs_identification.gif) right no-repeat;
	width: 272px;
	height: 20px;
	font-size: 11px;
	text-align: right;
	padding-right: 8px;
	padding-top: 13px;
}
.identification .champsIdentification input {
	text-align: left;
	border: none;
	width: 260px;
	background: transparent;
	padding-left: 14px;
}
/**** Fin ****/
.identification .legende a {
	font-style: italic;
	text-decoration: none;
	color: #666666;
	font-size: 10px;
}
.identification .btNoirReflet {
	margin-left: 120px;
}
#waitingBox {
	position: absolute;
	width: 360px;
	height: 360px;
	top: 120px;
	left: 50%;
	margin-left: -180px;
}
#waitFlash {
	width: 360px;
	height: 360px;
}
.marge754 {
	margin-left: 377px;
}
html>body .marge754 {
	margin-left: 754px;
}


/* verification */
.btCroix {
	background: transparent url(images/croix.gif) left no-repeat;
	height: 18px;
	padding-left: 24px;
}
a.btCroix{
	text-decoration: none;
	height: 17px;
	display: block;
	padding-top: 1px;
	float: left;
	color: #5f5f5f;
}
.alertBox {
	width: 440px;
	height: 35px;
	background: url(images/fond_alertbox.gif) no-repeat;
	float: left;
	font-size: 11px;
	color: #ffffff;
	padding: 5px 0 0 30px;
}

/* Souscription */
.souscription .formBox {
	width: 810px;
	border: 1px #cccccc solid;
	border-bottom: 2px #cccccc solid;
	margin: 5px 0px 0px 12px;
	padding-bottom: 10px;
	float: left;
}
html>body .souscription .formBox {
	width: 805px;
	margin: 5px 0px 0px 25px;
}
.souscription .formBox h4 {
	color: #e53517;
	text-transform: uppercase;
	float: left;
	clear: both;
	margin: 5px 0 0 5px;
}
html>body .souscription .formBox h4 {
	margin: 5px 0 0 10px;
}
.souscription .formBox .description {
	margin: 5px 0px 0px 10px;
	color: #5f5f5f;
	float: left;
	clear: both;
}
html>body .souscription .formBox .description {
	margin: 5px 0px 0px 20px;
}
.souscription .formBox .tabFormule {
	overflow: auto;
	float: left;
	height: 85px;
	width: 765px;
	margin-left: 10px;
}
html>body .souscription .formBox .tabFormule {
	margin-left: 20px;
}
.souscription .formBox table {
	width: 745px;
	border-collapse: collapse;
	float: left;
	margin: 10px 0 0px 10px;
}
html>body .souscription .formBox table {
	margin: 10px 0 0 20px;
}
.souscription .formBox .tabFormule table {
	float: left;
	margin: 0;
}
.souscription .formBox .tabFormule tr.header {
	display: none;
}
.souscription .formBox .tabHeader td {
	padding: 1px 5px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	border-bottom: 1px #cccccc solid;
}
.souscription .formBox .selection {
	width: 50px;
}
.souscription .formBox .formule {
	width: 200px;
}
.souscription .formBox .duree {
	width: 120px;
}
.souscription .formBox .paiement {
	width: 80px;
}
.souscription .formBox .eco {
	width: 110px;
}
.souscription .formBox .tarif {
	width: 100px;
}
.souscription .formBox .tabFormule td {
	border-bottom: 1px #cccccc solid;
	padding: 3px 5px;
	height: 20px;
	text-align: center;
	font-size: 11px;
	color: #666666;
}
html>body .souscription .formBox .tabFormule td {
	padding: 3px 5px;
}
.souscription .formBox td span {
	color: #999999;
	font-size: 10px
}
.souscription .legende {
	width: 725px;
	margin: 5px 0 0 11px;
	float: left;
	color: #999999;
	font-size: 11px
}
html>body .souscription .legende {
	margin: 10px 0 0 25px;
	width: 720px;
}
.souscription .legende a{
	color: #999999;
	font-size: 12px;
	text-decoration: underline;
	font-style: normal;
}
.souscription .legende input{
	margin-right: 3px;
}
/* popup */
#popUp {
	position: absolute;
	left: 50%;
	top: 120px;
	margin-left: -312px;
	width: 625px;
	background: transparent url(images/top_popup.gif) top no-repeat;
	padding-top: 15px;
	opacity: 0.95;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
}
#popUp .popUpBottom {
	width: 625px;
	background: transparent url(images/bottom_popup.gif) bottom no-repeat;
	padding-bottom: 20px;
	float: left;
	opacity: 0.95;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
}
#popUp .popUpBottom .popUpContent {
	width: 545px;
	background: transparent url(images/bg_popup.gif) repeat-y;
	padding: 0 40px;
	float: left;
	opacity: 0.95;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
}
#popUp .popUpBottom .popUpContent h3 {
	text-transform: uppercase;
	color: #333333;
	margin: 20px 0 15px 0px;
	float: left;
	width: 545px;
}
#popUp .popUpBottom .popUpContent ul {
	margin-bottom: 10px;
	float: left;
	list-style: none;
	width: 545px;
}
#popUp .popUpBottom .popUpContent li {
	color: #666666;
	margin-bottom: 10px;
	float: left;
	width: 545px;
	font-weight: bold;
}
#popUp .popUpBottom .popUpContent .ajout {
	color: #e53517;
}
#popUp .popUpBottom .popUpContent .messConfirm {
	font-weight: bold;
	color: #333333;
	width: 545px;
	float: left;
}
#popUp .popUpBottom .popUpContent p.left {
	float: left;
	width: 50px;
	padding: 15px 0 0 180px;
	clear: left;
}
#popUp .popUpBottom .popUpContent p.right{
	margin: 15px 0 0 60px;
	float: left;
}
/* popUp relais */
#popUp .popUpBottom .popUpContent .tRelais {
	color: #e53517;
	text-transform: none;
}
#popUp .popUpBottom .popUpContent .tRelais span {
	text-transform: uppercase;
}
#popUp .popUpBottom .popUpContent .pointBox {
	width: 320px;
	height: 260px;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	border: 1px #cccccc solid;
	border-bottom: 2px #cccccc solid;
	text-transform: uppercase;
	background: #ffffff;
}
#popUp .popUpBottom .popUpContent .pointBox option{
	padding: 0 0 0 10px;
}
#popUp .popUpBottom .popUpContent .pointBox option:hover {
	background: #cccccc;
}

#popUp .popUpBottom .popUpContent .detailsBox{
	width: 200px;
	height: 250px;
	float: left;
	margin-top: 10px
}
#popUp .popUpBottom .popUpContent .detailsBox span {
	font-weight: bold;
	color: #333333;
}
#popUp .popUpBottom .popUpContent .detailsBox table {
	width: 200px;
}
#popUp .popUpBottom .popUpContent .detailsBox th {
	display: none;
}
#popUp .popUpBottom .popUpContent .detailsBox td {
	border-bottom: 1px #cccccc solid;
}
#popUp .popUpBottom .popUpContent .detailsBox td.rightAlign {
	text-align: right;
}
#popUp .popUpBottom .popUpContent .buttonBox {
	clear: left;
	float: left;
	margin: 10px 0 0 125px
}
html>body #popUp .popUpBottom .popUpContent .buttonBox {
	margin: 15px 0 0 250px
}



/* Etape 3 ************/
h2.etape3 {
	background: url(images/t_etape_3.gif) no-repeat;
}
.livraison .deplierGris {
	background: url(images/puce_h3_depliee_gris.gif) 5px center no-repeat;
	padding-left: 25px;
	text-decoration: none;
}
.livraison .tabMode {
	margin: 5px 0 5px 24px;
}
.livraison .tabMode .labels{
	padding-right: 20px;
}
.livraison .txtLieu {
	margin: 5px 0 5px 24px;
	color: #666666;
}
.livraison .tabLieu {
	margin: 10px 0 0 0;
}
.livraison .tabLieu .labels{
	padding: 0 10px 0 35px;
}
.livraison .buttonBox {
	margin-left: 540px;
	clear: both;
}
.livraison .tabRelais  {
	margin: 10px 0 10px 20px;
}
.livraison .tabRelais  td {
	vertical-align: top;
}
.livraison .tabRelais  .labels {
	padding: 3px 35px 0 0;
	text-align: left;
}
html>body .livraison .tabRelais  .labels {
	padding: 0 35px 0 0;
}
.livraison .tabRelais .labels span{
	font-weight: bold;
	margin-left: 3px;
}

/* Etape 4 ************/
h2.etape4 {
	background: url(images/t_etape_4.gif) no-repeat;
}

/* Etape 5 ************/
h2.etape5 {
	background: url(images/t_etape_5.gif) no-repeat;
}
.confirmation h2.etape5 {
	background: url(images/t_etape_5.gif) no-repeat;
}
.confirmation .dynBox {
	margin-left: 25px;
	width: 885px;
}
html>body .confirmation .dynBox {
	margin-left: 50px;
}
.confirmation .dynBox .topRight {
	width: 873px;
}
.confirmation .dynBox .topRight .bottomRight {
	text-align: center;
	width: 873px;
	padding: 20px 0;
	color: #787878;
}
.confirmation .dynBox .topRight .bottomRight a {
	color: #e53517;
	font-weight: bold;
	text-decoration: none;
}



/* countBox */
.countBox {
	width: 885px;
	margin: 5px 0 0 25px;
	float: left;
	text-align: right;
	overflow: hidden;
}
html>body .countBox {
	margin: 5px 0 0 50px;
}
.countBox table {
	float: right;
	border-collapse: collapse;
	clear: both;
}
.countBox .countTab td {
	padding-right: 10px;
}
.countBox td {
	padding-left: 15px;
	text-align: right;
}
.countBox .valBox {
	width: 75px;
	height: 20px;
	background: url(images/bg_champs_1.gif) no-repeat;
	padding-right: 10px;
}


/* MON COMPTE ******************************/

/* commun */
.monCompte, .monCompte a {
	color: #484848;
}

.monCompte * {
    border:medium none;
    font-family:arial,verdana,helvetica,sans-serif;
    font-size:12px;
    margin:0;
    padding:0;
}

.rail {
	width: 885px;
	margin: 15px 0 15px 25px;
	float: left;
	font-size: 16px;
	color: #484848;
	font-weight: bold;
}
html>body .rail {
	margin-left: 50px;
}
.rail span {
	font-size: 20px;
}
.centre610 {
	width: 610px;
	text-align: center;
	margin-bottom: 10px;
}
/*
.monCompte .colRight p.zoneLibre {
	width: 610px;
	height: 345px;
	background: pink;
	text-align: center;
	font-size: 24px;
}
*/
.monCompte .colLeft {
	width: 275px;
	float: left;
	margin-left: 25px;
	margin-top: 20px;
}
html>body .monCompte .colLeft 
{
	width: 300px;
	margin-left: 50px;
}

.monCompte .colLeft .visuel {
	width: 250px;
	height: 440px;
	float: left;
}

.monCompte .colLeft .navLeftBox {
	width: 240px;
	padding-top: 8px;
	background: url(images/top_navleft.gif) left top no-repeat;
	margin-bottom: 10px;
}
.monCompte .navLeftBox .navLeftBottom {
	width: 240px;
	padding-bottom: 8px;
	background: url(images/bottom_navleft.gif) left bottom no-repeat;
	height: 380px;
}
.monCompte .navLeft {
	width: 224px;
	list-style: none;
}
.monCompte .navLeftBox li {
	width: 224px;
	height: 16px;
	margin: 6px 0 6px 8px;
}
.monCompte .navLeftBox a {
	width: 224px;
	height: 16px;
	color: #ffffff;
	display: block;
	text-decoration: none;
	padding: 0 0 0 24px;
	background: url(images/bg_navleft.gif) no-repeat;
}
.monCompte .navLeftBox a:hover, .monCompte .navLeftBox a.on  {
	background: url(images/bg_navleft.gif) 0 -16px no-repeat;
}
.monCompte .colLeft .btNoirRefletGros{
	margin-left: 42px;
}
html>body .monCompte .colLeft .btNoirRefletGros{
	margin-left: 85px;
}

/*.monCompte .colRight {
	width: 610px;
	margin-top: 20px;
	height:440px;
	float: left;
	overflow: hidden;
}*/
.colRight h2 {
	font-size: 14px;
}
.monCompte .colRight a.btSuivi {
	float: left;
	font-size: 10px;
	margin: 10px 0;
}


/* Mes Commandes */
.monCompte .colRight .panBox {
	width: 610px;
	background: url(images/th_commandes.gif) top no-repeat;
	padding-top: 20px;
	/*border-bottom: 1px #cccccc solid;*/
	margin-left: 0;
}
.monCompte .colRight .panContent {
	width: 610px;
}
.monCompte .colRight .panContent .panTab {
	width: 598px;
}

/**** Mon Compte > Mes commandes > Détails sur une commande ****/

/**** Hadrien : impossible de faire un rendu correct avec un tableau,
				donc les données sont présentées dans des div en float left ***/
				
.monCompte .panContent .panTab div {
	vertical-align: middle;
	color: #393939;
	font-size: 9px;
	margin: 4px 0;
}

.monCompte div.vProduit {
	width: 27px;
	height: auto;
	vertical-align: top;
	margin: 5px;
	float:left;
}
.monCompte div.vProduit img {
	width: 26px;
	height: 39px;
	border: 1px #cccccc solid;
}

.monCompte div.vProduit img:hover{cursor:pointer;}

.monCompte div.description {
	width: 150px;
	padding: 0px 5px;
	padding-left:5px;
	padding-right:5px;
	vertical-align: top;
	font-size: 9px;
	text-align:left;
	float:left;
}
.monCompte div.estimation 
{
	vertical-align:middle;
	width: 54px;
	text-align: right;
	padding: 0px 5px;
	padding-left:5px;
	padding-right:5px;
	float:left;
}
.monCompte div.club 
{
	vertical-align:middle;
	width: 59px;
	text-align: right;
	padding: 0px 5px;
	padding-left:5px;
	padding-right:5px;
	float:left;
}
.monCompte div.quantite 
{
	vertical-align:middle;
	width: 60px;
	text-align: center;
	padding: 0px 5px;
	padding-left:5px;
	padding-right:5px;
	float:left;
}
.monCompte div.total 
{
	vertical-align:middle;
	width: 59px;
	text-align: right;
	float:left;
}
.monCompte div.economie 
{
	vertical-align:middle;
	width: 56px;
	text-align: right;
	padding: 0px 5px;
	padding-left:5px;
	padding-right:5px;
	float:left;
}


.monCompte .colRight .countBox {
	width: 610px;
	height: 230px;
	float: left;
	margin-left: 0;
}
.monCompte .colRight .adressBox {
	float: left;
}
.monCompte .colRight .adressBox h3 {
	font-size: 11px;
	margin-bottom: 3px;
}

.monCompte .colRight .countTab {
	width: 350px;
	height: 125px;
}
.monCompte .colRight .countTab td {
	padding-bottom: 4px;
}
.monCompte .colRight .dynBox * {
	font-size: 9px;
	text-align: left;
}
/**** Fin Mon Compte > Mes commandes > Détails sur une commande ****/

/* Recap commandes */

.commandes .recapBox  {
	width: 610px;
	height: auto;
	background: url(images/th_commandes_recap.gif) top no-repeat;
	padding-top: 20px;
	/*float: left;*/
	margin-left: 0;
}
.commandes .colRight .recapContent {
	width: 610px;
	
}
.commandes .colRight .recapContent .recapTab {
	width: 610px;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-collapse: collapse;
}

.commandes .colRight .recapContent .recapTab tr
{
	height: 28px;
}

.commandes .colRight .recapContent .recapTab th {
	display: none;
}
.commandes .colRight .recapContent .recapTab td {
	height: 33px;
	font-size: 9px;
	text-align: center;
}
.commandes .colRight .recapContent .recapTab td a {
	font-size: 9px;
}

.commandes .colRight .recapContent .recapTab td  {
	background: url(images/bg_td.jpg) repeat-x left top;
	height:23px;
	vertical-align: top;
}
.commandes .colRight .recapContent .recapTab td.numero 
{
	background: url(images/bg_tdleft.jpg) no-repeat left top;
	width: 118px;

	font-size: 9px;
	text-align: center;
	padding-top:7px;
}
.commandes .colRight .recapContent .recapTab td.date 
{
	width: 75px;
	padding-top:7px;

}
.commandes .colRight .recapContent .recapTab td.statut 
{
	width: 73px;
	/*padding-top:2px;*/
	padding-top:7px;
}
.commandes .colRight .recapContent .recapTab td.montant 
{
	width: 78px;
	padding-top:7px;
}
.commandes .colRight .recapContent .recapTab td.numeroRetour 
{
	width: 75px;
	padding-bottom:4px;
	vertical-align:middle;
	
}
.commandes .colRight .recapContent .recapTab td.dateRetour 
{
	width: 83px;
	padding-top:7px;
}
.commandes .colRight .recapContent .recapTab td.statutRetour 
{
	background: url(images/bg_tdright.jpg) no-repeat right top;
	width: 108px;
	padding-top:7px;
}
.navInterPage {
	width: 610px;
	text-align: center;
}
.navInterPage a{
	margin: 1px;
	padding: 0 2px;
	text-decoration: none;
	font-weight: bold;
}
.navInterPage span {
		color: #e23b13;
		font-weight: bold;
}





/* Tableau de bord */

.tableauDeBord h2 {
	font-size: 20px;
	margin-bottom: 10px;
	height: 25px;
	width: 600px;
	float: left;
	clear: both;
}
.monCompte .tableauDeBord .colLeft {
	margin-left: 0;
	float: left;
	clear: left;
	margin-top: 20px;
}
.tableauDeBord .navLeftBox, .tableauDeBord .navLeftBottom  {
	float: left;
}
.tableauDeBord .colLeft h3 {
	background: url(images/fond_h3.gif) left no-repeat;
	padding: 0;
	margin: 0 0 0 10px;
	float: left;
	clear: both;
	width: 212px;
	height: 16px;
	text-align: center;
	color: #ffffff;
}
.tableauDeBord .colLeft h3 {
	background: url(images/fond_h3.gif) left no-repeat;
	padding: 0;
	margin: 0 0 10px 7px;
	float: left;
	clear: both;
	width: 212px;
	height: 16px;
	text-align: center;
	color: #ffffff;
}
html>body .tableauDeBord .colLeft h3 {
	margin: 0 0 10px 14px;
}
.tableauDeBord .colLeft .dynBox {
	margin: 0 0 5px 7px;
	float: left;
	clear: both;
	width: 212px;	
	color: #999999;
	z-index:0;
}
html>body .tableauDeBord .colLeft .dynBox {
	margin: 0 0 10px 15px;
}
.tableauDeBord .colLeft .dynBox .topRight {
	width: 200px;
}
.tableauDeBord .colLeft .dynBox .bottomRight {
	text-align: center;
	width: 188px;
}
.tableauDeBord .colLeft .dynBox span {
	font-style: italic;
	font-size: 11px;
}
.tableauDeBord .colLeft .dynBox a {
	background: none;
	width: auto;
	height: auto;
	display: inline;
	margin: 0;
	padding: 0;
}
.tableauDeBord .accueil
{
/*	margin-top: 15px;*/
	margin-left: 20px;
	width: 370px;
	float: left;
}
.tableauDeBord .accueil h3 {
	margin: 10px 0 8px 7px;
	width: 300px;
	float: left;
}
html>body .tableauDeBord .accueil h3 {
	margin: 10px 0 10px 15px;
}

.tableauDeBord .accueil p {
	margin: 0 0 8px 7px;
	float: left;
	font-size: 11px;
}
html>body .tableauDeBord .accueil p {
	margin: 0 0 10px 15px;
}
.tableauDeBord .accueil .dynBox {
	width: 150px;
	margin-left: 7px;
	float: left;
}
html>body .tableauDeBord .accueil .dynBox {
	margin-left: 15px;
	margin-right: 20px;
	margin-bottom: 15px;
}
.tableauDeBord .accueil .dynBox .topRight {
	width: 138px;
	
}
.tableauDeBord .accueil .dynBox .bottomRight h4 {
	background: url(images/puce_h3.gif) left no-repeat;
	float: left;
	width: 108px;
	padding-left: 15px;
	font-size: 12px;
	font-weight: normal;
}
.tableauDeBord .accueil .dynBox .bottomRight .btNoirReflet {
	margin-left: 42px;
}
html>body .tableauDeBord .accueil .dynBox .bottomRight .btNoirReflet {
	margin-left: 85px;
}
.tableauDeBord .accueil .btBox {
	float: left;
	width: 330px;
}
.tableauDeBord .accueil .btBox .btNoirRefletGros {
	margin: 5px 0 0 104px;
}
html>body .tableauDeBord .accueil .btBox .btNoirRefletGros {
	margin: 5px 0 0 216px;
}

/* PARRAINAGE */


.fixBugChampText input
{
	border:solid 1px silver;
}
	
.parrainageBox 
{
	width: 610px;
}
.parrainage h2 {
	font-size: 20px;
	margin-bottom: 10px;
	height: 25px;
}
.parrainage h3{
	background: url(images/puce_h3.gif) left no-repeat;
	padding-left: 15px;
	margin: 0 0 0px 0;
	float: left;
	clear: both;
}
.parrainage p {
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
	float: left;
	clear: both;
}
.parrainage p span {
	font-weight: bold;
}
.parrainage form {
	margin-left: 7px;
	float: left;
	clear: both;
}
html>body .parrainage form {
	margin-left: 15px;
}
.parrainage .aDroite {
	margin: 0 30px 0 232px;
	float: left;
	clear: both;
}
html>body .parrainage .aDroite {
	margin-left: 464px;
}
.parrainage td.champs {
	width: 203px;
	height: 20px;
	background: url(images/bg_champs_identification.gif) left no-repeat;
	font-size: 11px;
	text-align: left;
	padding-right: 35px;
}

.parrainage td.champs input {
	text-align: center;
	width: 261px;
	border: 0;
	background: transparent;
	margin-left: 5px;
}
.parrainage .tabBox {
	width: 550px;
	height: auto;
	float: left;
	margin-left: 5px;
	position:relative;
	z-index:0;
}
html>body .parrainage .tabBox {
	margin-left: 10px;
}
.parrainage .tabBox  .bgTop{
	width: 550px;
	float: left;
	background: url(images/top_tab_filleuls.gif) top no-repeat;
	padding-top: 6px; 
}
.parrainage .tabBox  .bgBottom {
	width: 550px;
	float: left;
	background: url(images/bottom_tab_filleuls.gif) bottom no-repeat;
	padding-bottom: 11px;
}
.parrainage .tabBox table {
	border-collapse: collapse;
	float: left;
	margin-left: 1px;
	margin-left: 3px;
}
html>body .parrainage .tabBox table {
	margin-left: 6px;
}
.parrainage .tabBox .withBorder {
	border-right: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
}
.parrainage .tabBox .withBorder {
	border-right: #b0b0b0 1px solid;
	border-left: #b0b0b0 1px solid;
}
.parrainage .tabBox .tabHeader {
	background: url(images/bg_header_filleuls.gif) -6px top repeat-y;
	border-bottom: #b0b0b0 1px solid;
}
html>body .parrainage .tabBox .tabHeader {
	background: url(images/bg_header_filleuls.gif) -6px top repeat-y;
}
*+html .parrainage .tabBox .tabHeader {
	background: url(images/bg_header_filleuls.gif) -7px top repeat-y;
}
.parrainage .tabBox th {
	padding: 0px 10px 5px 10px;
	text-align: center;
}
.parrainage .tabBox td {
	border-top: #b0b0b0 1px solid;
	padding: 3px 10px;
}
.parrainage .tabBox td.filleul {
	width: 171px;
	text-align: left;
}
.parrainage .tabBox td.visite {
	width: 62px;
	text-align: center;
}
.parrainage .tabBox td.commande {
	text-align: center;
	width: 100px;
}
.parrainage .tabBox td.encours {
	text-align: center;
	width: 120px;
}





/* MON CLUB / GOODIES */

.goodies p {
	width: 580px;
	margin-bottom: 10px;
	font-style: italic;
}
.goodies .dynBox {
	width: 290px;
	margin: 0 15px 0px 0;
}
html>body .goodies .dynBox {
	margin: 0 15px 10px 0;
}
.goodies .dynBox h3.titreGoodies {
	font-size: 13px;
	font-weight: bold;
	background: url(images/puce_h3.gif) left no-repeat;
	padding-top: 1px;
	padding-left: 15px;
}
.goodies .dynBox p {
	width: 251px;
	height: 30px;
	margin: 0 0 0 15px;
}
.goodies .dynBox .btNoirReflet {
	float: right;
	margin: 0 10px 0 0;
}
.goodies .dynBox .btNoirReflet a {
	font-size: 11px;
}

/* MES BONS D'ACHAT */

.bonsDachat .tabBox {
	width: 610px;
	height: auto;
}
.bonsDachat .tabBox  .bgTop{
	width: 610px;
	float: left;
	background: url(images/top_tab_bonachat.gif) top no-repeat;
	padding-top: 6px; 
}
.bonsDachat .tabBox  .bgBottom {
	width: 610px;
	float: left;
	background: url(images/bottom_tab_bonachat.gif) bottom no-repeat;
	padding-bottom: 11px;
}
.bonsDachat .tabBox table {
	border-collapse: collapse;
	margin-left: 1px;
	margin-left: 3px;
}
html>body .bonsDachat .tabBox table {
	margin-left: 6px;
}
.bonsDachat .tabBox .withBorder {
	border-right: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
}
.bonsDachat .tabBox .withBorder {
	border-right: #b0b0b0 1px solid;
	border-left: #b0b0b0 1px solid;
}
.bonsDachat .tabBox .tabHeader {
	/*background: url(images/bg_header_bonachat.gif) -7px top repeat-y;
	border-bottom: #b0b0b0 1px solid;*/
}

.bonsDachat .tabBox .tabHeader th{background:#cccccc;}

html>body .bonsDachat .tabBox .tabHeader {
	/*background: url(images/bg_header_bonachat.gif) -6px top repeat-y;*/
}
*+html .bonsDachat .tabBox .tabHeader {
	/*background: url(images/bg_header_bonachat.gif) -7px top repeat-y;
	background: pink;*/
}
.bonsDachat .tabBox th {
	padding: 0px 10px 5px 10px;
	text-align: center;
}
.bonsDachat .tabBox td {
	border-top: #b0b0b0 1px solid;
	padding: 3px 10px;
}
.bonsDachat .tabBox td.numBon {
	width: 195px;
}
.bonsDachat .tabBox td.origine {
	width: 170px;
}
.bonsDachat .tabBox td.valeur {
	text-align: right;
	width: 48px;
}
.bonsDachat .tabBox td.date {
	text-align: center;
	width: 100px;
}
/**** Fin ****/

/**** Mes abonnements dans mon compte ****/
table.mesAbonnements {
	width:620px;
	text-align:center;
	margin:0;
		padding:0;
}
table.mesAbonnements th.leftTop {
	background: url(images/leftTop.gif) no-repeat left top;
	font-weight:bold;
} 

table.mesAbonnements th.rightTop {
	background: url(images/rightTop.gif) no-repeat right top;
	font-weight:bold;
} 
table.mesAbonnements th {
	background: url(images/centerTop.gif) repeat-x left top;
	padding:2px 5px;
	font-weight:bold;
} 

table.mesAbonnements tr.lastLine {
	height : 25px;
		
} 
		
table.mesAbonnements tr.lastLine td.leftBottom {
	background: url(images/leftBottom.gif) no-repeat left top;
	padding:0;
	
} 

table.mesAbonnements tr.lastLine td.rightBottom {
	background: url(images/rightBottom.gif) no-repeat right top;
} 
table.mesAbonnements tr.lastLine td {
	background: url(images/centerBottom.gif) repeat-x left top;
} 	
	
	table.mesAbonnements tr.finishedLine td {
	color:#808080;
} 
	
table.mesAbonnements tr.cancelingLine td {
	color:#FFAD72;
} 

table.mesAbonnements tr.canceledLine td {
	color:#ff0000;
} 	
	
table.mesAbonnements tr td.leftCell {
	background: url(images/bg_01.gif) repeat-y left top;
	padding-left:15px;
	padding-top:10px;

} 		
table.mesAbonnements tr td.rightCell {
	background: url(images/bg_01.gif) repeat-y right top;
	padding-right:15px;
	text-align: center;
} 		
.borderRight {
	border-right: 1px solid #a6a6a6;
	text-align:center;

}

/* Mes filleul */
.filleul .invitBox {
	margin-top: 40px;
}
.filleul .btNoirRefletGros {
	margin-left: 120px;
}
html>body .filleul .btNoirRefletGros {
	margin-left: 240px;
}

/* Autres filleuls */
.autres .invitBox {
	margin-top: 15px;
	width: 422px;
	height: 20px;
	float: left;
	padding-left: 8px;
	padding-top: 5px;
}
.autres .btNoir {
	margin-top: 15px;	
}
.autres .tabBox  .bgTop
{
	/*position:absolute;*/
	width: 610px;
	/*float: left;*/
	background: url(images/top_tab_filleuls_autres.gif) top no-repeat;
	padding-top: 6px; 
}
.autres .tabBox sup, .autres .tabBox th span {
	font-size: 9px;
}
.autres .tabBox .qui {
	width: 241px;
}
.autres .tabBox .visite {
	width: 60px;
	text-align: center;
}
.autres .tabBox .commande {
	width: 90px;
	text-align: center;
}
.autres .tabBox .bon {
	width: 120px;
	text-align: center;
}
.autres .navInterPage {
	width: 610px;
	float: left;
	text-align: center;
}


/* Mes coordonnées */
.coordonnees .dynBox {
	width: 290px;
	height: 420px;
	margin-right: 15px;
	margin-left: 15px;
}
html>body .coordonnees .dynBox {
	height: 350px;
}
.coordonnees  .dynBox .bottomRight h3 {
	font-size: 13px;
	font-weight: bold;
	background: url(images/puce_h3b.gif) left no-repeat;
	padding-left: 16px;
}
.coordonnees .dynBox .bottomLeft {
	height: 410px;
}
html>body .coordonnees .dynBox .bottomLeft {
	height: 413px;
}
.coordonnees .dynBox table {
	width: 266px;
	border-collapse: collapse;
}
.coordonnees .dynBox td {
	margin: 0 0 5px 0;
	text-align: right;
}
.coordonnees .dynBox .civilite table, .coordonnees .dynBox .civilite input {
	width: auto;
	margin-right: 10px;
	margin-left: 2px;
	background: none;
}
.coordonnees .dynBox .civilite  {
	width: 160px;
}
.coordonnees .dynBox td.champs {
	width: 155px;
	height: 20px;
	background: url(images/bg_champs_coord.gif) right no-repeat;
	font-size: 11px;
	text-align: right;
	padding-right: 5px;
}
.coordonnees .dynBox td.champs input {
	text-align: center;
}
.coordonnees .dynBox td.disabled {
	background: url(images/bg_champs_coord_disabled.gif) right no-repeat;
}
.coordonnees .dynBox td.disabled input {
	color: #999999;
}
.coordonnees .dynBox input {
	width: 150px;
	height: 15px;
	background: transparent;
	padding-top: 2px;
	text-align: center;
	color: #4d4d4d;
}
.coordonnees .dynBox td.labels {
	text-align: right;
	padding-right: 10px;
	font-size: 9px;
	height: 20px;
	color: #999999;
}
.coordonnees .dynBox td.labels label {
	font-size: 11px;
	color: #4d4d4d;
}

/*--------------copie dynbox---------------*/

.coordonnees .nref_dynBox {
	width: 293px;
	height: 450px;
	background: url(images/fond/nref_bg_box.gif) no-repeat left top;
}

* html .coordonnees .nref_dynBox .btNoirReflet
{
	padding-bottom:0;
}

.coordonnees  .nref_dynBox  h3 {
	font-size: 11px;
	font-weight: bold;
	background: url(images/puce_h3b.gif) left no-repeat;
	padding-left: 16px;
	margin:2px 0 0 10px;
}
.coordonnees .nref_dynBox table {
	width: 266px;
	
	border-collapse: collapse;
}
.coordonnees .nref_dynBox td {
	margin: 0 0 5px 0;
	text-align: right;
}
.coordonnees .nref_dynBox .civilite table, .coordonnees .nref_dynBox .civilite input {
	width: auto;
	margin-right: 10px;
	margin-left: 2px;
	background: none;
}
.coordonnees .nref_dynBox .civilite  {
	width: 160px;
}
.coordonnees .nref_dynBox td.champs {
	width: 155px;
	height: 20px;
	background: url(images/bg_champs_coord.gif) right no-repeat;
	font-size: 11px;
	text-align: right;
	padding-right: 5px;
}
.coordonnees .nref_dynBox td.champs input {
	text-align: center;
}
.coordonnees .nref_dynBox td.disabled {
	background: url(images/bg_champs_coord_disabled.gif) right no-repeat;
}
.coordonnees .nref_dynBox td.disabled input {
	color: #999999;
}
.coordonnees .nref_dynBox input {
	width: 150px;
	height: 15px;
	background: transparent;
	padding-top: 2px;
	text-align: center;
	color: #4d4d4d;
}
.coordonnees .nref_dynBox td.labels {
	text-align: right;
	padding-right: 10px;
	font-size: 9px;
	height: 20px;
	color: #999999;
}
.coordonnees .nref_dynBox td.labels label {
	font-size: 11px;
	color: #4d4d4d;
}
.ddlPays /*peut etre à supprimer, sera remplacé par ddlCountry */
{
	border-style: none;
	height: 16px;
	width:145px;
	padding:0 0 0 5px;
	margin:-3px 5px 0 0;
}
.ddlCountry
{
	width: 157px;
}

/*----------*/
.coordonnees .legende  {
	width: 533px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	font-style: italic;
	font-size: 10px;
}
.repereBulle 
{
	position:relative;
	width:580px;
}

.infobulle{
	position: absolute;
	width: 161px;   
	display: none;
	font-size: 10px;
	background: transparent url(images/infobulle_dessus_bottom.gif) bottom no-repeat;
	z-index:2000;
}

.infobulle p 
{
	padding: 8px 8px 0px 8px;
	width: 145px;
	background: transparent url(images/infobulle_dessus_top.gif) top no-repeat;
	font-size: 10px;
	font-style: italic;
	margin-bottom: 12px;
}

.infobulle_dessus {
	position: absolute;
	width: 161px;   
	display: block;
	font-size: 10px;
	background: transparent url(images/infobulle_dessus_bottom.gif) bottom no-repeat;
	z-index:2000;
}
.infobulle_dessus p 
{
	display:none;
	padding: 8px 8px 0px 8px;
	width: 145px;
	background: transparent url(images/infobulle_dessus_top.gif) top no-repeat;
	font-size: 10px;
	font-style: italic;
	margin-bottom: 12px;
}
.infobulle_dessus a {
	font-size: 10px;
	font-style: italic;
}

.infobulle_dessous {
	position: absolute;
	width: 161px;   
	display: block;
	font-size: 10px;
	background: transparent url(images/infobulle_top.gif) top no-repeat;
	z-index:2000;
}

.infobulle_dessous p 
{
	display:none;
	padding: 0 8px 8px 8px;
	width: 145px;
	background: transparent url(images/infobulle_bottom.gif) bottom no-repeat;
	font-size: 10px;
	font-style: italic;
	margin-top: 12px;
}
.infobulle_dessous a {
	font-size: 10px;
	font-style: italic;
}

/* Parraiange */
.parrainageBox .infobulle
{
	top:45px;
	left:260px;
}

/* MonCompte/Accueil */
.tableauDeBord .bottomRight .infobulle
{
	left:140px; 
	top:5px;
}

/*MonCompte/MesDetails */
.coordonnees .infobulle
{
	left:40px;
	top:5px;
}
/*MonCompte/MesFilleuls */
.bonsDachat .infobulle
{
	top:290px;
	left:580px;
}

/* Mes questions au service client */
.serviceClient .intro {
	text-align: center;
}
.serviceClient .intro span {
	font-weight: bold;
}
.serviceClient .intro a {
	color: #e53517;
}
.serviceClient .questionList {
	width: 608px;
	margin-top: 10px;
/*	border: 4px #efefef solid;*/
	padding: 2px 0 10px 0;
}
html>body .serviceClient .questionList {
	padding: 10px 0;
}
.serviceClient .dynBox {
	width: 570px;
	margin: 10px 0 0 10px;
	background: transparent url(images/bg_dynbox_bottomright_gris.gif) bottom right no-repeat;
}
html>body .serviceClient .dynBox {
	margin: 0px 0 0 20px;
}
.serviceClient .dynBox .bottomLeft{
	width: 558px;
	background: transparent url(images/bg_dynbox_bottomleft_gris.gif) bottom left no-repeat;
}
.serviceClient .dynBox .bottomRight {
	background: transparent url(images/bg_dynbox_topleft_gris.gif) top left no-repeat;
}
.serviceClient .dynBox .topRight {
	background: transparent url(images/bg_dynbox_topRight_gris.gif) top right no-repeat;
}
.serviceClient .dynBox .bottomRight ol {
	background: transparent url(images/puce_question_pliee.gif) 0 3px no-repeat;
	padding-left: 18px;
	list-style: none;
}
.serviceClient .dynBox .bottomRight ol li {
	margin-bottom: 5px;
}
.serviceClient .dynBox .bottomRight ol.on {
	background: transparent url(images/puce_question_depliee.gif) 0 3px no-repeat;
}
.serviceClient .dynBox .bottomRight ol span {
	font-size: 12px;
	font-weight: bold;
	clear: right;
	display: block;
}
.serviceClient .dynBox .bottomRight ul {
	margin-top: 5px;
	padding-left: 9px;
	list-style: none;
}
.serviceClient .dynBox .bottomRight ul li {
	background: transparent url(images/puce_question_depliee.gif) 0 3px no-repeat;
	padding-left: 18px;
	margin-left: 0;
}
.serviceClient .dynBox .bottomRight ol  a{
	color: #e53517;
}
.serviceClient .dynBox .bottomRight btNoirRefletGros a{
	color: #ffffff;
}
.serviceClient .dynBox .bottomRight ol p
{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #989696;
	font-style: italic;
}

/* FOOTER ********************************************************************************/
#footer {
	width: 985px;
	height: 25px;
	float: left;
	color: #989696;
	margin-right: -3px;
}
.fondNoir #footer {
	color: #8a8888;
}
#footer ul {
	float: left;
	list-style: none;
	margin-top: 5px;
}
#footer li {
	float: left;
	border-right: #989696 1px solid;
	padding: 0px 14px;
}
#footer li.end {
	border-right: none;
}
#footer li a {
	text-decoration: none;
	color: #989696;
	
}
#footer li a:hover {
	text-decoration: underline;
}


/* BOUTONS */

.btNoir {
	height: 18px;
	background: url(images/bt_noir_right.gif) top right no-repeat;
	padding-right: 8px;
	display: block;
	float: left;
}
.btNoir input, .btNoir a {
	height: 18px;
	background: url(images/bt_noir_left.gif) top left no-repeat;
	padding: 0 0 3px 6px;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}
.btNoir input:hover, .btNoir a:hover {
	color: #e53517;
}

.btNoirReflet {
	height: 16px;
	background: url(images/bt_noir_reflet_right.gif) top right no-repeat;
	padding-right: 10px;
	padding-bottom: 8px;
	margin-top: 5px;
	float: left;
}
.btNoirReflet input, .btNoirReflet a {
	height: 14px;
	background: url(images/bt_noir_reflet_left.gif) top left no-repeat;
	padding: 1px 0 9px 10px;
	color: #ffffff;
	text-decoration: none;
	float: left;
	font-size: 12px;
	border-width:0px;
	height:20px;
}

.btNoirReflet input:hover, .btNoirReflet a:hover {
	color: #999999;
}

.btNoirRefletGros {
	height: 32px;
	background: url(images/bt_noir_reflet_right_gros.gif) top right no-repeat;
	padding-right: 15px;
	padding-bottom: 8px;
	margin-top: 5px;
	float: left;
	color: #ffffff;
}
.btNoirRefletGros input, .btNoirRefletGros a {
	height: 34px;
	background: url(images/bt_noir_reflet_left_gros.gif) top left no-repeat;
	padding: 3px 0px 7px 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	float: left;
}
.btNoirRefletGros input:hover, .btNoirRefletGros a:hover {
	color: #999999;
}
.panContent .panTab span.btNoirSmall a {
	color:#fff;
	text-decoration: none;
}
.panContent .panTab span.btNoirSmall a:hover {
	color:#999999;
}



/*------------------identification et validation mdp-----------------*/

.nref_identidicationBg{
	background:url(images/bg_id_mdp.jpg) no-repeat left top;
	width:985px;
	margin:auto;
	height:620px;
}

.nref_identidicationContainer{
	background: url(images/bg_IdContainer.jpg) no-repeat 115px 141px;
	width:772px;
	padding:141px 0 0 115px;
	height:179px;
	position:relative;
}

.nref_identidicationContainer .deplier {
	background:transparent url(images/puce_h3_depliee.gif) no-repeat scroll 5px 10px;
	margin-bottom:10px;
	padding:10px 0 0 25px;
	text-decoration:none;
}

.nref_identidicationContainer h3 {
	font-size:14px;
}

.nref_identidicationContainer p {
	color:#303030;
	padding-left:25px;
}

.surl1 {
	color:#ff0000;
}

.push1 {
	color:#ff0000;
	text-transform:uppercase;
	font-style:italic;
}
.identification .champsLong input {
	background:transparent url(images/bg_champsLong.gif) no-repeat scroll right center;
	font-size:11px;
	height:20px;
	padding-right:8px;
	text-align:right;
	width:246px;
	text-align:center;
	border:0;
}

.nref_identidicationContainer .btNoirReflet {
	position:absolute;
	top:228px;
	right:160px;
}

.nref_underId {
	background:url(images/bg_underId.jpg);
	width:625px;
	height:115px;
	margin: 21px 0 0 186px;
	text-align:center;
}

.nref_underId p {
	font-size:11px;

}

.nref_introUnderId {
	padding: 10px 0 ;
}

.nref_validationMdp p {
	text-align:center;
	padding: 20px 0 0 0;
	color:#303030;
}

.nref_validationMdp p a {
	color:#303030;
}


/*******************************ForgotPassword_Popup*************************/

.identification .champsShort input {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	text-align:center;
	width:63px;
}
.identification .champsShort {
	background:transparent url(images/bg_champs_short.gif) no-repeat scroll right center;
	font-size:11px;
	height:20px;
	padding-right:8px;
	text-align:right;
	width:61px;
}
.identification .labels.textLeft {
	text-align:left;
}

.nref_retrait {
	margin:20px 0 0 760px;
}

.popupShort {
	background:url(images/bg_popupShort.png) no-repeat left top;
	width:442px;
	height:192px;
	padding:10px;
	text-align:center;
}

.surl2 {
	font-size:18px;
}

.ecart {
	padding: 6px 70px;
}

.ligne20 {
	padding-top:20px;
}

.clear {
	 clear:both;
	 font-size:1px;
	 height:1px;
	 line-height:0;
}

.nref_validBottom {
	width:300px;
	padding-left:150px;
	overflow:hidden;
}

.nref_validBottom div {
	margin-left: 20px;
	
}

/**** Ajout Bastien => Style Tableau ForgotPassword_Popup ****/
.popupShort td.champs {
	width: 168px;
	height: 18px;
	background: url(images/bg_champs_coord_large.gif) left no-repeat;
	font-size: 11px;
	text-align: left;
	padding-right: 35px;
}

.popupShort td.champs input {
	text-align: center;
	width: 168px;
	border: 0;
	background: transparent;
	margin-left: 5px;
}

/**** Fin Ajout Bastien ****/
/****** Popup pour SizeGrid *****/
.popupShortSizeGrid {
	background:url(images/bg_popupShortSize.png) no-repeat left top;
	width:700px;
	height:450px;
	padding:10px;
	text-align:center;
}
/****************** CheckOut/Delivery.aspx ****************************/

.simpleBox01{
	background: url(images/bg_simpleBox01.gif) no-repeat left top;
	width:379px;
	height:141px;
	padding:10px 10px 0 10px;
}

.simpleBox02 {
	background: url(images/bg_simpleBox02.gif) no-repeat left top;
	width:389px;
	height:117px;
	margin-top: 5px;
	padding:10px 5px 0 5px;
}

.simpleBox03 {
	background: url(images/bg_simpleBox03.gif) no-repeat left top;
	width:449px;
	height:272px;
	padding:10px 5px 0 5px;
}

.simpleBox04 {
	background: url(images/bg_simpleBox04.png) no-repeat left top;
	width:449px;
	height:130px;
	padding:10px 5px 0 5px;
}

.adresseBox04
{
	background: url(images/boxAdresse04.gif) no-repeat left top;
	width:449px;
	height:272px;
	padding:10px 5px 0 5px;
}
/**** Ajout Laurent : OgoneResponse ****/
.bg_box_OgoneThanks 
{
	display:block;
	width:985px;
	height:160px;
	background-image:url(images/bg_box_confirm_985.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-top:70px;
}
.first_box_OgoneThanks, .second_box {
	color:#4d4d4d;
	text-align:center;
	margin-left:20px;
	margin-right:20px;
}
/**** Fin Ajout Laurent : OgoneResponse ****/


/**** Ajout Clément : Abonnement ****/
div.panAbonnement
{
	margin: auto;
	width: 960px;
	background-color: White;
	position: relative;
	border: solid 1px white;
	color: #626262;
}

div.panAjoutAbonnement
{
	float:left;
	width: 278px;
	height: 382px;
	color: Black;
}
/**** Fin abonnement ****/

/**** Ajout Clément : ProductList ****/
.productImageEmpty {
	/*background:transparent url(images/banniere_product_epuise.png) repeat scroll 0%;*/
	background:transparent url(images/banniere_product_epuise.png) repeat scroll 0%;
	display:block;
	/*height:213px;*/
	height:220px;/*La taille a ete augmentee pour couvrir le div si nom sur 3 lignes*/
	left:10px;
	position:absolute;
	top:0pt;
	width:145px;
	z-index:1;
}

.contentProductLeft
{
	height: 220px; width: 30px; float: left; padding-top: 26px;	
}
.contentProductLeftEssential
{
	height: 220px; width: 30px; float: left; padding-top: 24px;	
}

.contentProductRight
{
	height: 220px; width: 130px; float: left;
}
.contentProductLeftPrec
{
	height: 130px; width: 30px; float: left;	
}
.contentProductRightPrec
{
	height: 130px; width:240px; float: left;
}

* html .productImageEmpty
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='App_Themes/BAC_FR/images/banniere_product_epuise.png', sizingMethod='scale');
}


.productImageEmptyPrecious {
	background:transparent url(images/banniere_product_epuise-precious.png) repeat scroll 0%;
	display:block;
	height:120px;
	width:242px;
	z-index:1;
	left:-10px;
	position:absolute;
	top:0;
}
* html .productImageEmptyPrecious
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='App_Themes/BAC_FR/images/banniere_product_epuise-precious.png', sizingMethod='scale');
}

.productImageEmptyEssentiels {
	background:transparent url(images/banniere_product_epuise.png) repeat scroll 0%;
	display:block;
	/*height:213px;*/
	height:220px;/*La taille a ete augmentee pour couvrir le div si nom sur 3 lignes*/
	left:-10px;
	position:absolute;
	top:0pt;
	width:145px;
	z-index:1;
}

* html .productImageEmptyEssentiels
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='App_Themes/BAC_FR/images/banniere_product_epuise.png', sizingMethod='scale');
}



/**** Buy_Express PopUp ****/

.confirmation {
	margin:auto;
	width:277px;
}

.cart_itemsContainer {
	width:277px;
	height:100px;
	overflow-x:hidden;
	overflow-y:scroll;
}
.cart_items {
	width:100%;
		    font-family:arial,verdana,helvetica,sans-serif;
    font-size:12px;
}
.cart_items div.btNoirReflet {
	float:right;
	margin-left:10px;
}
.td_check {
	width:20px;
	text-align:center;
}
.td_item {
	width:160px;
	text-align:left;
}
.td_item_right {
	width:185px;
	text-align:right;
}
.td_value {
	width:77px;
	text-align:right;
}
.td_value_bottom {
	width:52px;
	text-align:right;
}
.td_scroll {
	width:20px;
	text-align:center;
}
.light_gray_line {
	width:277px;
	height:3px;
	overflow:hidden;
	background-color:#efefef;
	margin:3px 0 3px 0;
}
.red {
	color:#F00;
}
.left_col {
	display:block;
	width:190px;
	float:left;
}

.left_colv2, .right_colv2{float:left;}

.right_col {
	display:block;
	float:right;
}
.close_popup {
	display:block;
	width:100%;
	height:23px;
	text-align:right;
	clear:both;
}
.close_popup img {
	margin:3px 1px 0 0;
}
.details {
	display:block;
	width:190px;
}
.details h3.first {
	font-size:15px;
}
.details h3 {
	color:#53585c;
	margin-left:20px;
}
.logo {
	display:block;
	height:70px;
	text-align:center;
}
.logo img {
	margin:20px auto 0 auto;
}
.pic {
	display:block;
}
.description {
	display:block;
	text-align:center;
	font-size:10px;
	color:#53585c;
	padding:15px;
}
.descriptionLeft {
	display:block;
	width:160px;
	height:40px;
	text-align:left;
	font-size:10px;
	color:#53585c;
	padding:15px;
}
.options {
	display:block;
	font-weight:bold;
	color:#53585c;
}
.options table {
	border-collapse:collapse;
}
.options td {
	font-size: 11px;
	text-align:center;
	border-bottom:1px solid #dddddd;
}

td.size{width:20px;}

.options tr.tr_first td {
	border-bottom:1px solid #53585c;
}
.options tr.tr_last td {
	border-bottom:none;
}
.options td.td_first {
	text-align:right;
	width:50px;
	padding-right:10px;
}
.options td.selected img {
	padding:3px;
	border:1px solid #000;
}
.confirm_btn {
	display:block;
	height:50px;
	text-align:center;
}

.valid_buy 
{
	position:absolute;
	padding-bottom:75px;
}

.legend {
	display:block;
	width:470px;
	height:20px;
	text-align:center;
	color:#acacac;
	font-size:10px;
	clear:both;
}

.right_col .confirm_btn
{
	position:absolute;
	top:355px;
	left:282px;
}

/**** Fin Buy_Express Popup ****/

/**** Page récap panier ****/
.first_box
{
	padding-top: 5px;
}
.second_box 
{
	padding-top: 20px;
}
.first_box, .second_box {
	color:#4d4d4d;
	text-align:center;
}
.first_box a:link, .first_box a:visited, .first_box a:active, .first_box a:hover {
	color:#F00;
	text-decoration:underline;
}
.first_box h2 
{
	margin-left: -70px;
}
.first_box h3
{
	margin-top: 15px; 
	text-align: left; 
	margin-left: 15px;
}
.first_box h2, .first_box h3, .second_box h3 {
	font-size:13px;
	margin-bottom:10px;
}
.second_box h3
{
	text-align: left; 
	margin-left: 15px;
}
.first_box h3 img, .first_box p img, .second_box h3 img, .second_box p img {
	vertical-align:-2px;
}
.bg_box_confirm 
{
	margin-left:300px;
	display:block;
	width:645px;
	height:160px;
	background-image:url(images/bg_box_confirm.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.bg_box_confirm2 
{
	margin-left:300px;
	display:block;
	width:645px;
	height:170px;
	background-image:url(images/bg_box_confirm2.gif);
	background-repeat:no-repeat;
	background-position:top;
}
.btPlier
{

	background-image: url(images/bt_plier.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	    border:medium none;
    font-family:arial,verdana,helvetica,sans-serif;
    font-size:12px;
    
}

.useVouchers
{
	font-size: 12px
}


/**** Aide / FAQ ****/

.aide_title {
	margin-left:40px;
	font-size: 16px;
	color: #484848;
	font-weight: bold;
}
.aide_title span {
	font-size: 20px;
}
.aide_box {
	width:590px;
	height:auto;
	background-image:url(images/aide_box_bg.gif);
	background-repeat:repeat;
	padding:15px;
	position:relative;
	border:1px solid #f4f4f4;
	float:left;
}
.aide_box div.top_left {
	background-image:url(images/aide_top_left_box.gif);
	background-position:left;
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:560px;
	height:11px;
	margin:-1px 0 0 -1px;
	_margin:-3px 0 0 -1px;
}
.aide_box div.top_right {
	background-image:url(images/aide_top_right_box.gif);
	background-position:right;
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:0px;
	width:560px;
	height:11px;
	margin:-1px -1px 0 0;
	_margin:-3px -1px 0 0;	
}
.aide_box div.bottom_left {
	background-image:url(images/aide_bottom_left_box.gif);
	background-position:left;
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	bottom:0px;
	width:560px;
	height:11px;
	margin:0 0 -1px -1px;
	_margin:0 0 -4px -1px;	
}
.aide_box div.bottom_right {
	background-image:url(images/aide_bottom_right_box.gif);
	background-position:right;
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	bottom:0px;
	width:560px;
	height:11px;
	margin:0 -1px -1px 0;
	_margin:0 -1px -4px 0;	
}
.big_img {
	float:left;
	margin-right:25px;
}
.aide_in {
	width:235px;
	height:26px;
	background-image:url(images/aide_in_middle.gif);
	background-repeat:repeat-y;
	background-position:left;
	position:relative;
	display:block;
	text-decoration:none;
}
.aide_in_top {
	background-image:url(images/aide_in_top.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:235px;
	height:15px;
	position:absolute;
	top:0px;
	left:0px;
}
.aide_in_bottom {
	background-image:url(images/aide_in_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:235px;
	height:15px;
	position:absolute;
	bottom:0px;
	left:0px;
}
.state_one {
	z-index:999;
	position:absolute;
	font-size:14px;
	color:#464646;
	background-image:url(images/aide_arrow_gray.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:22px;
	left:8px;
	top:3px;
}
.state_eight {
	position:absolute;
	font-size:14px;
	color:#464646;
	background-image:url(images/aide_arrow_gray.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:22px;
	left:8px;
	top:8px;
}
a.aide_in:hover span.state_one, 
a.aide_in:hover span.state_four, 
a.aide_in3:hover span.state_one, 
a.aide_in_faq:hover span.state_eight {
	color:#f00;
	background-image:url(images/aide_arrow_red.gif);
	cursor:pointer;
}
a.aide_in_faq:hover span.in_description {
	color:#f00;
	cursor:pointer;
}
.state_two {
	z-index:999;
	position:absolute;
	font-size:14px;
	color:#f00;
	background-image:url(images/aide_arrow_red.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:22px;
	left:8px;
	top:3px;
}
.aide_in_faq 
{
	
	width:235px;
	height:85px;
	background-image:url(images/aide_in_middle.gif);
	background-repeat:repeat-y;
	background-position:left;
	position:absolute;
	right:20px;
	top:15px;
	display:block;
	text-decoration:none;
}
.in_description {
	position:absolute;
	color:#464646;
	left:30px;
	top:30px;
	width:180px;
}
.last_btn {
	position:absolute;
	bottom:30px;
	_bottom:20px;
	right:0px;
}
.last_btn a:link, .last_btn a:visited, .last_btn a:active, .last_btn a:hover {
	font-size:10px;
}
.aide_box2 {
	width:235px;
	height:auto;
	background-image:url(images/aide_box_bg.gif);
	background-repeat:repeat;
	padding:10px;
	
	position:relative;
	border:1px solid #f4f4f4;
	float:left;
	margin-right:10px;
}
.aide_box2 div.top_left {
	background-image:url(images/aide_top_left_box2.gif);
	background-position:left;
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:560px;
	height:11px;
	margin:-1px 0 0 -1px;
	_margin:-3px 0 0 -1px;
}
.aide_box2 div.top_right {
	background-image:url(images/aide_top_right_box2.gif);
	background-position:right;
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:0px;
	width:560px;
	height:11px;
	margin:-1px -1px 0 0;
	_margin:-3px -2px 0 0;	
}
.aide_box2 div.bottom_left {
	background-image:url(images/aide_bottom_left_box2.gif);
	background-position:left;
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	bottom:0px;
	width:560px;
	height:11px;
	margin:0 0 -1px -1px;
	_margin:0 0 -4px -1px;	
}
.aide_box2 div.bottom_right {
	background-image:url(images/aide_bottom_right_box2.gif);
	background-position:right;
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	bottom:0px;
	width:560px;
	height:11px;
	margin:0 -1px -1px 0;
	_margin:0 -2px -4px 0;	
}
.state_three {
	z-index:999;
	position:absolute;
	font-size:14px;
	color:#f00;
	background-image:url(images/aide_arrow_red2.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:22px;
	left:8px;
	top:3px;
}
.margin40 {
	margin-left:40px;
}
.aide_in2 {
	width:480px;
	height:auto;
	background-image:url(images/aide_in_middle2.gif);
	background-repeat:repeat-y;
	background-position:left;
	position:relative;
	display:block;
	text-decoration:none;
	color:#464646;
	padding:30px 30px 20px 30px;
}
.aide_in_top2 {
	background-image:url(images/aide_in_top2.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:530px;
	height:15px;
	position:absolute;
	top:0px;
	left:0px;
}
.aide_in_bottom2 {
	background-image:url(images/aide_in_bottom2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:530px;
	height:15px;
	position:absolute;
	bottom:0px;
	left:0px;
}
.aide_text
{
	width:98%;
}
.aide_text span {
	display:block;
	width:95%;
	text-align:justify;
	margin-bottom:10px;
}
.mtop8 {
	margin-top:5px;
}
.aide_box_scroll {
	width:570px;	
	background-image:url(images/aide_box_bg.gif);
	background-repeat:repeat;
	padding:15px;
	border:1px solid #f4f4f4;
}
.window {
	width:625px;			
	float:left;
}
.une_question {
	color:#f00;
	background-image:url(images/aide_arrow_red2.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:22px;
	margin-left:-23px;
	margin-top:6px;
}
.mt10 {
	margin-top:-10px;
}
.aide_tarea_cont {
	background-image:url(images/aide_text_area.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:357px;
	height:100px;
	padding:10px;
}
.aide_textarea {
	width:350px;
	height:95px;
	font-style:italic;
}
.aide_form {
	border-collapse:collapse;
}
.aide_form td {
	vertical-align:top;
}
.aide_form td span {
	margin-top:5px;
}
.aide_input_cont {
	background-image:url(images/aide_text_input.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:278px;
	height:23px;
	padding:4px 0 0px 10px;
	*padding:2px 0 2px 10px;
}
.aide_input_cont input {
	width:260px;
	height:18px;
	font-style:italic;
	text-align:left;
}
.btNoir2 {
	height: 18px;
	background: url(images/bt_noir_right.gif) top right no-repeat;
	padding-right: 8px;
	display: block;
	float: left;
}
span.btNoir2 {
	width:auto;
	position:absolute;
	right:0px;
	top:2px;
}
td.posrel {
	display:block;
	position:relative;
}
.btNoir2 input, .btNoir2 a {
	height: 18px;
	background: url(images/bt_noir_left.gif) top left no-repeat;
	padding: 0 0 3px 6px;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}
.btNoir2 input:hover, .btNoir2 a:hover {
	color: #999999;
}
.state_four {
	z-index:999;
	position:absolute;
	color:#464646;
	background-image:url(images/aide_arrow_gray.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:22px;
	left:8px;
	top:3px;
}
.state_five {
	z-index:999;
	position:absolute;
	color:#f00;
	background-image:url(images/aide_arrow_red.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:22px;
	left:8px;
	top:3px;
}
.aide_in3 {
	width:500px;
	height:26px;
	background-image:url(images/aide_in_middle2.gif);
	background-repeat:repeat-y;
	background-position:left;
	position:relative;
	display:block;
	text-decoration:none;
	color:#464646;
}
.aide_in_top3 {
	background-image:url(images/aide_in_top2.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:530px;
	height:15px;
	position:absolute;
	top:0px;
	left:0px;
}
.aide_in_bottom3 {
	background-image:url(images/aide_in_bottom2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:530px;
	height:15px;
	position:absolute;
	bottom:0px;
	left:0px;
}
.itlc {
	font-style:italic;
}
.vous_navez {
	background-image:url(images/aide_arrow_gray3.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:22px;
	margin-left:-23px;
	padding-top:12px;
	margin-top:-12px;
}
.state_six {
	z-index:999;
	position:absolute;
	color:#464646;
	background-image:url(images/aide_arrow_gray3.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:22px;
	left:8px;
	top:3px;
}
.state_seven {
	z-index:999;
	position:absolute;
	color:#464646;
	background-image:url(images/aide_arrow_gray2.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:22px;
	left:8px;
	top:3px;
}
td.posrel2 {
	display:block;
	position:relative;
	height:32px;
}
td.posrel2 .btNoirRefletGros{
	width:auto;
	position:absolute;
	left:155px;
}
.btNoir3 {
	height: 18px;
	background: url(images/bt_noir_right.gif) top right no-repeat;
	padding-right: 8px;
	display: block;
	float: left;
}
span.btNoir3 {
	width:auto;
	position:absolute;
	left:155px;
	top:2px;
}
.btNoir3 input, .btNoir3 a {
	height: 18px;
	background: url(images/bt_noir_left.gif) top left no-repeat;
	padding: 0 0 3px 6px;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}
.btNoir3 input:hover, .btNoir3 a:hover {
	color: #999999;
}
/**** Fin Aide / FAQ ****/

/**** Mini panier dans la page SubscriptionBasket ****/
.panBox2 {
	width: 645px;
	background: url(images/th_panier2.gif) top no-repeat;
	padding-top: 23px;
	margin-left: 0px;
	padding-left: 0px;
	_margin-left: 0px;
	border-bottom: 1px #cccccc solid;
	float: left;
}
.panBox2 .panContent {
	width:645px;
	/*height:130px;*/
}
.panBox2 .panContent .panTab {
	font-size:9px;
	width:625px;
}
.panContent .panTab td.vProduit2 {
	width: 35px;
	height: 65px;
	vertical-align: top;
}
.panContent .panTab td.description2 {
	width: 120px;
	vertical-align: top;
}

.panContent .panTab td.description2 .tProduit {
	font-weight: bold;
	float: left;
	font-size:9px;
}
.panContent .panTab td.description2 table {
	border-collapse:collapse;
}
.panContent .panTab td.description2 table td, .panContent .panTab td.description2 table td a:link, .panContent .panTab td.description2 table td a:visited, .panContent .panTab td.description2 table td a:active, .panContent .panTab td.description2 table td a:hover {
	padding:0;
	font-size:9px;
}
.panContent .panTab td.description2 table td a:link, .panContent .panTab td.description2 table td a:visited, .panContent .panTab td.description2 table td a:active, .panContent .panTab td.description2 table td a:hover {
	padding-left:3px;
	*padding-left:0px;
}
.panContent .panTab td.description2 {
	vertical-align: top;
}
.panContent .panTab a:link, .panContent .panTab a:visited, .panContent .panTab a:active, .panContent .panTab a:hover {
	color:#333;
	text-decoration:underline;
}
.panContent .panTab td.club2, .panContent .panTab td.estimation2, .panContent .panTab td.femme, .panContent .panTab td.quantite2, .panContent .panTab td.total2 {
	text-align: center;
}
.panContent .panTab td.economie2 {
	text-align:right;
}
.panContent .panTab td.vProduit2 {
	width:6%;
}
.panContent .panTab td.description2 {
	width:18%;
}
.panContent .panTab td.femme {
	width:14%;
}
.panContent .panTab td.estimation2 {
	width:25%;
}
.panContent .panTab td.estimation2 span, .panContent .panTab td.club2 span {
	font-size:9px;
}
.panContent .panTab td.club2 {
	width:19%;
}
.panContent .panTab td.quantite2 {
	width:12%;
}
.panContent .panTab td.quantite2 select {
	font-size:9px;
	width:30px;
}
.panContent .panTab td.total2 {
	width:12%;
}
.panContent .panTab td.economie2 {
	width:11%;
}
.bold {
	font-weight:bold;
}
.beneficiez {
	font-size:8px;
	font-style:italic;
}
.beneficiez a:link, .beneficiez a:visited, .beneficiez a:active, .beneficiez a:hover {
	font-style:normal;
	font-size:8px;
}
.red_total {
	color:#F00;
	font-weight:bold;
	font-size:11px;
	border: medium none;
    font-family:arial,verdana,helvetica,sans-serif;
    margin:0;
    padding:0;
}
.countBox2 .valBox2 {
	width: 75px;
	height: 28px;
	background: url(images/bg_champs_1.gif) no-repeat;
	background-position:0px 5px;
	padding-right: 10px;
}
.legend_total {
	color:#F00;
	text-transform:uppercase;
	font-weight:bold;
	font-size:9px;
}
.legend_total span {
	text-transform:lowercase;
	font-style:italic;
	font-size:9px;
}
.total_dwn {
	color:#333;
	text-transform:uppercase;
	margin-right:20px;
	_margin-right:10px;
	border-collapse:collapse;
}
.total_dwn td {
	width:65px;
	font-size:9px;	
}
.line {
	border-bottom: 1px #cccccc solid;
	display:block;
	margin:0 0 5px 0;
}
.btNoirSmall {
	height: 13px;
	background: url(images/bt_noir_right_small.gif) top right no-repeat;
	padding-right: 8px;
	display: block;
	float: left;
}
.btNoirSmall input, .btNoirSmall a {
	height: 13px;
	*height: 18px;
	background: url(images/bt_noir_left_small.gif) top left no-repeat;
	padding: 0 0 3px 6px;
	color: #ffffff;
	text-decoration: none;
	font-size: 9px;
}
.btNoirSmall input:hover, .btNoirSmall a:hover {
	color: #e53517;
}
.countBox2 {
	width: 645px;
	margin: 5px 0 0 25px;
	float: left;
	text-align: right;
	overflow: hidden;
	margin: 5px 0 0 0px;
}
html>body .countBox2 {
	margin: 5px 0 0 0px;
}
.countBox2 table {
	float: right;
	border-collapse: collapse;
	clear: both;
}
.countBox2 .countTab td {
	padding-right: 18px;
}
.countBox2 td {
	padding-left: 15px;
	text-align: right;
}
.contentDroitBasket
{
	float: right; width: 650px;
	margin-top: 12px;
	margin-right: 14px;
	_margin-right: 7px;
}
.validerAbonnement
{
	width:650px;
	text-align:center;
}
.validerAbonnement .btNoirReflet
{
	margin-left: 300px;
}
/**** Fin ****/
/**** Civilité page concept ****/
.sizeTitle
{
	font-size: 9px;
}
/**** Fin ****/
/**** Couleur fond menu ****/
.couleurMenu
{
	background:url(images/bg_nav.gif) repeat-x left top;
}
.couleurMenu_noir
{
	background:url(images/bg_nav_precious.gif) repeat-x left top;
}


/******** Package Laurent ************/
.package
{
	margin-left:40px;
}

.package .tabBox .tabHeader {
	background: url(images/bg_header_filleuls.gif) -6px top repeat-y;
	border-bottom: #a6a6a6 1px solid;
}
.package .tabBox .bgTop {
	background: transparent url(images/top_tab_package.gif) no-repeat scroll center top;
	/*background:url(images/top_tab_bonachat.gif) no-repeat;*/
	padding-top:5px;
	width:460px;
}

.package .tabBox  .bgBottom {
	width: 460px;
	background:transparent url(images/bottom_tab_package.gif) bottom;
	/*background: url(images/bottom_tab_bonachat.gif) bottom;*/
	padding-bottom: 11px;
}

.package .tabBox .N_Colis
{
	margin-left: 3px;
	margin-right: 7px;
}
/******* Fin Package Laurent *******/

/******* NewsLetter *******/
.news_box {
	display:block;
	float:right;
	width:630px;
	margin-top:70px;
	height:120px;
	margin-left: 0px;
}
.news_box h1 {
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#4c4c4c;
	text-align:center;
	margin-bottom:20px;
}
.news_box table {
	border-collapse:collapse;
	margin:auto;
}
.news_box table td {
	text-align:right;
	color:#4c4c4c;
	padding:5px 15px 5px 10px;
}
.news_box table td.center {
	text-align:center;
}
.pop_news {
	display:block;
	position:absolute;
	background:url(images/news_pop_bg.png) no-repeat 0 0;
	width:488px;
	height:260px;
	bottom:15px;
	left:-100px;
	padding:30px 40px;
	color:#4c4c4c;
}
.pop_news img.cls {
	position:absolute;
	top:21px;
	right:103px;
}
.pop_news p.qstn {
	font-size:13px;
	font-weight:bold;
	margin-bottom:7px;
}
.pop_news table td.lst input {
	background:url(images/news_text_a_bg.gif) no-repeat 0 0;
	width:237px;
	height:25px;
	padding:7px 8px 0;
	color:#4c4c4c;
	position:absolute;
	top:168px;
	left:110px;
	border-width:0px;
	margin-top:-10px;
}
div.f_r {
	float:right;
}
.pop_news table {
	width:86%;
	
}
.pop_news table td {
	padding:5px;
	
}
.rd_col {
	width:10px;
}
/******* FIN NewsLetter *******/

/* TEMP CLASSES ENDS */
.infoAbonnementProfile {
	background-image: url(images/bg_information_abonnement.gif);
	background-repeat: no-repeat;
	width:647px;
	height:360px;
	float:right;
	position:absolute;
}





.box {
	/*background:url(images/box_bg_middle_mes_abonn.gif) repeat-y 0 0;*/
	width:655px;
	/*height:auto;*/
	float:right;
	position:relative;
	/*margin-top:-260px; /* PROBABLY DON'T NEEDED WHEN APLIED TO THE FINAL FILE 
	_margin-right:-20px; /* PROBABLY DON'T NEEDED WHEN APLIED TO THE FINAL FILE */
}
.box_top2 {
	/*background:url(images/box_bg__top2_mes_abonn.gif) no-repeat 0 0;*/
	width:655px;
	height:44px;
	color:#545454;
	padding:8px 0 0 20px;	
}
.box_bottom {
	/*background:url(images/box_bg_bottom_mes_abonn.gif) no-repeat 0 0;*/
	width:655px;
	height:20px;
	display:block;
}
.ajust_1 {
	float:right; width:655px; margin-top:5px;
	/*margin-top:-85px; /* PROBABLY DON'T NEEDED WHEN APLIED TO THE FINAL FILE */
}
.ajust_2 {
	float:right; width:643px;
}
.ajust_3 {
	width:632px; margin-top:-1px;
}
.h2_mes {
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color:#545454;
	margin:0px;
}
.p20 {
	display:block; margin:13px 0 0 0;
}
.box ul {
	color:#545454;
	padding:10px 0 0 40px;
}
.box ul li {
	background:url(images/arrow_right.gif) no-repeat 0 4px;
	padding-left:15px;
	list-style:none;
	color:#de3514;
}
.box ul li ul {
}
.box ul li ul li {
	background:url(images/arrow_right.gif) no-repeat 0 4px;
	padding-left:15px;
	list-style:none;
	color:#545454;
}
.box ul li ul li span {
	font-style:italic;
	color:#de3514;
}
.rt_leg {
	font-size:10px;
	color:#545454;
	font-style:italic;
	text-decoration:underline;
	float:right;
	margin:-15px 20px 0 0;
	_margin:-10px 10px 0 0;
}

.ajust_4 {
	margin:7px 0 0 10px;
}
.mes_tab1 {
	width:250px;
	color:#545454;
	margin:10px 0 0 20px;
	border-collapse:collapse;
}
.mes_tab1 th{
	padding-bottom:5px;
	*padding-bottom:0;
}
.mes_tab1 td span {
	font-size:10px;
}
.w180 {
	width:180px;
}
.alg_c {
	text-align:center;
	border-left:1px solid #ddd;
}
.question_mark {
	vertical-align:-2px;
	margin-left:4px;
}
.formule_th {
	text-align:left;
	padding-left:18px;
	width:162px;
}
.mes_tab2 {
	float:right;
	margin:-60px 10px 0 0;
	color:#545454;
	width:235px;
}
.mes_tab2 td {
	padding:8px 0 0 0;
}
.mt_p {
	font-weight:bold;
}
.mt_t {
	font-weight:bold;
	text-transform:uppercase;
}
.mt_v {
	text-align:right;	
}
.mt_c {
	text-align:right;
	font-style:italic;
}
.mt_e div {
	border-bottom:1px dotted #545454;
	width:110px;
	display:block;
	margin:-5px auto 0 auto;
}
.check {
	font-size:10px;
	color:#545454;
	display:block;
	margin:20px 10px 0 0;
	*margin:10px -233px 0 0;
	float:right;
}
.check span, .check2 span {
	font-size:10px;
	color:#545454;
	text-decoration:underline;
}
.check input, .check2 input {
	vertical-align:-3px;
}
.last_btn2 {
	float:right;
	display:block;
	margin:10px 10px 3px 0;
	_margin:10px 10px -5px 0;
	clear:right;
}
.inside_line {
	border-bottom:1px dotted #545454;
	width:110px;
	display:block;
	margin:6px auto 0 auto;
	*margin:-5px auto 0 auto;
}
.p202 {
	display:block; margin:18px 0 0 0;
}
.rt_leg2 a {
	font-size:10px;
	color:#545454;
	font-style:italic;
	text-decoration:underline;
	float:right;
	display:block;
	margin:-13px 50px 0 0;
	_margin:-5px 40px 0 0;
}
.mes_tab3 {
	width:255px;
	margin:25px 0 40px 40px;
	_margin:25px 0 20px 40px;
	border-collapse:collapse;
	color:#545454;
}
.mes_tab3 th {
	text-align:left;
	border-top:1px solid #ddd;
}
.mes_tab3 td, .mes_tab3 th {
	vertical-align:top;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
.mes_tab3 td {
	font-size:11px;
	padding:3px;
	*padding:0px;
}
.mes_tab3 td input, .f11 input {
	vertical-align:-2px;
}
.mes_tab3 th {
	padding:0 3px 0 3px;	
}
td.no_b, th.no_b {
	border-right:1px solid #fff;	
}
td.ta, th.ta {
	text-align:center;
}
.mes_peiement {
	display:block;
	float:right;
	margin:-165px 50px 0 0;
	*margin:-190px 50px 0 0;
	_margin:-170px 20px 0 0;
	color:#545454;
	width:240px;
}
.mes_total {
	display:block;
	float:right;
	margin:-113px 50px 0 0;
	*margin:-140px -250px 0 0;
	_margin:-120px -250px 0 0;
	color:#545454;
	width:240px;
}
.check2 {
	font-size:10px;
	color:#545454;
	display:block;
	margin:-40px 20px 0 0;
	*margin:-50px -260px 0 0;
	float:right;
}
div.ajust_5 {
	display:block;
	float:right;
	margin:-18px 19px 0 0;
	*position:absolute;
	*right:10px;
	*bottom:20px;
	_bottom:10px;
	_right:20px;
}
.f11 {
	font-size:11px;
}
.w60 {
	width:60px;
}
td.ar {
	text-align:right;
}
div.w125s {
	width:125px;
}
/**** page recap ****/
div.cgvRecap
{
	font-size: 11px; 
	margin-left: 405px; 
	color: #4d4d4d;
	margin-bottom:7px;
}
div.cgvRecap a
{
	font-size: 10px; 
	color: #4d4d4d;
}
.popupTrackingOrder
{
	background-color:#FFFFFF;
	height:380px;
	left:50%;
	position:absolute;
	top:50%;
	width:550px;
	margin-left:-275px;
	margin-top:-190px;
}
.popupCgvRecap
{
	width: 400px;
	height: 200px;
	background-color: White;
}
/**** Parrainage massif ****/
.choixMessagerie
{
	/*border: solid 1px black; */
	margin-bottom: 10px; 
	width: 550px; 
    padding: 7px 7px 7px 7px;
    clear:both;
}
.rbBtnEmail
{
	margin-bottom: 15px;
}
.rbBtnEmail input
{
	margin-left: 10px;
}

/**** Sondage iframe div ***/
.iframeStyle
{
	height:500px;
	width: 685px;
	overflow:auto;
}

/**** Alignement visuels boutique ***/
.flashClass
{
	text-align: right;
}

/**** Messages *****/
.errorMessage
{
    font-family:arial,verdana,helvetica,sans-serif;
    font-size:12px;
}

.tabPageSubscription
{
	height: 316px;
	background-image: url(images/adhesion/fond.jpg);
}

/**** Economy Excess UserControl ****/
.adhererBtn
{
    margin-left: 50px;
    margin-right: 50px;
}
.ptop20
{
    padding-top: 20px;
}

.allInside
{
       
}

.messageForOrder
{
	padding: 5px 3px 3px 5px;
}

/**** Recap ****/
.headerPaymentMode
{
	background-image: url(images/bg-PaymentMode.gif);
	background-repeat:no-repeat;
	width:661px;
	height:20px;
	padding: 2px 0 0 10px;
	margin: 0 0 15px 10px;
	text-align:left;
}

.recapProducts
{
    margin: 0px 10px;
    width:661px;
}

.headerSubs
{
    background: url(images/th_recapsub.gif) no-repeat left top;
    width: 661px;
    height:20px;
}

.headerProducts
{
    background: url(images/th_recap.gif) no-repeat left top;
    width: 661px;
    height:20px;
}

.recapProducts ul
{
    display:inline-block;
}

.recapProducts ul li
{
    display: block;
    float: left;
    font-size:12px;
    text-align: center;
    padding-top: 4px;
}

.recapLineItem
{
    
}

.recapProdImg
{
    width:27px;
}

.recapDisplayName
{
    width:150px;
}

.recapTaille
{
    width:53px;
}

.recapCouleur
{
    width:68px;
}

.recapPrixUnitaire
{
    width:153px;
}

.recapQuantite
{
    width:72px;
}

.recapAdhesion
{
    width:122px;
}

.recapValidite
{
    width:100px;
}

.recapPaiement
{
    width:76px;
}


.recapMontant
{
    width:138px;
}    

.productsBas
{
    margin-top: 15px;
    float:right;
    width: 520px;
}

.productsBas ul
{
    float: right;
    display: inline-block;
    width:100%;
    overflow:hidden;
    text-align:right;
    padding: 3px 0px;
}

.productsBas li
{
    float: right;
}

.boxRecap
{
    margin-left: 280px;
    width: 683px;
    overflow:hidden; 
    font-size:12px;
    color: #393939;  
}

.boxRecap h2
{
    color: #787878;
    text-align: center;
    padding: 5px 0;
    font-size: 17px;
}

.boxRecap .valBox
{
    background:transparent url(images/bg_champs_1.gif) no-repeat scroll right top;
    height:20px;
    margin-right:10px;
    padding: 1px 10px 0px 0px;
    width:139px;
    text-align:right;
}

.recapOutsideDiv
{
    background:transparent url(images/v_parrainage.jpg) no-repeat scroll left bottom;
}

.recapAdressBox
{
    width: 151px;
    float:left;
    overflow:hidden;
    font-size:9px;
    padding: 15px 0 0 10px;
}

.recapDynBox
{
    background:transparent url(images/bg_dynbox_bottomright.gif) no-repeat scroll right bottom;
    float:left;
    padding:0 0 0 0;    
    width: 151px;
}

.lowheight
{
    height: 5px;   
}

.yesNo{
    width:80%;
    overflow:hidden;
    margin:20px auto;
}

.recapPromo
{
    font-size: 9px;
    margin-right: 30px;
    padding-top: 5px;
    padding-bottom: 4px;
}

.recapBonsDachat
{
    font-size: 9px;
    margin-right: 30px;
    padding-top: 5px;
    padding-bottom: 4px;    
}

.headerRecap
{
    
    
}

.recapPmntDet
{
    font-size: 9px;
    color: #393939;
    font-weight: normal;
}


#inscription .formBox .yesNo .ecart{
    text-align:center;
    width:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    height:115px;
}
#inscription .formBox .yesNo .yesNoBtns {
    margin:20px auto;
    overflow:hidden;
    padding:0;
    width:106px;
}
#inscription .formBox .yesNo .yesNoBtns .btNoirRefletLeft {
    margin-right:20px;   
}
#inscription .formBox .yesNo .ecart td {
    vertical-align:middle;
    text-align:center;
    width:100%;
    height:110px;
}
#inscription .formBox .yesNo .ecart table {
    float:none;
    width:100%;
}

*+html .1érePV
{
    padding-right: 14px;   
}

* .1érePV
{
    padding-right: 14px;   
}

.deliveriesSteps{width:875px;margin-left:50px;padding:5px;}
.deliveriesSteps .step{padding:5px;}
.deliveriesSteps .step .cacContentArea{width:32%;float:left;}
.deliveriesSteps .step .inputArea{width:67%;float:right;}
.deliveriesSteps .step .inputArea .inputBlock .header{height:17px;background:url('images/inputBlock_header.png') no-repeat 0 0;}
.deliveriesSteps .step .inputArea .inputBlock .body{background:url('images/inputBlock_body.png') repeat-y 0 0;}
.deliveriesSteps .step .inputArea .inputBlock .body .content{padding:5px;font-size:12px;color:#666666;}
.deliveriesSteps .step .inputArea .inputBlock .body .content h3{font-size:11px;color:#666666;padding-left:25px;margin:-8px 0px 10px 0px;background:url("images/puce_h3_depliee_gris.gif") no-repeat scroll 5px center transparent;height:15px;}
.deliveriesSteps .step .inputArea .inputBlock .body .content>label{display:inline-block;width:80px;padding-right:20px;text-align:right;}
.deliveriesSteps .step .inputArea .inputBlock .body .content label.amoutLabel{display:inline-block;padding-right:20px;text-align:left;padding-left:20px;width:350px;}
.deliveriesSteps .step .inputArea .inputBlock .body .content input[type='text']{display:inline-block;height:20px;width:360px;margin-bottom:5px;padding:0px 20px 0px 20px;background:url('images/bg_livraison_textfield.png') no-repeat 0 0;border:none;line-height:20px;}
.deliveriesSteps .step .inputArea .inputBlock .body .content input.mini{width:100px;background:url('images/bg_livraison_textfield_mini.png') no-repeat 0 0;text-align:center;padding:0;}
.deliveriesSteps .step .inputArea .inputBlock .body .content select{min-width:200px;margin-bottom:5px;}
.deliveriesSteps .step .inputArea .inputBlock .body .content table td{height:40px;line-height:40px;vertical-align:middle;width:500px;}
.deliveriesSteps .step .inputArea .inputBlock .body .content table td input{float:left;margin-top:10px;}
.deliveriesSteps .step .inputArea .inputBlock .body .content table label{line-height:40px;display:block;}
.deliveriesSteps .step .inputArea .inputBlock .body .content table .shippingMethodLogo{float:right;}
.deliveriesSteps .step .inputArea .inputBlock .body .content table .shippingMethodName{float:left;}
.deliveriesSteps .step .inputArea .inputBlock .body .content textarea {width:510px;height:200px;margin-left:22px;margin-top:10px;font-size:12px;}
.deliveriesSteps .step .inputArea .inputBlock .footer{height:15px;background:url('images/inputBlock_footer.png') repeat-y 0 0;}
.spacer{clear:both;}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(images/FilledStar2.png);

}

.emptyRatingStar {
    background-image: url(images/EmptyStar2.png);
}

.savedRatingStar {
    background-image: url(images/SavedStar2.png);
}
.classementProduct
{
	float:left;
}
.titleClassementProduct
{
	color:#666666;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:12px;
}
.viewRatingAverage
{
	cursor:pointer;
}
.linkCommentProduct
{
	text-decoration:none;
	color:#666666;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:12px;
}
.linkCommentProduct:hover
{
	color: #C9D20D;
	text-decoration: underline;
}

.ratingPopup
{
	width: 270px; 
	display: none; 
	height: 178px; 
	border: solid 1px #A5A812;
	position: absolute; 
	background-color: White;
	z-index: 9999; 
	margin-top: 0; 

}
.contentRatingPopup
{
	background-color: white;
	width: 246px; 
	background-repeat:repeat-x;
	height:136px;
	padding: 6px 0px 0px 8px;
}
.titleRatingPopup
{
	border-bottom: solid 1px #C9D20D; 
	height: 25px;
	color:#C9D20D; 
	text-align:center;
	padding: 9px 0px 0px 0px;
}
.labelBarreRatingProduct
{
	float:left;
	color:gray;
	padding: 5px 0px 0px 0px;
	width:80px;
	display:block;
	text-align: center;
}
.barreRatingProduct
{
	border: solid 1px silver; 
	margin: 3px 5px 0px 6px; 
	width: 150px; 
	height: 15px;
	float:left;
}
.b-barreRatingProduct
{
	margin: 5px 0 5px 0;
	width: 260px;
}
.nbVoteByNote
{
	color:gray;
	padding: 5px 0px 0px 0px;
	display:block;
}
.blocAvatar
{
	width:617px;
	height: 117px;
	float:left;
	margin-left:12px;
	margin-top:10px;
	margin-bottom: 10px;
	background-image: url(images/bg-avatar.png);
}
.tableAvatar
{
	margin-top: 12px;
}
.champAvatar
{
	height: 18px;
	border: solid 1px gray;
	font-size: 11px;
	padding: 0 5px 0 11px;
	vertical-align: middle;	
}

.incongruousComment
{
	font-size: 10px;
	text-decoration: none;
	color: #666666;
	font-family: arial,verdana,helvetica,sans-serif;
}
.incongruousComment:hover
{
	font-size: 10px;
	color:#C9D20D;
	text-decoration: underline;
}
.commentUtile
{
	color: #666666;
	font-family: arial,verdana,helvetica,sans-serif;
	font-size:12px;
}
.commentUtile:hover
{
	color: #C9D20D;
	font-family: arial,verdana,helvetica,sans-serif;
}
.champTextAvatar
{
	background: url(images/bg_champs_coord.gif) right no-repeat;
	width: 155px;
	height: 20px;
	font-size: 11px;
	text-align: right;
	padding-right: 8px;
	border-width:0px;
	text-align:center;
}

.pnlIdentificationClub
{
	background-image: url(images/pnlIdentificationLeClub.gif);
	background-repeat: no-repeat;
	width: 900px;
	height: 170px;
	padding: 15px 1px 10px 30px;
}
.puceClub
{
	background:url("images/puce_h3_depliee.gif") no-repeat scroll 5px center transparent;
	margin-bottom:10px;
	padding-left:25px;
	text-decoration:none;
	color: #E53517;
	font-size: 13px;
}
.contentClub
{
	margin:10px auto 10px auto;
	width: 980px;
	font-size:11px;
	color:#666666;
	font-size:1.3em;
}
.tabClub .colLabel
{
	text-align: right;
	padding-right: 8px;
	height: 26px;
}
.pnlInscriptionClub
{
	background-image: url(images/pnlInscriptionLeClub.gif);
	background-repeat: no-repeat;
	width: 900px;
	height: 430px;
	padding: 15px 1px 10px 30px;
}
.clubVerchantForgotPassword
{
	color:#666666;
	text-decoration: none;
}
.clubVerchantForgotPassword:hover
{
	color:#666666;
	text-decoration:underline;
}