/*CSS GLOABLE MON COMPTE ALL 2016 CSS3*/


/*GLOBAL WEB*/
h1.titreClassif{margin:10px 0 6px 0; font-size:20px; font-weight:normal; color:#525252;}
p.chapoClassif{font-size:12px; color:#828282; font-weight:normal; text-align:justify; margin:0 0; padding:0 0 10px 0;}


/*Globale Mon Compte*/
/*#linkSEOFrame{display:none;}*/
#globale_myAccount{display:block; width:98%; margin:0 auto;}

#frameBottom img{margin-bottom:-4px;}

/*Espace mon compte*/
#Global{width:1000px; margin:0 auto;font-family:Arial, Verdana, sans-serif; }

#EspaceClient{font-size:22px;color:rgb(160,160,160);border-bottom:1px solid rgb(160,160,160);font-weight:normal; padding:4px 0; margin: 0 0 20px 0;}

.msgSucces {
    background: #27ae60;
    border: 1px solid #007328;
    width: 77%;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    margin:5px auto;
    padding: 5px 0;
    }
#AccountGlobalSideMenu{float:left; width:20%; margin-right:2%;}
#AccountGlobalSideMenu h3{display:block;height: 20px;border-bottom:1px solid rgb(82,82,82);font-size:16px;color:rgb(82,82,82); font-weight:normal; padding:2px 0 2px 25px; margin: 4px 0;}
	.MonCompte_Account{background:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_MonCompte.png); background-repeat: no-repeat;}
	.SuiviCommande_Account{background:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_SuiviCommande.png); background-repeat:no-repeat;}
	.SAV_Account{background:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_SAV_Account.png); background-repeat: no-repeat;}
#AccountGlobalSideMenu ul{margin: 0 0 10px 0;padding: 0 0; list-style-type: none;}
#AccountGlobalSideMenu li{margin: 4px 0;padding: 2px 0;}
#AccountGlobalSideMenu a {display:block;font-size:14px;color:rgb(160,160,160); text-decoration:none;}
	#AccountGlobalSideMenu a:hover {color:rgb(82,82,82);}

#AccountGlobalSideMenu h3 a{font-size:16px;color:rgb(82,82,82);}

#AccountUser_Contenu{display:block;float:right; width:77%;}
#AccountUser_Contenu h2, #AbonnMyAccount h2{font-size:18px;color:rgb(82,82,82); font-weight:normal; padding:4px 0 2px 0; margin: 0 0;}
#AccountUser_Contenu h3, #AbonnMyAccount h3{font-size:16px;color:rgb(82,82,82); font-weight:normal; padding:4px 0 2px 0; margin: 0 0;line-height: 18px;}

#AccountUser_Contenu p, #AbonnMyAccount p, #AbonnMyAccount label{font-size:14px;color:rgb(82,82,82); font-weight:normal; padding:0 0; margin: 0 0;}
 	#AbonnMyAccount p{color:rgb(160,160,160);}
 		#AbonnMyAccount label{font-size:14px;line-height:20px;}
#AccountUser_Contenu p.soustitre_Account_Contenu, #AbonnMyAccount p.soustitre_Account_Contenu {color:rgb(160,160,160);}
#AccountUser_Contenu a, #AbonnMyAccount a{color:rgb(82,82,82);}
#AccountUser_Contenu a.buttonModif, #AccountUser_Contenu .productListsBtnCompareContainOn a{color:#FFFFFF; text-decoration:none;}
#AccountUser_Contenu a.grisclair{color:rgb(160,160,160);}
	#AccountUser_Contenu a:hover.grisclair{color:rgb(82,82,82);}

.btnAjoutPanierAccount{display:block; 
	cursor:pointer; 
	width:100%; 
	height:26px;
	background-color:rgb(82,82,82);
	background-image:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_AddOnPanier_Account_Blanc.png);
	background-repeat:no-repeat; 
	background-size:16px;
	background-position:5px 5px;
	color:#FFFFFF;
	padding:4px 5px 4px 24px;
	font-size:12px;
	border:0;
	margin-top:4px;}

/*Détail list*/

#AccountListDetail_Contenu{display:block;float:right; width:77%;}
#AccountListDetail_Contenu h2, #AbonnMyAccount h2{font-size:18px;color:rgb(82,82,82); font-weight:normal; padding:4px 0 10px 0; margin: 0 0;}
#AccountListDetail_Contenu h3, #AbonnMyAccount h3{font-size:16px;color:rgb(82,82,82); font-weight:normal; padding:4px 0 2px 0; margin: 0 0;}

#AccountListDetail_Contenu p{font-size:14px;color:rgb(82,82,82); font-weight:normal; padding:0 0; margin: 0 0;}
#AccountListDetail_Contenu p span{color:rgb(160,160,160); font-weight:normal; padding:0 0; margin: 0 0;}
 
#AccountListDetail_Contenu p.soustitre_Account_Contenu{color:rgb(160,160,160);}
#AccountListDetail_Contenu a{color:rgb(82,82,82);}
#AccountListDetail_Contenu a{color:#FFFFFF; text-decoration:none;}
#AccountListDetail_Contenu a.grisclair{color:rgb(160,160,160);}
	#AccountListDetail_Contenu a:hover.grisclair{color:rgb(82,82,82);}

/*TABLEAU DE BORD*/
#conteneurAccount, #conteneurAccount1 , #conteneurAccount2{display:block; float:left; margin-top:15px; margin-bottom: 10px; width:100%; border:1px solid rgb(82,82,82);}

#conteneurAccount h3,  #conteneurAccount1 h3, #conteneurAccount2 h3{display:block; background-color:rgb(82,82,82); margin:0; padding:8px 10px; color:#FFFFFF;}
	#conteneurAccount h3 a, #conteneurAccount1 h3 a , #conteneurAccount2 h3 a, #conteneurAccount h3 a.creerListH3, #conteneurAccount1 h3 a.creerListH3, #conteneurAccount2 h3 a.creerListH3{
			float:right;
			padding:0 0;
			color: rgb(82,82,82);
			font-weight: bold;
			display: inline-block;
			border-left: 18px solid transparent;
			border-top: 35px solid rgb(240,240,240);
			height:0;line-height:35px;
		    margin: -9px -11px 0 0;
		    text-decoration:none;}

	#conteneurAccount h3 a.creerListH3, #conteneurAccount1 h3 a.creerListH3, #conteneurAccount2 h3 a.creerListH3{border-left: 18px solid transparent;border-top: 35px solid rgb(204,204,204);margin: -9px -11px 0 -8px;}
	#conteneurAccount h3 a.voirToutListH3, #conteneurAccount1 h3 a.voirToutListH3, #conteneurAccount2 h3 a.voirToutListH3{margin: -9px 0 0 0;}
	#conteneurAccount h3 a.voirToutListH3T, #conteneurAccount1 h3 a.voirToutListH3T, #conteneurAccount2 h3 a.voirToutListH3T{border-left: 0;border-bottom: 35px solid rgb(240,240,240);border-top: 0;border-right: 18px solid transparent;width:1px;}

	
		#conteneurAccount h3 a span, #conteneurAccount1 h3 a span, #conteneurAccount2 h3 a span{
			display: block;
		    margin-top: -34px;
		    font-weight: normal;
		    font-size: 14px;
		    font-style: italic;
		    padding-right: 10px;
		    padding-left: 30px;
		    background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_suppLigne_rouge.png); 
		    background-repeat:no-repeat; 
		    background-position: 5px 7px;}

	#conteneurAccount h3 a.creerListH3 span, #conteneurAccount1 h3 a.creerListH3 span, #conteneurAccount2 h3 a.creerListH3 span{background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_plusList_Account.png);background-position: 10px 8px; background-size:18px; padding-left: 35px; }
	#conteneurAccount h3 a.voirToutListH3 span, #conteneurAccount1 h3 a.voirToutListH3 span, #conteneurAccount2 h3 a.voirToutListH3 span{background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_LookGrey_Account.png); }

#conteneurAccount p, #conteneurAccount1 p, #conteneurAccount2 p{color: rgb(160,160,160); padding: 0 10px; margin-top: 10px; margin-bottom: 10px; min-height: 22px; line-height: 22px;}
	#conteneurAccount p.GrisFonce, #conteneurAccount1 p.GrisFonce, #conteneurAccount2 p.GrisFonce{color:rgb(82,82,82);}
	#conteneurAccount p span.vertFlat, #conteneurAccount1 p span.vertFlat, #conteneurAccount2 p span.vertFlat{color:rgb(40,175,95);}
	#conteneurAccount p span.vertFlatBold, #conteneurAccount1 p span.vertFlatBold, #conteneurAccount2 p span.vertFlatBold{color:rgb(40,175,95); font-weight: bold;}
#conteneurAccount a.BasConteneur, #conteneurAccount1 a.BasConteneur, #conteneurAccount2 a.BasConteneur{display:block; background-color: rgb(240,240,240); padding:10px;  margin-top:10px; font-size:12px; text-align: center; color:rgb(82,82,82); text-decoration:underline;}
	#conteneurAccount a.BasConteneur:hover, #conteneurAccount1 a.BasConteneur:hover, #conteneurAccount2 a.BasConteneur:hover{color:rgb(160,160,160);}
#conteneurAccount.MonProfil, #conteneurAccount1.MonProfil, #conteneurAccount2.MonProfil{width:78%;}


.tel_SAV_Account{display:inline-block;background:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_Tel_SAV_Vert_Account.png); background-repeat:no-repeat; padding-left: 25px;}

/*TABLEAU DE COMMANDE*/
.hoverList{background: rgb(255,255,255);transition: background-color 0.4s ease-in-out;}
.hoverList:hover {background: rgb(250,250,250);transition: background-color 0.2s ease-in-out;}

.hoverList a{border:0;}

#table_cde{text-align:left;margin: 0 0; width:100%;}

#table_cde thead {background-color:rgb(160,160,160);margin:0 0;}
	#table_cde thead tr{height:35px; margin: 0px 0;}
	#table_cde thead th{font-size: 12px !important; color:rgb(255,255,255) !important;height:34px !important;}


#table_cde tr{height:40px; margin: 5px 0;}
#table_cde td{width:auto; padding:0 2px;}
#table_cde td p{font-size:12px; margin-top:0;}
td.infoCde_Account{text-align:left; width:35% !important;}
td.refClient_Account{text-align:left; width:26% !important;}
td.totalCde_Account{text-align:right; width:18% !important;}
td.colStatuCde_Account{width:17% !important;padding-left:4px;text-align:center;}

#table_cde a{display:block;text-decoration: none; font-size:12px;color:rgb(160,160,160);}
#table_cde a:hover{color: rgb(82,82,82);}
#table_cde a span.statu_cde{display:block;font-size:10px;}

tr.ligneCdeAccountSans{margin:2px 0;}
 #table_cde tr.ligneCdeAccountSans:hover a{color:rgb(82,82,82);}


/*Detail Cde*/
.headerAccount_DetailCde{display:block; float:left; width:100%; padding:10px 0;}
.headerAccount_DetailCde_Left, .headerAccount_DetailCde_Adresse_Left{display:block; width:68%; float:left;}
.headerAccount_DetailCde_Right, .headerAccount_DetailCde_Adresse_Right{display:block; float:right; width:28%; padding:10px;}

	.headerAccount_DetailCde_Adresse_Left{width:48%;}
	.headerAccount_DetailCde_Adresse_Right{width:49%; padding:0 10px;}

.headerAccount_DetailCde h3{color:rgb(82,82,82); font-weight:normal; font-size:16px;}
.headerAccount_DetailCde p{color:rgb(160,160,160) !important;}
.headerAccount_DetailCde p span{color:rgb(82,82,82) !important;}

.statut_detailCde{
	display:block;
	width:65%;
	float:right;
	text-align:center;
	margin-top:-31px;
}

.statut_detailCde span {display:block; font-size:11px; color:rgb(82,82,82);}


.orderList-table{
border-collapse: collapse;
width:100%;
color:rgb(82,82,82);
}

.orderList-th{
background:rgb(160,160,160);
height:27px;
/*line-height:27px;*/
font-size:12px;
line-height: 12px;
font-weight:normal;
text-align:center;
border: 1px solid rgb(204,204,204);
border-bottom:none;
border-top:none;
padding:0 5px;
}

.orderList-th2{
background:rgb(82,82,82);
font-size:10px;
line-height: 12px;
text-align:center;
height:18px;
border: 1px solid rgb(204,204,204);
border-bottom:none;
border-top:none;
color:#FFFFFF;
padding:0 5px;
}

.orderList-td{
height:50px;
border: 1px solid rgb(204,204,204);
border-bottom:none;
border-top:none;
font-size:12px;
text-align:center;
}


.orderList-td-total, .orderList-td-total-final{
height:30px;
border:1px solid rgb(204,204,204);
border-top:none;
font-size:12px;
padding:0 5px;
text-align:right;
}

.orderList-td-total-final{
background-color: rgb(240,240,240);
font-weight: bold;
}

.btn_AjouterAListe_DetailsCde, .btn_AjouterAuPanier_DetailsCde{
display:block;
height:22px;
padding-top:8px;
color:rgb(82,82,82);
font-size:11px;
padding-left:35px;
background-color: rgb(240,240,240);
background-image:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_AddOnList_Account_OT.png);
background-repeat:no-repeat;
background-position:5px 5px;
border:1px solid rgb(204,204,204);
border-top:0;
border-right:0;
cursor:pointer;
}

 .btn_AjouterAuPanier_DetailsCde{
background-image:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_AddPanier_Account_OT.png);
}


/*Données personnelles*/
.table2col_account{width:100%}
.table2col_adress_account{width:49.5%; float:left;}
.table2col_account td{padding:0; width:49.8%;}

.table2col_account h4{margin:10px; margin-bottom:0; padding:0; font-size:14px; font-weight:bold; color:#013c94;}

#updateDataSheetGlobal{margin-left:0; margin-top: 0; width:100%;}
#updateDataSheetBoxLeftGlobal{float: left; margin:20px auto 20px auto; width:100%; border: 1px solid rgb(204,204,204);}
.updateDataSheetFixLabel{width: auto !important;}
.updateDataSheetBoxRightFixLabel{width: 190px !important;}

#updateDataSheetBoxLeftContain p{display:block;padding: 2px 0;}
#updateDataSheetBoxLeftContain input, #updateDataSheetBoxProContain input{width:98.5%; margin:4px 0;}
#updateDataSheetBoxLeftContain select, #updateDataSheetBoxProContain select{float:right;}

#updateDataSheetBoxLeftTitle, #updateDataSheetBoxProTitle{height: 20px;background: rgb(160,160,160);color:#FFFFFF;font-size: 16px; font-weight: normal;padding: 5px; width:auto;}


#updateDataSheetBoxProGlobal {
float: left; margin: 0 auto 0 auto; width: 100%;
border: 1px solid #ddd;
}

.monCompte-mesAdresses-box-favoris, .monCompte-mesAdresses-box {
margin-bottom: 0;
width: 100%;
height: 120px;
overflow: hidden;
background: #FFFFFF;
float: left;
position: relative;
margin: 5px 0px 5px 0px;
border:1px solid rgb(204,204,204);}

.monCompte-mesAdresses-box-favoris{background:url(/waroot/images/flatDesign/pictos/Otelo/global/bg_Favori_Account.png); background-repeat: no-repeat; background-position:-30px 100px;
border:1px solid #fcc317; height: 170px;}


.boutonModifier_Account{display:block; float:right; padding: 5px 40px; margin: 12px; font-size: 14px; color:#FFFFFF !important; text-decoration:none !important; background-color: rgb(82,82,82); border:none; cursor: pointer; 
	-moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.boutonModifier_Account:hover{background-color: rgb(240,240,240); color:rgb(82,82,82) !important; box-shadow:1px 1px 4px rgba(0,0,0,0.2);   
	-moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.btn-favoris-account, .btn-supp-account{background-color: #fcc317; display: inline-block; border: 0 none; width:62px;text-decoration: none; margin: 1px 1px; padding: 4px 0 0 0; cursor:pointer; text-align:center;}
.btn-supp-account {background-color: #e2001a;}
.btn-Modif-account {background-color: rgb(82,82,82); height:22px; padding: 4px 40px 0 40px; margin: 1px 1px; display: block; font-size: 14px; color:#FFFFFF !important; text-decoration:none; border:none; }
.monCompte-mesAdresses-box-favoris a.btn-Modif-account{margin-top:30px;}


/*PAGE DE LISTE ET COMPARATEUR*/
.productListsFixDiv1,.productListsFixDiv2 {
font-size: 11px;
padding: 0;
}

.productListsMarkerContain, .productListsCompareContain {
height: 90px;
padding: 5px 0 0 0;
border-bottom: 0px;
}


.productListsMarkerZoneDel, .productListsCompareRem {
float: left;
margin-top: 25px;
text-align: center;
width: 50px;}

.productListsMarkerZoneIMG td, .productListsCompareZoneIMG td{border: 1px solid rgb(204,204,204); background-color: #FFFFFF;}

.productListsMarkerZoneInfo {width:50%;}
.productListsMarkerZoneInfo table{width: 100%;}
.productListsMarkerZoneInfo td{height:82px;}

.productListsMarkerZoneAddToCart{
float: right;
padding-top: 15px;
padding-right: 10px;
width: auto;
}


/*Add Panier*/
.productListsMarkerZoneAddToCartContain{width: auto;float: left;}
.productListsMarkerZoneAddToCartFloat{float: left; background-color:rgb(240,240,240);border:1px solid rgb(160,160,160);height:20px;width:20px;}
.productListsMarkerZoneAddToCartFloat img{width:16px; height:16px;margin:2px;}
.productListsMarkerInput{height:22px;}
.productListsMarkerSubmit input{margin:0 5px 0 0; padding:0; background-color:transparent;border:none; color:#FFFFFF;}

.productListsMarkerSubmit{
display: block;
float: left;
padding: 4px 5px 3px 30px;
background-color: rgb(82,82,82);
background-image: url(/waroot/images/VentePrivee/PictoVP_AddPanier_Blanc.png);
background-repeat: no-repeat;
background-position-x: 5px;
background-position-y: 3px;
text-decoration: none;
border: 0;}


.productListsMarkerAddToCompareContain {
height: 20px;
cursor: pointer;
margin-top: 5px;
padding-top: 21px;
}

.productListsMarkerAddToCompareContain{
display:block; 
height:20px; 
cursor:pointer; 
margin-top:26px;
padding-top:0px;
}

#AccountUser_Contenu .productListsMarkerAddToCompareContain p{
height: 18px;
padding: 4px 10px 0px 30px;
background-color: rgb(204,204,204);
background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_Compar_Account.png);
background-repeat: no-repeat;
background-position-x: 3px;
background-position-y: 0px;
text-align: right;
}



.productListsVider, .productListsCompareVider {
display:block;
margin-top: 0;
padding-top: 10px;
font-size: 11px;
font-weight: 700;
text-align: center;
height: 20px;
background-color: rgb(240,240,240);
}


.productListsBtnCompareContainOn, .productListsBtnCompareContainOff {
display:block;
background: none;
background-color: rgb(255,195,25);
background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_Compar_Account_Bleu.png);
background-repeat: no-repeat;
background-position: 16% 50%;
height: 40px;
cursor: pointer;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-top: 2px;
margin-top:10px;
color: #013c94 !important;
}

.productListsBtnCompareContainOff {background-image:none;background-color:rgb(204,204,204);cursor:auto;}

.productListsBtnCompareContainOff span {color:rgb(160,160,160);}

.productListsBtnCompareContainOn a, .productListsBtnCompareContainOff a{
display: block;
text-align: center;
font-size: 15px;
font-weight: normal;
text-decoration: bold;
color: #013c94 !important;
padding:10px 20px 10px 50px;
}

/*Gestion abonnement dans mon compte*/
#AbonnMyAccount{width: 100%;}

#AbonnMyAccount table{width: 96%;text-align: left;margin: 10px auto;}
#AbonnMyAccount td{text-align: right;}
#AbonnMyAccount td.infosTabAbonn{text-align: left; width:75%;padding-bottom: 5px;}


#AbonnMyAccount ul{list-style-type: none; margin: 0 0; padding: 0 0;}
#AbonnMyAccount li{display: inline-block; padding: 0 5px 0 10px; margin: 0 0;}


.infoDesa{background-color: rgb(240,240,240);}
#AbonnMyAccount table.infoDesa{width: 96%; padding: 10px 2%; margin: 5px auto 15px auto;}


#AbonnMyAccount table.validModifAbonnAccount{width: 100%; margin: 0 0; background-color:rgb(204,204,204);height:20px;}

.submitSaveAbonnAccount{border:none; background-color: rgb(82,82,82);color:#FFFFFF; padding:0 30px; margin:0; cursor:pointer;height:30px;}

#AbonnMyAccount p.reasonDesa{color:rgb(82,82,82);}


/*Jauge */
div.jauge{
	margin:15px 5px 0px 5px;
	width: 150px; height: 150px;
	position: relative;
    float:right;
}
div.jauge input{
	position: absolute;
	top:54px; left:26px;
    font-family: Arial;
	font-size: 38px;
    color:#27ae60;
    text-align: right;
    padding-right: 42px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	width: 65px;
	border:none; 
	background:none;
	background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/BG_PoucentJauge_Vert_40.png);
	background-repeat: no-repeat;
	background-position: 90% 40%;
	outline:none;
}
div.jauge canvas{
	position: absolute;
	top:0; left:0; right:0; bottom:0;
}


/*POP UP CREATION DE LIST*/
.TitrePopup2016{display:block; font-weight:normal; font-size:14px; text-align:center; background-color:rgb(82,82,82); margin:0; padding:8px 10px; color:#FFFFFF; border-radius: 8px 8px 0 0;}


.headPopUp_CreaList{
	width:100%;
  	background-color:rgb(160,160,160);
  	border-bottom:1px solid rgb(160,160,160);

}

div.lozange {
  width:32%;
  padding:0 0;
  color: #fff;
  font-weight: bold;
 
  display: inline-block;
 
  border-right: 18px solid transparent;
  border-top: 30px solid rgb(204,204,204);
  height:0;
  line-height:50px;
}
div.lozange2 {
  width:28.1%;
  padding:0 0;
  color: #fff;
  font-weight: bold;
  margin-left:-5px;
 
  display: inline-block;
 
  border-right: 18px solid transparent;
  border-top: 30px solid rgb(204,204,204);
  height:0;
  line-height:50px;
}
div.lozange3, div.lozange2-1 {
  width:32%;
  padding:0;
  color: #fff;
  font-weight: bold;
 
  display: inline-block;
 
  border-left: 18px solid transparent;
  border-bottom: 30px solid rgb(204,204,204);
  height:0;
  line-height:61px;
  margin-left:-21px;
}
div.lozange2-1{
  width:1px;
  padding:0;
  line-height:109px;
}

div.lozange p, div.lozange2 p, div.lozange3 p, div.lozange2-1 p{
  display:block !important;
  padding:0 0 0 0 !important;
  margin:0 !important;
  line-height: 30px !important;
  margin-top:-30px !important;
  color:rgb(160,160,160) !important;
  text-decoration:none !important;
  font-size:11px !important;
  text-align:left !important;
  padding-left: 20% !important;
}


div.lozange3 p, div.lozange2-1 p{
  margin-top:0px !important;}

div.lozange3 p{padding-left:19% !important;}
div.lozange2 p{padding-left:20% !important;}
div.lozange p{padding-left:20% !important;}

div.etapeValideTop{border-top: 30px solid #27ae60;}
div.etapeValideBottom{border-bottom: 30px solid #27ae60;}

div.etapeONTop{border-top: 30px solid rgb(240,240,240);}
div.etapeONBottom{border-bottom: 30px solid rgb(240,240,240);}

div.etapeValideTop p, div.etapeValideBottom p{color:#FFFFFF !important;}


p.etape1_crealiste{background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_etape1CreaList_orange.png); background-repeat:no-repeat; background-position: 5% 5px;}

  p.etape1OK{background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_etape1CreaList_blanc.png);}


p.etape2_crealiste{background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_etape2CreaList_gris.png); background-repeat:no-repeat; background-position: 3% 5px;}

  p.etape2ON{background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_etape2CreaList_orange.png);color:rgb(82,82,82) !important;}
  p.etape2OK{background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_etape2CreaList_blanc.png);}


p.etape3_crealiste{background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_etape3CreaList_gris.png); background-repeat:no-repeat; background-position: 3% 5px;}

  p.etape3ON{background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_etape3CreaList_orange.png);color:rgb(82,82,82) !important;}



/*TextPopup mon compte*/
.infoTopPopup{color:rgb(82,82,82);text-align:center; font-size:14px;}
.infoTopPopup span{color:rgb(160,160,160);text-align:center; font-size:12px; font-style:italic;}

.etape2infosPopUp{display:block;font-style:italic;color:rgb(82,82,82);font-size:13px;height:26px;}

.etape2infosPopUp input{float:right; width:60%; margin-top:2px;font-size:10px;height:14px; color:rgb(82,82,82);}
.etape2infosPopUp span{display:block;float:right;font-size:10px;margin-top:-6px;width:60%;text-align:left;}

/*Bouton bas popup crea liste*/
.btnGaucheCreaList, .btnDroitCreaList{display:inline-block; width:40%; background-color:rgb(160,160,160); color:#FFFFFF; font-size:14px; text-align:center;padding:10px 0;margin:0 0;border:none; border-radius:0 0 0 8px; 
  -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
.btnDroitCreaList{width:60%; background-color:rgb(240,240,240); color:rgb(82,82,82) !important; border-radius:0 0 8px 0;}

.btnGaucheCreaList:hover{background-color:rgb(204,204,204);color:#525252 !important;
  -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
.btnDroitCreaList:hover{background-color:#27ae60;color:#FFFFFF !important;
  -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }


/*Details liste*/
.conteneurLiensTopDetailList{

}

div .conteneurLiensTopDetailList .btn_AjouterAuPanier_DetailsListe, .orderList-table .btn_AjouterAuPanier_DetailsListe{
	display:inline-block; 
	height:auto; 
	color:rgb(255,255,255) !important; 
	width:46%;
	padding:0 0;
	padding-left:5%;
	margin-right:0.5%;
	font-size:12px;
	background-color: rgb(40,175,95);
	background-image:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_AddOnPanier_Account_Blanc.png);
	background-repeat:no-repeat;
	background-position:10px 8px;
	border:none;
	text-align: left;
	cursor:pointer;
	height: 35px;
}


div .conteneurLiensTopDetailList a.btn_PartagerListe_DetailsListe{
	display:inline-block; 
	height:auto; 
	color:rgb(82,82,82) !important; 
	width:17%;
	padding:10px 0;
	padding-left:5%;
	margin-right:0.5%;
	background-color:rgb(240,240,240); 
	background-image:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_Transfert_grisFonce.png);
	background-repeat:no-repeat;
	background-position:10px 8px;
	font-size:12px;
}

div .conteneurLiensTopDetailList a.btn_Imprimer_DetailsListe{
	display:inline-block; 
	height:auto; 
	color:rgb(82,82,82) !important; 
	width:18%;
	padding:10px 0;
	padding-left:5%;
	margin-right:0.5%;
	background-color:rgb(240,240,240);
	background-image:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_Print_Account_Gris_20.png);
	background-repeat:no-repeat;
	background-position:10px 8px;
	font-size:12px;
}

div .conteneurLiensTopDetailList .btn_SuppAllListe_DetailsListe{
	display:inline-block; 
	height:auto; 
	color:rgb(82,82,82) !important; 
	width:7.5%;
	padding: 0;
	background-color:rgb(240,240,240); 
	background-image:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_suppLigne_grisFonce.png);
	background-repeat:no-repeat;
	background-position:45% 8px;
	font-size:12px; 
	float:right;
	border:none;
	cursor:pointer;
	height: 35px;
}


.btn_SuppDeLaListe_DetailsListe, .btn_AjouterCata_DetailsListe{
	display:block;
	height:22px;
	padding-top:8px;
	color:rgb(82,82,82) !important;
	font-size:11px;
	padding-left:35px;
	background-color: rgb(240,240,240);
	background-image:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_suppLigne_rouge.png);
	background-repeat:no-repeat;
	background-position:5px 6px;
	border:1px solid rgb(204,204,204);
	border-top:0;
	cursor:pointer;
}

.btn_AjouterCata_DetailsListe{
	background-color: rgb(82,82,82);
	background-image:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_Cata_Account_Blanc_20.png);
	color:rgb(255,255,255) !important;
	background-position:10px 6px;
	padding-left:12.5%;
	cursor:pointer;
}



/*Page de comparateur*/
.productCompare_LinkReturn{
    display: block;
	margin-left: 10px;
    margin-top: 10px;
    width: auto;
    padding-top: 4px;
    height:20px;
    padding-left:24px;
    text-decoration: none;
    color: rgb(82,82,82) !important;
    background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_Back_Account_20_Gris.png);
    background-repeat: no-repeat;
    font-size: 11px;
    text-align: left;
}

.productCompare_LinkSupp{
	display: block;
    margin-top: 10px;
    height:20px;
    width: 20px;
	background-image: none;
}

.productCompare_StockDispotxt{
	text-align:left;
	padding-left: 30px;
	margin-left: 0;
	color:rgb(82,82,82);
}

.productCompare_StockDispoImg{
	background-image: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_livraison_20_Account_Gris.png);
    background-repeat: no-repeat;
}

.FixColorCompare{
	background-color:rgb(180,250,205);
	color:#007328;
}

.productCompare_A2CInput{
	margin-top:2px;
	 -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.productCompare_A2CInput:hover{
	margin-top:0px;
	 -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


.TableAttTD, .TableRefTD, .TableInfoCartTD{height:30px !important;}


/* INSC NL */

.texteFooter {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
    text-decoration: none;
}

.titrePageServices{
	font-size: 18px;
	font-weight:bold;
    /*color: rgb(82,82,82);*/
    padding: 4px 0 2px 0;
    margin: 0 0;
    padding: 0 0;
}

/* eFacture */
.FullYear{position:relative;}
 .topYear{background: #FFFFFF;
           background: -webkit-linear-gradient(left, rgba(0,60,150,1) , rgba(0,60,150,0)); /* For Safari 5.1 to 6.0 */
           background: -o-linear-gradient(right, rgba(0,60,150,1) , rgba(0,60,150,0)); /* For Opera 11.1 to 12.0 */
           background: -moz-linear-gradient(right, rgba(0,60,150,1) , rgba(0,60,150,0)); /* For Firefox 3.6 to 15 */
           background: linear-gradient(to right, rgba(0,60,150,1) , rgba(0,60,150,0)); /* Standard syntax */;
           height:40px;padding:0 1%;margin:10px 0;}

	h3.anneeFacture{float:right;display:block;line-height:40px !important;margin:-4px 1% 0 0 !important;padding:0 !impotant;font-size:30px !important;font-weight:normal;color:rgb(0,60,150) !important;}

	select.filtreSELECT{padding:4px 10px;font-size:12px;color:rgb(82,82,82);float:left;margin-top:7px;border-radius:4px;height:26px;}

	.globalFacture{position:relative;display:block;float:left;width:23.5%;height:200px;background:rgb(240,240,240);background-image:url(/waroot/images/flatDesign/MonCompteFR/BgFacture.jpg);border:2px solid rgb(204,204,204);border-radius:6px; margin:0 0.4% 10px 0.4%;}

	.infosFacture{width:90%;padding:2%;background-color:rgb(82,82,82);border-radius:4px;max-height:102px;overflow:auto;position:absolute;bottom:40px;left:2.5%;border:1px solid rgb(160,160,160);}
	.infosFacture p{padding:0; margin:1px 0;font-size:11px !important;color:rgb(255,255,255)!important;}

	.date_EFacture{font-size:12px; color:rgb(160,160,160);font-weight:normal;}

	.plusFacture{background-color:rgb(255,255,255);border-radius:0 0 4px 4px;position:absolute;bottom:0;padding:5px 0 0 0;height:32px;width:100%;text-align:center;}

	.plusFacture a{margin:0 1%; cursor:pointer;}


/* PopUpSubstitutionAddBasket */
.btnPopUpAddGauche, .btnPopUpAddDroit{
	display:inline-block; 
	width:50%; 
	background-color:rgb(240,240,240); 
	color:rgb(82,82,82); 
	font-size:14px; 
	text-align:center;
	padding:10px 0;
	margin:0 0;
	border:none; 
	border-radius:0 0 0 8px; 
  -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

.btnPopUpAddDroit{background-color:rgb(204,204,204);}

.btnPopUpAddGauche:hover{
	background-color:#013c94;
	color:#FFFFFF !important;
  -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
.btnPopUpAddDroit:hover{
	background-color:rgb(82,82,82);
	color:#FFFFFF !important;
  -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }


#BGPopupPanier{display:none; position:absolute; z-index:100000021; height:100%; width:100%; background-color:rgba(240,240,240,0.6);}
#PopupPanier{display:none; position:fixed; background-color:#FFFFFF; width:700px; border:3px solid rgb(204,204,204); border-radius:10px; box-shadow: 2px 2px 10px rgba(0,0,0,0.6);margin:0 auto; margin-top: 50vh; transform: translateY(-50%); left:50%; margin-left:-350px;}



.btnFlatAddCartPopup{
	display:block;
	width:100%;
	height:42px;
	float:right;
	font-weight:bold;
	background-color:rgb(250,195,20);
	background-image:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_adCart_Bleu.png);
	background-position:4% 6px; 
	background-repeat:no-repeat; 
	padding:10px 4%; 
	padding-left:20%;
	margin-top:4px; 
	border:none;
	color:#013c94;
	cursor:pointer;
		-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
             transition: all 0.3s ease;}
.btnFlatAddCartPopup:hover{
	background-color:#013c94;
	color:#FFFFFF;
	background-image:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_adCart_Blanc.png);
	box-shadow:2px 2px 6px rgba(82,82,82,0.4);
		-webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
         -ms-transition: all 0.6s ease;
          -o-transition: all 0.6s ease;
             transition: all 0.6s ease;}		


/*NEW FOOTER 2017*/

body{background:none;background-color:white;}
	#ZoneMenuMetP {background:none;}
	#frameBottom, #ZoneBottomMetP{display:none;}
	

	#PageMiddleContain{padding-bottom: 10px;}
	#panelMiddleGlobal{width:58%;float:left}
	#panelLeftGlobal{width: 21% ;float: left;}	
	#panelRightGlobal{width: 21% ;float: right;}

	.boxPanelContainFix,.boxPanelContain {width: 100%;margin-left: auto; margin-right: auto;margin-top: 10px;}
	.boxPanelContain {margin-top:0;}

	#ShowQuickViewCart{margin-right:0;width:130px;}
	#quickCartTop{right:2px;}
	
	#BigFooter{width:100%; background-color:rgb(240,240,240);border-top:1px solid rgb(160,160,160);}
		#preFooter_Reassur{width:100%;border-bottom:1px solid rgb(160,160,160);}
			.contentPreFooter{color:rgb(52,52,52);max-width:980px; min-height:90px; padding:10px 1%; padding-top:15px; margin-left: auto; margin-right: auto;}
	
		#Footer{background:rgb(240,240,240);max-width:980px; padding:10px 1%;margin-left: auto;margin-right: auto;}
	
			#FooterService, #FooterSociete, #FooterPaiement, #FooterLangues {
		    margin-right: 1%;
		    width: 32%;
		    float: left;
		    }
	    	#FooterPaiement {margin-right: 0;}
	    	#FooterLangues{display:block;height:50px; margin-top:4px;margin-right:0;}
	    	
	    	#FooterService li, #FooterSociete li, #FooterPaiement li {
	    		height:auto;
	    		line-height:24px;
	    		border-bottom:0;
	    		background:transparent;
	    		margin:2px 0;
	    		transition: all 0.2s ease;
	    	}
	    	
	    	#FooterService li:hover, #FooterSociete li:hover, #FooterPaiement li:hover {
	    		background:rgb(82,82,82);color:rgb(255,255,255);
	    		transition: all 0.4s ease;
	    		border-bottom:0;
	    		border-radius:4px;
	    	}
	    	
	    	#FooterService li:hover a, #FooterSociete li:hover a, #FooterPaiement li:hover a{
	    	transition: all 0.4s ease;
	    	color:rgb(255,255,255);
	    	margin-left:5px;
	    	} 
	    
	    #FooterNewsletter{margin:0; font-size:12px;}
	    	
	    #FooterLegal {
	    font-size: 12px;
	    font-family: Arial,Helvetica,sans-serif;
	    color: rgb(82,82,82);
	    background-color: rgb(240,240,240);
	    padding:10px 10px 20px 10px;
	    width: 1000px;
	    margin: 0 auto;
	        margin-bottom: -20px;
	    }

	    #flagsFooter{position:relative;display:block; background-color:rgb(255,255,255); padding:4px 2%; border:1px solid rgb(160,160,160); border-radius:14px; cursor: pointer; height:16px; width:96%;
										-webkit-transition: all 0.8s ease;
									        -moz-transition: all 0.8s ease;
									         -ms-transition: all 0.8s ease;
									          -o-transition: all 0.8s ease;
									             transition: all 0.8s ease;}

	     	ul#FlagsON{position:absolute; z-index:9999999; display:none; background-color:rgb(255,255,255); margin:0; padding:0 1px 0 0; opacity:0; top:24px; width:96%; left:-1px; padding:2px 2%; list-style-type: none; border:1px solid rgb(160,160,160); border-top:1px solid rgb(204,204,204); border-radius:14px 14px 6px 6px;
										-webkit-transition: all 0.8s ease;
									        -moz-transition: all 0.8s ease;
									         -ms-transition: all 0.8s ease;
									          -o-transition: all 0.8s ease;
									             transition: all 0.8s ease;
	        }

	        ul#FlagsON li{margin:2px 0;padding:0 0;}
	        ul#FlagsON li.SousFlags ul{display:none; opacity:0; margin:0 0; padding:0; list-style-type: none;}
	        ul#FlagsON li.SousFlags:hover ul{display:block; opacity:1; -webkit-transition: all 0.4s ease-in-out;
									        -moz-transition: all 0.4s ease-in-out;
									         -ms-transition: all 0.4s ease-in-out;
									          -o-transition: all 0.4s ease-in-out;
									             transition: all 0.4s ease-in-out;}

			ul#FlagsON li.SousFlags ul li{display:inline-block; margin:0 2% 0 0; width:46%;}

	     	ul#FlagsON li a{display:block; width:96%; margin:2px 0; padding:4px 2% 4px 0; border-radius:10px; color:rgb(82,82,82); text-decoration:none;}
	     	ul#FlagsON li a:hover{padding-left:2%; background-color:rgb(240,240,240);
										-webkit-transition: all 0.4s ease-in-out;
									        -moz-transition: all 0.4s ease-in-out;
									         -ms-transition: all 0.4s ease-in-out;
									          -o-transition: all 0.4s ease-in-out;
									             transition: all 0.4s ease-in-out;
			}
	     	ul#FlagsON li a img, ul#FlagsON li.SousFlags ul li a img{display:inline; margin:0; height:16px;}
	     	 ul#FlagsON li.SousFlags ul li a img{height:14px;}

	    #flagsFooter:hover{border-bottom:1px solid rgb(204,204,204); border-radius:14px 14px 0 0;
										-webkit-transition: all 0.8s ease;
									        -moz-transition: all 0.8s ease;
									         -ms-transition: all 0.8s ease;
									          -o-transition: all 0.8s ease;
									             transition: all 0.8s ease;}
				
		#flagsFooter:hover ul#FlagsON{display:block; opacity:1; border-radius:0px 0px 6px 6px;
										-webkit-transition: all 0.8s ease;
									        -moz-transition: all 0.8s ease;
									         -ms-transition: all 0.8s ease;
									          -o-transition: all 0.8s ease;
									             transition: all 0.8s ease;}
		.text_flagsFooter, .text_flagsFooterSous{padding:1px 0 0 0; margin:0 0 0 4%; display:inline; height:14px; vertical-align:top; font-family:Verdana, Sans-serif; font-size:11px;}
		.text_flagsFooterSous{font-size:9px; height:12px;}


/*PAGES SERVICES*/

.BanServices h1 span{display:block;font-weight:normal;font-size:18px;line-height:24px;color:rgb(160,160,160);}
.BanServices h1 span.h1L2{display:block;font-weight:bold;line-height:56px;font-size:60px;color:rgb(82,82,82);}
.BanServices h1 span.h1L2 span.aste{display:inline;font-weight:normal;font-size:30px;color:rgb(82,82,82);}


/*Sku*/

/*MACARONS*/
#black_friday_mcr{display:none;position: absolute; z-index: 999999; right: 5px; top: -15px; width:82px; height:82px; border-radius:50px;}
#black_friday_mcr img{width:100%;}


.sku_TP_TD{height:auto;}
.RefSku{font-size:14px;margin:4px 0 2px 0; padding:0 0; color: #525252;display:inline-block;float: right;}

/*Modif Sku Visuel*/
#sku_ProductImg{position: relative;z-index: 1;}
#sku_ProductBrand{position: absolute;z-index: 2;top:-15px;left:5px;}



/*Classif*/
.breadcrumb{display:block;margin:0; padding:0;}
.breadcrumb li{display:inline;}

.textfooterClassif{font-size:12px; color:#828282; font-weight:normal; text-align:justify; margin:0 0; padding:10px 0 10px 10px;}
.textfooterClassif a{color:rgb(160,160,160);}
.textfooterClassif a:hover{color:rgb(52,52,52);}

/*Simplify GlobalCss*/
#RefineContain, #classificationLight_Refine, #sideServicesGlobal, #sideAboutUsGlobal, #sideMenuAccountGlobal{float:left;width:22% !important;margin-right:1%;}
#classificationLight_Contain, #GrillesClassif, #GrillesProducts{float:left;width:76%;margin-bottom:10px}

.RefineAttContain,.RefineAttContainBis,.RefineAttContainTo{
	background-color:rgb(255,255,255);
	background:linear-gradient(to bottom, rgba(240,240,240,0.8), rgba(240,240,240,0) 30%);
	width:96% !important;
	padding:5px 2%;
	margin:5px 0; 
	border:1px solid #C8C8C8; 
	line-height:18px;
	font-size:11px;
	border-radius: 5px;
	color:rgb(82,82,82);
}

.BtnBoxRefine{width:96% !important;display:block;}
#RefineRecap{width:100% !important;display:block;}
.RefineAttContainBis{background:linear-gradient(to bottom, rgba(240,240,240,0.8), rgba(240,240,240,0) 10%);}
.ContainBoxRefine{background-color: rgb(255,255,255);max-height:400px;}
.NameBox,.RefineAttContainText{font-size:12px; font-weight:bold; text-align:left; line-height:20px; color:rgb(82,82,82);padding:0 2%;width: 88%;}
.RefineAttContainTextFond .RefineAttContainText{width: 96%;color:rgb(0,0,0);}

.ShowBox, .HideBox, .RefineAttContainTextFond img{float:right;max-width:9%;line-height:26px;}
.NameBox{float:left;}
.RefineAttContainTextFond{line-height:40px;background-color:rgb(250,195,25);color:rgb(0,0,0);border-radius: 5px;}
#tooltipRefine{background:none;background-color: rgb(255,255,255);border:1px solid rgb(160,160,160);box-shadow:5px 5px 10px rgba(82,82,82,0.4);}
#showToolTipRefine{display:none;}

/*End Simplify GlobalCss*/

/*2018 Partage de panier*/

#modalPopupMesListes, #modalPopupPartagerPanier {
    display: none;
	left:36.5%; 
	top:26.5%; 
    z-index: 999999;
    position: fixed;
    background: #fff;
	width:500px; 
	border:3px solid rgb(204,204,204); 
	border-radius:10px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}
#modalPopupMesListes-content, #modalPopupPartagerPanier-content {
    overflow: hidden;
    overflow-y: auto;
}
#modalPopupMesListes-close, #modalPopupPartagerPanier-close {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}


/*POP UP FORM SHARING BASKET CONTENT*/
#modalPopupPartagerPanier-content{padding:10px 1% 0 1%;}
#modalPopupPartagerPanier-content p{display:block;margin:0 0;padding:5px 0;font-size:14px;line-height:20px;min-height:20px;}
#modalPopupPartagerPanier-content p label{display:inline-block;width:41%;float:left;}
#modalPopupPartagerPanier-content p input{width:57%;float:right;height:16px;margin-top:2px;}
#modalPopupPartagerPanier-content textarea{width:96%;padding:5px 1.6%;}

#modalPopupPartagerPanier-content p.panierPartageOK{text-align: center;font-size:18px;margin: 10px auto;line-height: 20px;padding: 0 0 10px 30px;width: 50%; color:rgb(20,135,0);background-image:url(/waroot/images/flatDesign/pictos/Otelo/global/ic_Dispo_Vert.png);background-repeat: no-repeat;}


/*PAGE PROMO 2018*/
#titleClassifTextResultPromo {
    position: absolute;
    top: 34px;
    right: 0;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: rgb(82,82,82);
    font-weight: bold;
}

#ToolbarsPromo{width:100%; height:105px; margin:4px 0; text-align:center;}
	#ToolbarsPromo p, #ToolbarsPromo a {margin:0;padding:0;font-family: Arial, sans-serif; font-size: 11px;font-weight:normal;}
	#ToolbarsPromo a.skugroupsCurrentPage, a.skugroupsCurrentPage{font-weight:bold;text-decoration: none;cursor:inherit;}

#RefinePromo{background-color:rgb(240,240,240); display:block; width:100%; height:56px; border-top:1px solid rgb(204,204,204); border-bottom:1px solid rgb(204,204,204); margin-bottom:4px; text-align:left;}

#PrdtsLignePromo{position:relative; display:block; padding:0 0; margin:10px 0.5%; width:24%; float:left; font-size:11px;}
	#PrdtsLignePromo p, #PrdtsLignePromo a,  #PrdtsLignePromo span, .PromoBox p, .PromoBox a, .PromoBox span {margin:0;padding:0;font-family: Arial, sans-serif; font-size: 11px;}

.PromoBox {display:block; width:94%; padding:0 2.6%; position:relative; border:1px solid rgb(204,204,204); margin:5px auto 0 auto; border-radius:5px;}

	#PrdtsLignePromo .PromoBox .badgePromo{position:absolute; z-index:99998; top:5px; left:-5px; display:block; background-color:rgb(250,195,25); border-radius:0px 20px 20px 0px; box-shadow:1px 2px 5px rgba(0,0,0,0.3);}
	#PrdtsLignePromo .PromoBox .badgePromo p{margin:7px 10px; font-size:11px; text-transform:uppercase;}
	#PrdtsLignePromo .PromoBox .badgePromo p span{font-size:15px; font-weight:bold;}


#PrdtLignePromoVisuel, #TopPrdtPMVisuel {display:block; margin:10px 0; text-align:center; position:relative; z-index:9999;}
#PrdtLignePromoVisuel img.PromoDestTop{position:relative;top:-20px;}
#PrdtLignePromoVisuel a img{margin:0 auto; padding:0 0;}

.btnClassifBoxPromo{display:block;width:99%;border:1px solid rgb(204,204,204);background-color:rgb(255,255,255);border-radius:5px 5px 10px 10px;margin-top:5px;}
	
	.btnClassifBoxPromo a{
		display:table-cell;
		width:100%;
		padding:5px 1%;
		height:60px;
		font-size:12px !important; 
		text-align:left; 
		vertical-align:middle;
		text-decoration:none;
		color:rgb(82,82,82);transition: all 0.2s;}
	.btnClassifBoxPromo img {float: left;width: 50px; margin:1px 8px 1px 3px;}
	.btnClassifBoxPromo a span{display:inline-block;margin-bottom:3px;font-weight:bold;font-size:14px !important;line-height:18px;}
		
		.btnClassifBoxPromo a:hover{color:rgb(0,60,150);transition: all 0.4s;}

.aPartirDePromo{display:block;float:left; width:70%;margin-top:10px;height: 30px;vertical-align: text-bottom;}

.sousCatPromoListContener{display:block;position:relative;z-index:999998;border-top:1px solid rgb(240,240,240);}
	.sousCatPromoList{display:none;}
	.sousCatPromoListItem{height:30px;float:left;margin:5px 0.5%;width:32%;color:rgb(82,82,82);text-indent:0px;}
	.sousCatPromoListItem:hover{font-weight:bold !important;}
		.sousCatPromoListItem a{height:30px;display:table-cell !important;vertical-align: middle;line-height:12px;padding:0 5px;width:100%;}
		.sousCatPromoListItem a:hover{background: none !important;color:rgb(82,82,82);}

	.sousCatPromoListContener:hover .sousCatPromoList{display:block;position:absolute;left:100%;top:2px;background-color:rgb(240,240,240);width:276%;list-style-type:none;border:1px solid rgb(204,204,204);border-left:2px solid rgba(204,204,204,0.2);border-radius:0 5px 5px 0;box-shadow: 3px 2px 5px #aaa;}

/*REFINE PROMO*/
.RefineAttContainTextPromo{padding:4px 10px; float:left; border-right:1px solid rgb(204,204,204); border-left:1px solid rgb(204,204,204); height:48px; color:#5d5d5d; font-size:11px}
.RefineAttContainTextPromo a{color:#5d5d5d;text-decoration:none}

.refineMotClePromo input{border: 1px solid rgb(204,204,204); border-radius: 5px; height:26px;}
.boutonOteloRefinePromo{border: 1px solid rgb(204,204,204); border-radius: 5px; height:26px; font-size:11px; cursor:pointer;}


#skugroupsBtnFamille, #skugroupsBtnStatut, #skugroupsBtnPrix, #skugroupsBtnMarque{cursor:pointer;max-width:260px;text-indent:5px;background-color:#FFF; position:relative; background-position:95% 10px; z-index:100000; text-align:left; margin:0 auto;}
	#skugroupsBtnMarque{max-height:340px;overflow-y:auto;}
	
#skugroupsBtnFamilleHide, #skugroupsBtnStatutHide, #skugroupsBtnPrixHide, #skugroupsBtnMarqueHide{display:none}
	.shadowBox{box-shadow:0 2px 5px #aaa}
#skugroupsBtnFamilleHide a, #skugroupsBtnStatutHide a, #skugroupsBtnPrixHide a, #skugroupsBtnMarqueHide a{display:block;color:#5d5d5d;text-decoration:none;}
#skugroupsBtnFamilleHide a:hover, #skugroupsBtnStatutHide a:hover, #skugroupsBtnPrixHide a:hover, #skugroupsBtnMarqueHide a:hover{background:#e3e3e3;color:#000;}


/*messages d'erreur CurrentReq*/
.MSG{background:rgb(240,240,240); 
	color: rgb(82,82,82);
	border:1px solid rgb(160,160,160);
	border-radius:10px; 
	margin:5px auto 10px auto; 
	width:97.8%; 
	text-align:center; 
	padding:10px 0;  
	font-size: 1em;
}


.msgError, .MSGError, #msgError{background:rgb(250,220,220); color: rgb(200,0,0); border:1px solid rgb(200,0,0);padding:10px 0;border-radius: 10px;}
.MSGAttention{background:rgb(255,240,215); color: rgb(210,85,0); border:1px solid rgb(210,85,0);padding:10px 0;border-radius: 10px;}
.MSGSuccess, .msgSucces{background:rgb(205,255,225); color: rgb(20,140,0); border:1px solid rgb(20,140,0);padding:10px 0;border-radius: 10px;}


/*--------SKUGROUPS PROMO/Destock NEW 2018--------*/
.SkugroupsToolBar2018{position: relative;width:100%;margin-left:0;border:0;margin-top:5px;height: 40px;background: rgb(240,240,240);}


/*--- ADD prevision Resp ---*/
#toggleSideBrowsing{display:none;}
#skugroupsBtnGrid, #skugroupsBtnList{display:none;}
#SearchResultTopRight{display:none;}
#BoutiquesSearchBox{display:none;}

.GrilleClassifAlignImg{
width:100%;
height:100px;
text-align:center;
}
#titleClassifTextResult{font-size:16px;color:rgb(82,82,82);font-weight:normal;line-height:30px;}
/* BOX CLASSIF */
.classificationBoxContain {float: left;margin: 5px 1%;width:23%;}

#BoxClassifGeneral{}
.BoxClassifContain {float:left;width: 100%;height: 100%;margin:0;padding: 5px 1% 5px 1%;min-height: 170px;border:1px solid rgba(160,160,160,0);border-radius:5px;}
	/*.BoxClassifContain img{filter: grayscale(1);opacity: 0.6;transition: all 0.2s;}*/
/*.BoxClassifContain:hover{border:1px solid rgba(160,160,160,1);box-shadow:2px 2px 8px rgba(82,82,82,0.4);transition: all 0.4s;}*/
	/*.BoxClassifContain:hover img{filter: grayscale(0);opacity: 1;transition: all 0.4s;}*/
.BoxClassifContain table{width:100%;}

.BoxClassifText{
	font-size:12px;
	font-weight:normal;
	/*text-transform : capitalize;*/
	text-align:center;
	vertical-align: middle;
	padding: 0 2%;
    width: 96%;
    display: table;
    height: 60px;
}
.BoxClassifText a{
	color: rgb(82,82,82);
    text-decoration: none;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.BoxClassifText a span{
	font-weight:normal;
	color: rgb(200,0,0);
	font-style:italic;
}
.BoxClassifLink {
	position:absolute;
	width:100%;
	min-height:160px;
	display: block;
	overflow: hidden;
	font-size: 300px;
	text-decoration: none;
}

.ProductHrGrille{clear:both;width:100%;margin:5px 0;border:0;}

/* Box Sku Group */

.BoxSkuGroupContain, .BoxSkuGroupContainLastLine{
	position:relative;
	width:19.6%;
	margin-left:0.4%;
	height:260px;
	float:left;
	border-right: 0px;
}

.BoxSkuGroupLink{
	position:absolute;
	width:145px;
	height:250px;
	display: block;
	overflow: hidden;
	font-size: 300px;
	text-decoration: none;
}
.BoxSkuGroupBrand{
	height:12px;
	font-size:11px;
	padding-left:3px;
	padding-right:3px;
	font-weight:bold;
	color: rgb(200,0,0);
}
.BoxSkuGroupTitle{
	font-size:11px;
	padding:3px;
	height:50px;
	overflow:hidden;
}
.BoxSkuGroupItems{
	font-size:11px;
	height:12px;
}
.BoxSkuGroupPrice{
	font-size:11px;
}



/*--------------------------------EVENT SPECIAL-----------------------------------------*/

/*BLACK FRIDAY*/
/*@font-face {
	font-family: 'Magneto Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Magneto Bold'), url('../fonts/MAGNETOB.woff') format('woff');
	}*/

.blackFriday_H1{font-family:'Lobster', cursive;;font-weight:normal;font-size:74px; text-align:center;margin:0 0 20px 0;}
.blackFriday_H1 span{display:block;font-size:40px;color:rgb(250,195,25);border-top:1px solid black;border-bottom:1px solid black;padding:5px 0;width:200px;margin:0 auto;line-height:36px;}

.CountDownBox{display:block;background-color:black;text-align:center;}

.CountDownEnd_Content{display:none;}
#boxBlackFriday{display:none;}


/* BLACK FRIDAY BG WEBSITE*/
@media only screen and (min-width: 1280px){
	#PageContents{width:1000px !important;}
	body.blackFridayBody{background:#FFFFFF;background-image:url(/waroot/landing/blackFriday2017_page/fondSite-middle_bfw_teasing.jpg);background-repeat: no-repeat;}

	/*UNE FOIS EN COURS*/
	body.blackFridayBody{background:#FFFFFF;background-image:url(/waroot/landing/blackFriday2017_page/fondSite-middle_bfw.jpg);background-repeat: no-repeat;}
}

/* Xmas Calendar */

#boxXmasCalHP{
	display:block;
	width:210px;
	height:210px;
	margin-bottom: 10px;
	border-radius: 5px;
}
	img.caseXmasHP{display:block;}
	a.offreXmasHP{display:none;}

	#boxXmasCalHP:hover img.caseXmasHP{display:none;}
	#boxXmasCalHP:hover a.offreXmasHP{display:block;}

#contentCalendrier2017{
	position:relative;z-index:1;margin-top:-10px;
	background-color: #FFFFFF; 
	background-image: url(/waroot/landing/pageCalendrierAvent2017/BG_Cal.jpg);
	background-repeat: no-repeat;min-height:1200px;
	padding:10px 2%;
}

.txtBlanc{color:#FFFFFF;}

.parisienne{font-family: 'Parisienne';font-weight: normal;}

#contentCalendrier2017 h1{
	font-weight: normal;
	text-align: center;
	font-size: 56px;
	margin:0 0;
	padding:30px 0;
	text-shadow:3px 3px 5px rgba(0,0,0,0.85);
}

#contentCalendrier2017 p.chapoSeo{
	font-size:12px;
	text-align: center;
	margin:0 0 20px 0;
	padding:0 0;
	text-shadow:1px 1px 2px rgba(0,0,0,0.85);
}


.boxXmasCal{
	position:relative;
	display:block;
	float:left;
	width:176px;
	height:176px;
	margin:0 0;
	padding:0 0;
	margin:5px 6px;
	border:2px dashed rgba(255,255,255,0.75);

}
	p.numCaseXmas, .boxXmasCal:hover p.numCaseXmas.nonouvert{
		position:absolute;
		left:0;
		bottom:0;
		vertical-align: bottom;
		color:rgb(255,255,255);
		font-family: 'Parisienne';font-weight: bold;
		font-size:22px;
		line-height:26px;
		margin:0 0;
		padding:5px 4%;
		text-shadow:2px 2px 4px rgba(0,0,0,0.85);
		/*border:1px solid red*/
		width:92%;
	}


	p.numCaseXmas a{display:block;text-shadow:2px 2px 4px rgba(0,0,0,0.85);color:rgb(255,255,255);text-decoration:none;padding-left:1px;/*border:1px solid green*/}

	/*a.offreXmas img{width:176px; height:176px;}*/
	.boxXmasCal:hover p.numCaseXmas{width:96%;padding:0px auto; font-size:46px;line-height:160px;transition:all 0.4s;cursor:pointer;}

	.boxXmasCal:hover p.numCaseXmas a{padding:0 70px;}
	.boxXmasCal:hover p.numCaseXmas.doubleChiffre a{padding:0 60px !important;}
	.boxXmasCal:hover p.numCaseXmas.nonouvert, p.numCaseXmas.nonouvert{padding-left:2%;padding-right:2%;width:96%;padding-top:140px;}


.textFooterXmasCalPage{
	width:100%;
	padding:10px 1.5%;
	margin:20px 0;
	text-align: center;
	font-size: 40px;
	color:rgb(255,255,255);
	text-shadow:2px 3px 5px rgba(0,0,0,1);
	background: rgba(20,20,20,0.70);
    margin-left: -1.5%;

}

#PopUpXmasCalPage{
	display:none;
	position: fixed;
    z-index: 2;
    top: 35%;
    margin: 0 auto 0 -20px;
    width: 1000px;
    height:312px;
	background-image: url(/waroot/landing/pageCalendrierAvent2017/bg_PopupXmasCal_Presse.png);background-repeat: no-repeat;);
	background-position: 30px 0;
}
	
	#PopUpXmasCalPage p{
		font-family: 'Parisienne';font-weight: normal;
		display:block;
		text-align: right;
		font-size:60px;
		line-height: 50px;
		color:#000000;
		margin-right:185px;
		margin-top: 150px; 
	}
	#PopUpXmasCalPage p span{
		font-family: arial, verdana, sans-serif;
		font-size:18px;
		line-height: 24px;
		color:#828282;
	}

/*METP*/
#boxXmasCalHP_Link{display: block;
    background: url(/waroot/images/BG_Thema/bg_linkHeader.jpg);
    background-size: 106%;
    background-repeat: no-repeat;
    background-position: 0 -10px;
	/*background-image:url(http://www.metiers-et-passions.com/is-bin/intershop.static/WFS/MetP-France-Site/-/fr_FR/images/home/panel-classif-top.jpg); 
	background-repeat:no-repeat; */
	border-radius:0 0 6px 6px;
	margin-top:-12px;
	min-height:26px;
	}
#boxXmasCalHP_Link a{
    color: #FFFFFF;
    padding-left: 0;
    text-align: center;
    display: block;
    line-height: 26px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding:3px 0;
    text-shadow:2px 2px 3px black;
    }
/*END METP*/

/*MISE EN PROD OU NON CALENDRIER DE L'AVENT*/

		@media only screen and (min-width: 1280px){
			#PageContents{width:1000px !important;}
			body.XmasCal{background:#FFFFFF;background-image:url(/waroot/images/BG_Thema/fondSite-middle_Xmas.jpg);background-repeat: no-repeat;background-image:none;}
		}

		#specialLink{display:none;}
		#boxXmasCalHP_Link, #boxXmasCalHP{display:none;}

/*END*/

/* PAQUES BG WEBSITE OTPL ONLY*/
@media only screen and (min-width: 1280px){
	/*body.Paques{background:#FFFFFF;background-image:url(/waroot/landing/paquesOTPL/fondSite-middle_paquesOTPL.jpg);background-repeat: repeat-y;}*/
}


/*MISE EN PROD OU NON CALENDRIER WORLD CUP FOOT 2018*/

		@media only screen and (min-width: 1280px){
			/*#PageContents{width:1000px !important;min-height:540px;}
			body.WallPicture{background:#FFFFFF;background-image:url(/waroot/images/BG_Thema/fondSite-middle_foot.jpg);background-repeat: no-repeat;}*/
		}
		#boxWorldCup_MonCompte_Link{display:none;
		background:#FFFFFF;background-image:url(/waroot/images/BG_Thema/bg_boxWorldCup_200.jpg);background-repeat: no-repeat;border:1px solid rgb(160,160,160);}

		#boxWorldCup_MonCompte_Link a{border:0;text-decoration:none;text-align:center;}
		#boxWorldCup_MonCompte_Link a img{width:160px;margin:15px auto 10px auto;border:2px solid white;border-radius:2px; transform: rotate(5deg);box-shadow: 2px 2px 5px rgba(0,0,0,0.6)}
		#boxWorldCup_MonCompte_Link a span{display:block;margin:0 0 0 0;padding:5px 0;background-color:rgb(240,240,240);color:rgb(82,82,82);font-weight:bold;}

/*END*/