/** css phone **/

.bandeauPC img, .subHeaderPageExtranet{
	display: none;
}

.bandeauMobile img{
	display: block;
}

.mentionsL{
  text-align: center;
  margin-top: 0.6rem;
}

.headerMob, .headerOld{
  display: none;
}

.menuPhone {
    display: block;
}

.menuLevelFlex{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.titreExtranetWrapper{
  padding: 0;
}

.titreExtranetWrapper .sfContentBlock{
  padding: 0.35rem 0 0;
}

.mainContentPublic {
  min-height: calc(100vh - 305px);
}

.mainContentExtranet{
  margin-bottom: 10px;
  margin-top: 10px;
  min-height: calc(100vh - 250px);
  padding-bottom: 0.8rem;

}

.mainExt {
    min-height: calc(100vh - 225px);
    padding-bottom: 4rem;
}


.nodata{
  margin-left: 0;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 0.5rem;
}

/* .menuExtranetWrapper{
	height: calc(100vh - 46px - 60px);
} */

.menuButtonExtranet, .menuButton {
	display: block;
}

.menuLevelFlex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.menuLevel1{
	position: relative;
}

.ulLevel1 {
    width: 100%;
		max-height: none;
}

.menuExtranet > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            -ms-flex-direction: column;
        flex-direction: column;
    text-align: left;
}

.imgMenu {
	display: none;
}


.headerExt{
  position: relative;
  position: relative;
}


.headerLogo{
  /* position: -webkit-sticky;
  position: sticky; */
  top: 0;
  padding: 0.3rem;
  z-index: 20;
  height: auto;
  position: fixed;
}

.subHeader, .titreExtranetWrapper {
    margin-top: 45px;
}

.imgLogo {
    margin: 0 auto;
    padding: 5px;
}

.headerLogo .imgLogo{
  display: none;
}

.headerLogo .imgLogoMobile{
  display: block;
  text-align: right;

}

.headerLogo .imgLogoMobile img{
max-width: 35px;
display: block;
margin: 0 0 0 auto;
}

.widgetBienvenueWrapper h2 {
    font-size: 1.3rem;
}

.headerCotation {
    border-left: none;
    border-top: 1px solid #0a863c;
    margin-top: 1rem;
}

.btnHeaderWrapper{
  text-align: center;
}

a.btnHeader {
  display: inline-block;
    width: 46%;
}

.tilePortail span:after, .tilePortail span:before, .widgetBienvenueWrapper h2:before, .widgetBienvenueWrapper h2:after {
    width: 30px;
    margin: 0 10px;
}

/* .headerMeteo .RadAjaxPanel {
    width: calc(100% - 115px)!important;
} */

.headerMeteo .divPreviDetaillee {
    max-width: 105px;
}

.headerMeteo .itemMeteo{
  padding: 0;
}

.meteoSimpleWrapper .imgNebulosite {
    width: 38px;
    height: 38px;
}

.headerMeteo .MeteoPartie2 {
    padding-left: 35px;
}

.headerMeteo .itemMeteo .MeteoJourDate {
    margin-left: 35px;
}

/* .headerMeteo .RadAjaxPanel {
    width: 100%!important;
}

.headerMeteo .divPreviDetaillee {
    margin: 0 auto 0.3rem;
    text-align: center;
} */

/*****/

.lienRapideWrapper {
    text-align: center;
}



/********/


.headerPublic .widgetExtranet {
    padding: 0.5rem;
}

.authPanel{margin-left:0;}
.widgetExtranet .pcClass .notAuthPanel
{
	display:none;
}
.widgetExtranet .phoneOnly
{
	display:block;
}
.widgetExtranet .phoneOnly input
{
	border:none;
	background:none;
	color:#f3f2f6;
	font-size:18px;
	text-transform:uppercase;
	line-height:40px;
	font-family:'Montserrat', sans-serif;
	padding:0;
}

.widgetExtranet .phoneOnly input:hover{
  color: #000;
  border: none;
}
/* .widgetExtranet .lblHello, .widgetExtranet .divTitreExtranet{display:none;} */

.headerExt .menuPhone a {
    font-size: 1rem;
}

.headerExt .menuPhone li{
  margin: 0.8rem 1rem;
}

.divLogin, .divPassword{
	margin-top: 0.5rem;
}
.divLoginTitre, .divPasswordTitre{width:80px;}

.divLoginContent input, .divPasswordContent input{
	width:130px;
	background: #f7f7F7;
}

.RadWindowLogin .divConnect {
  margin: 0.5rem;
}

/*.divConnect{width:10%;}*/
.divStayConnected{color:#000;}

/*** new menu phone extranet **/

.hedaerConnexion .widgetExtranet{
  padding: 0;
}


.hedaerConnexion .lblHello {
    color: #fff;
}

.hedaerConnexion .widgetExtranet, .headerMob .menuPhone{
  opacity: 0;
   -webkit-transition: all 0.4s ease-out;
   transition: all 0.4s ease-out;
}

.activeMenu .widgetExtranet, .activeMenu .menuPhone{
  opacity: 1;
}



.divIcones {
    position: relative;
    background: #e2f0e8;
}

.widgetAgrisListWrapper + .divIcones {
    right: 0;
}

.widgetAgrisListWrapper {
    margin-right: 10px;
}

.headerPublic .divIcones {
  display: none;
}

.headerExt .divIcones {
    display: block!important;
    margin-top: 0.
}

.headerExt .divHello{
    min-height: 6rem;
    padding: 0.5rem;
    width: 100%;
    background-image: url(/images/default-source/duriez/logo/connexion-mobile.jpg);
    background-size: cover;
    text-align: left;
}

.headerExt .divHello::after {
    content: "";
}

.widgetExtranet a {
    color: #212121;
}

.headerMob {
    position: absolute;
    top: 0;
    min-height: 100vh;
    background: #f4f4f4;
    z-index: 20;
    width: calc(100% -  50px);
    right: 0;
}

.headerMobFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.headerMenu{
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.hedaerConnexion{
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

/*****/

.titrePage h1 {
    margin: 0.3rem auto 0.4rem;
    font-size: 1.3rem;
}

.colonnes2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            -ms-flex-direction: column;
        flex-direction: column;
}

.colonnes2Img{
  -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
      order: 2;
}

.colonnes2 h2 {
    margin: 0rem auto 1rem;
}

.mainContentExtranet, .mainContent {
    padding: 0 7px;
    /* width: calc(100% - 10px); */
    margin: 0 auto;
}

.iconeText img {
    margin-top: 2rem;
}

.colonnes3Titre .sfContentBlock {
    max-width: 310px;
    width: auto;
}

.colonnes3Titre {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            -ms-flex-direction: column;
        flex-direction: column;
}

.colonnes3Icon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            -ms-flex-direction: column;
        flex-direction: column;
}


.colonnes2Img img.imgTop{
  margin:1rem 0;
}

.col3Img {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.listeCol {
  -webkit-column-count: 1;
          column-count: 1;
}

.titrePage .sfContentBlock{
  font-size: 1.5rem;
}

/**/

#accueilBandeau{
  height: auto;
  width: 100%;
}

#accueilBandeau img{
  height: auto!important;
}

.ribbon {
    width: 200px;
    height: 80px;
    background-size: contain;
}

/**/

.newsCarousel .contenuActus, .newsCarousel .newsVignette {
    vertical-align: middle;
}


.newsSummarySolo, .newsVignetteSolo{
  width: 100%
}

.newsVignetteSolo img {
    margin: 0 auto;
}


/****/

/**********************************************HISTORIQUE***********************************************/
#cd-timeline {
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  left: 18px;
  margin-left:0;
}
.cd-timeline-block {
  margin: 2em 0;
}
.cd-timeline-img {
  left: 0;
  margin-left:0;
  width: 40px;
  height: 40px;
}
.cd-timeline-content p {font-size: 13px;}
.cd-timeline-content
{
  margin-left: 60px;
  padding: 1em;
  width:auto;
}
.cd-timeline-content::before {
  top: 16px;
  left:auto;
  right: 100%;
  border: 7px solid transparent;
  border-right: 7px solid white;
  border-left-color: transparent;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {float: none;}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 16px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
}
.cd-timeline-img {
  font-size: 14px;
  padding: 0;
  line-height: 40px;
}
.cd-timeline-content h2{font-size:16px;}



/*** password oublie ***/

.ForgetPasswordWrapper{
	margin-top: 2rem;
	margin-left: 0rem;
	text-align: center;
}

.ForgetPasswordWrapper .divValidate{
	 margin-left: 0!important;
}

.MotDePasse {
	width: 97%;
	margin: 1rem auto 0;
}

.forgottenPassword{
	margin-top: 2rem;
	margin-left: 0.5rem;
}

/************************ Mes informations completes  ********************/

.newWidgetInfos .Titre {
    margin: 0 1rem;
}

.newWidgetInfos .widgetMonCompte{
	width: auto!important;
  margin: 1rem;
}

.newWidgetInfos .widgetMonCompte .divContactItem, .widgetAdresses .divAdresseItem, .newWidgetInfos .widgetMonCompte .divContactEditItem, .divContactInsertItem, .divAdresseInsertItem, .divAdresseEditItem, .newWidgetInfos .divActivite1, .newWidgetInfos .divActivite2 {
    max-width: 100%;
		width: auto;
    margin: 3rem auto;
    display: block;
    word-break: break-word;
}

.divReferencesContent{
	display: block;
}

.divReferenceBtn {
    margin-top: 0;
}

.widgetChangePassword{
	margin: 1rem 0 6rem;
	padding: 0 0.5rem;
}

/* .newWidgetInfos .divContactItem [class*="Content"], .divAdresseItem [class*="Content"] {
    font-size: 1.2rem;
} */

.newWidgetInfos .widgetMonCompte [class*="Titre"], .widgetAdresses [class*="Titre"] {
    font-size: 0.8rem;
}

.newWidgetInfos .divContactItem .divContactNomPrenomContent, .newWidgetInfos .divContactItem .divContactCiviliteContent {
    font-size: 1.5rem;
}

.widgetMonCompte .divCodeIntracomTitre, .widgetMonCompte .divRaisonSocialeTitre {
    width: 9rem!important;
}

.widgetMonCompte .infoItem, .widgetAdresses .infoItem {
    margin: 1rem 0;
    width: 100%;
		    max-width: 340px;
}

/************************WIDGET COTATIONS MARCHE********************/
/* .divMarchesPhysiqueContent .inner
{
	border-right:solid 1px #CCC;
	border-top:none;
} */

.lienCotationWrapper{
	text-align: center;
	margin-top: 2rem;
}

.lienCotation {
	/* border: 2Px solid #0266cc;
	padding: 0.6rem 0.8rem; */
}

table.tblMarchesPhysique, table.tblCotationsOptions{
	border: none;
}

.divMarchesPhysiqueContent thead, .tblCotationsOptions  thead {
  display: none;
}

.divMarchesPhysiqueContent tr, .tblCotationsOptions tr  {
  border-bottom: 2px solid #ddd;
  display: block;
  margin-bottom: .625em;
	padding: 0;
}

.divMarchesPhysiqueContent th,
.divMarchesPhysiqueContent td {
	 border: none;
}

.divMarchesPhysiqueContent td, .tblCotationsOptions td  {
  /* border-bottom: 1px solid #ddd; */
	border-top: 1px solid #ddd;
  display: block;
  font-size: .8em;
  text-align: right;
	padding: 1em .625em .625em;
}

.divMarchesPhysiqueContent td::before, .tblCotationsOptions td::before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}

.Vertical td::before {
	 content: attr(data-labelvert);
 }

 .tblCotationsOptions  td::before{
	 content: attr(data-labeloptions);
 }

.divMarchesPhysiqueContent td:last-child, .tblCotationsOptions td:last-child{
  border-bottom: 0;
}

.divMarchesPhysiqueContent td.recolte, .Vertical td.firstTd, .tblCotationsOptions td.firstTd{
	text-transform: uppercase;
	/* background: #000; */
	color: #fff;
	/* font-size: 1.3rem; */
	border: none;
  padding: 0.4rem 0.3rem;
	text-align: center;
	background: #ffe498;
	background: #48A4FC;
	background:#0a863c;
	margin: 0;
	font-size: 1rem;
  font-weight: normal;
}

 .tileCere .Vertical td.firstTd{
   background:  #48A4FC;
 }

.divMarchesPhysiqueContent tr.recolte{
  padding: 0;
  border-left: none;
}

.tblCotationsOptions td{
  border-left: none;
	line-height: 1.4em;
}

td.Vide{
	display: none;
}

.divMarchesPhysiqueContent td.firstTd, .tblCotationsOptions td.firstTd  {
	border-top: none;
}

/* .divMarchesPhysiqueContent td.firstTd {
    font-weight: bold;
} */



/*************POP UP EXTRANET******************/
.RadWindow_Metro{
	/*height:112px !important;*/
	/* height:141px !important; */
  top: 10%!important;
}
.RadWindow_Metro .rwContent{height:initial !important;}
.RadWindow_Metro .rwTitleBar{background-color:#0a863c;}
.RadWindow_Metro .rwTitleBar .rwIcon{display:none;}
.RadWindow_Metro .rwTitleBar .rwTitle{padding:0; line-height:16px; margin-top:2px;}
.divLoginTitre, .divPasswordTitre, .divHello{color:#3f3e3e;}

.RadWindowLogin .divStayConnected{
	margin: 0.2rem auto 0.7rem;
}

.lienConnexion{
	background-position: -30px -0;
}


.divOldPassword, .divNewPassword, .divConfirmPassword {
    margin:  2rem 0 0;
}


.widgetChangePassword .lienForgetPassword {
    margin-left: 3rem;
    color: #057F8A;
		display: block;
		position: absolute;
		bottom: -15px
}

.RadWindowInfosToFill{
	height: 208px !important;
}


/** sitefinity 11 radwindow taille probleme **/
/* enlevment du Render Modes "lightweight" pour WidgetConnexionExtranet.ascx"*/


.RadWindowLogin .rwWindowContent div {
    height: auto!important;
}


/*** SIGNATURE CONTRAT ***/

.linkCmdWrapper {
    text-align: center;
    margin: 0.5rem auto;
    padding: 0 5px;
}

.linkCommande {
    display: inline-block;
    margin: 0 0.3rem;
    font-size: 0.6rem;
}

/*** SOUSCRIPTION DE CONTRAT ***/

.SouscriptionOffreWrapper .rptItem {
    width: 100%;
		margin: 20px 0;
}

.SouscriptionOffreWrapper .rptItem.selected {
  width: auto!important;
  overflow-y: scroll;
  position: fixed;
  /* top: 98px; */
	top: 0;
	z-index: 1001;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  background: #f4f4f4;
  /*margin-bottom: 55px;*/
  padding-bottom: 55px;
}


.SouscriptionOffreWrapper .rptItem.selected .listElementOffre li:last-of-type .riSingle {
  padding-bottom: 6rem;
}

.rptItem.selected .btnForm{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
	z-index: 2;
	height: 62px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.divSouscriptionOffreContent .offreChoisir a:before {
    background-image: url(/images/default-source/logo/arrow-down-bl.png);
		background-size: 25px 17px;
    height: 17px;
    width: 25px;
}

.divSouscriptionOffreContent .offreChoisir {
    margin: 0;
}

.divSouscriptionOffreContent .btnShowForm{
	display: block;
	padding: 10px 5px;
}


.rptItem.selected .offreChoisir {
    display: none;
}

.divSouscriptionOffreContent .offreTitre h4 {
	margin: 0.5rem 0;
	width: calc(100% - 62px - 0.4rem);
	display: inline-block;
	vertical-align: middle;
}


.divSouscriptionOffreContent ul {
    padding-bottom: 0.5rem;
}

.divSouscriptionOffreContent li {
    min-height: calc(25% - 18px);
}

.divSouscriptionOffreContent .selected .offreTitre {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

/* tuile */

.tileFirstLine{
	margin-top: -1rem;
}

.tuileExtranet .chiffreWrapper {
	/* width: 33%!important; */
	/* margin: 0.5rem 0 1rem;  */
	/* width: 100%!important; */
}


.tuileExtranet .tile.tileAppro, .tuileExtranet .tile.tileCere{
	  margin: 1rem 0;
		width: 100%!important;
}

a.Tuilebutton{
	margin: 0.9rem auto;
}

.HomeExtranetTitle{
	display: none;
}

.tuileExtranet .tile {
padding: 0.6rem 0.2rem;
}


.tuileExtranet .solde .Center {
	font-size: 1.9rem;
	padding: 1rem 0.8rem;
}

.ThirdLine .tile > .sf_colsIn {
    background: #fff;
    min-height: auto;
}


.tileCere tr.recolte {
	    border-bottom: 3px solid #0c42ac;
}

.tileCere .divMarchesPhysiqueContent td.recolte {
    background: white;
    color: #0a863c;
    font-weight: bold;
}

.tilePortail span:after, .tilePortail span:before {
    display: block;
    margin: 10px auto;
}

.chiffreWrapper {
    margin: 10px 0;
}

.chiffreCol, .chiffreFlex, .chiffreFlex .sf_colsIn {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

.execContratTile h4 {
  font-size: 1.8rem;
}

.execContratTile .TopRight {
  text-align: left;
}


/** LISTE ACTU PROMO **/

.listActu li {
    padding: 0.6rem;
}

.listActu .contentActu, .promosTelechargment, .actuText{
  width: 100%;
  padding: 0;
  line-height: 2rem;
}

.promosTelechargment a:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: bottom;
}

.listActu .vignetteActu{
  margin: 0 auto;
  display: block;
  width: 100%;
  min-width: 100%;
}

.promosTelechargment{
  margin: 0.5rem auto;
}

.actuText h3.titleActu{
    font-size: 1.5rem;
}



/************************************ ALERTE************************************/


/* ALERTE ET CONTRAT LISTE */

.AlertesWrapper .dxgvTitlePanel_MaterialCompact span.dx-vam, .DemandeEnCoursWrapper .dxgvTitlePanel_MaterialCompact span.dx-vam {
    font-size: 1.1rem;
}

.AlertesWrapper .dxgvTitlePanel_MaterialCompact div.dxb, .DemandeEnCoursWrapper .dxgvTitlePanel_MaterialCompact div.dxb{
    padding: 0.4rem 0.8rem;
}

.leftCell, .rightCell {
    border: none;
		vertical-align: middle;
}

.AlertesWrapper .dxgvControl_MaterialCompact, .DemandeEnCoursWrapper .dxgvControl_MaterialCompact{
	background: transparent;
}

/* pager */

.AlertesWrapper .dxp-button, .AlertesWrapper .dxp-num, .AlertesWrapper .dxp-current,
.DemandeEnCoursWrapper .dxp-button, .DemandeEnCoursWrapper .dxp-num, .DemandeEnCoursWrapper .dxp-current  {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.AlertesWrapper .pagerPanel, .DemandeEnCoursWrapper .pagerPanel{
	    background: transparent;
	    -webkit-box-shadow: none;
	            box-shadow: none;
	    text-align: center;
	    border: none;
	    margin: 0.5rem;
}

/**/


/**  LISTE ALERTE **/

.AlertesWrapper .alertContent{
	display: inline-block;
margin-left: 0.5rem;
border-left: 3px solid #055084;
    padding-left: 0.5rem;
}

.AlertesWrapper .ans-legendItem.titre{
	color: #484848;
}

.AlertesWrapper .rightCell{
	padding-top: 0.2rem;
}


.AlertesWrapper .dxgvDataRow_MaterialCompact td.dxgv {
    padding-bottom: 0;
    border-bottom: 0!important;
    z-index: 1;
}

#gridAlertes_DXMainTable > tbody > tr {
    border: 5Px solid #afafaf;
    margin: 2rem;
    border-collapse: separate;
    border-spacing: 0 0.5rem;
}


#gridAlertes_DXMainTable{
position: relative;
overflow: auto;
-webkit-box-shadow: none;
        box-shadow: none;
border: none;
}

.AlertesWrapper .rightCell .ans-legendItem .ans-value, .AlertesWrapper .ans-legendItem.active {
    display: none;
}

.btnWrapper {
    position: absolute;
    right: 0;
    margin-top: 12px;
}

.AlertesWrapper .dxgvCommandColumn_MaterialCompact img, .DemandeEnCoursWrapper .dxgvCommandColumn_MaterialCompact img{
	/* display: none!important; */
  max-width: 18px;
  max-height: 18px;
}

.AlertesWrapper .dxgvCommandColumn_MaterialCompact a, .DemandeEnCoursWrapper .dxgvCommandColumn_MaterialCompact a{
  display: inline-block;
  margin: 0.1rem;
  /* text-align: left; */
  /* border-bottom: 1px solid #cdcdcd; */
  /* padding-bottom: 0.3rem; */
  border-radius: 50%;
  background: #055084;
  background: #fff;
  padding: 7px;
  border: 1px solid #e3e3e3;
}

/* Styling Parts */
.blocForm1,
.blocForm2 {
  display: block;
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}


/* Hide Parts 2 on Page Load */
.blocForm2 {
  opacity: 0;
  height: 0;
  overflow: hidden;
}


/* Show Step 2 */
#step2:checked ~ .blocForm2 {
  opacity: 1;
  height: auto;
	-webkit-animation: fadeOut 0.5s ease-out;
	animation: fadeOut 0.5s ease-out;
}

/* Hide Step 1 */
#step2:checked ~ .blocForm1 {
  opacity: 0;
  height: 0;
	-webkit-animation: fadeOut 0.5s ease-out;
	animation: fadeOut 0.5s ease-out;
	visibility: hidden;
}


@-webkit-keyframes fadeOut {
	0% {
			display: block;
			opacity: 1;
	}

	99% {
			display: block;
			opacity: 0;
	}

	100% {
			display: none;
			opacity: 0;
	}
}


@-webkit-keyframes fadeIn {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}


@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}



/**  LISTE CONTRAT **/

#gridDemandes_DXMainTable{
	position: relative;
}

.DemandeEnCoursWrapper .dxgvGroupRow_MaterialCompact{
	background: #0a863c;
}


.DemandeEnCoursWrapper  .leftCell, .DemandeEnCoursWrapper  .rightCell {
    width: 48%;
    display: inline-block;
}

/* .DemandeEnCoursWrapper .ans-legendItem.offre {
	display: block;
	margin-left: 5px;
	padding-left: 5px;
	margin-top: -8px;
	margin-bottom: 0.5rem;
	border-left: 2Px solid #0a863c;
	color: #0a863c;
} */

.DemandeEnCoursWrapper .leftLeftCell{
		border-left: 3Px solid #0a863c;
		padding-left: 0.2rem;
		margin: 0.2rem 0 0.3rem 0.3rem;
}

.DemandeEnCoursWrapper .ans-legendItem .ans-value {
    color: #484848;
}

.DemandeEnCoursWrapper .ans-legendItem .ans-legend{
	display: none;
}

.DemandeEnCoursWrapper .ans-legendItem.offre  .ans-value {
    color: #0a863c;
		line-height: 0.5rem;
}

.DemandeEnCoursWrapper .ans-legendItem.offre{
	margin-top: -3px;;
}




.DemandeEnCoursWrapper .ans-legendItem.ref  .ans-value {
		/* color: rgba(3, 80, 133, 0.5); */
		color: #005914;
		line-height: 0.5rem;
}

.DemandeEnCoursWrapper .dxgvCommandColumnItem_MaterialCompact {
	position: absolute;
	right: 5px;
}

/* .DemandeEnCoursWrapper .dxeHyperlink_MaterialCompact{
	color: rgba(3, 80, 133, 0.5);
	cursor: -webkit-grab;
	cursor: grab;
	padding-left: 0.4rem;
	display: block;
	margin-left: 0.3rem;
	margin-top: 0.5rem;
	border-left: 2px solid #0a863c;
} */

.DemandeEnCoursWrapper .rightCell .ans-legendItem, .DemandeEnCoursWrapper .leftCell .ans-legendItem{
	width: 49%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border-left: 1Px solid #808080;
}

.DemandeEnCoursWrapper .ans-legendItem.produit{
	border-left: 0;
}

/* .DemandeEnCoursWrapper .dxgvCommandColumn_MaterialCompact img{
	display: none!important;
}

.DemandeEnCoursWrapper .dxgvCommandColumn_MaterialCompact a{
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(/images/default-source/navigationicons/icon-delete-w.png);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #035085;
	border-radius: 50%;
	margin: 5px;
	margin-left: auto;
} */

.DemandeEnCoursWrapper .dxgvCommandColumn_MaterialCompact a{
	margin: 5px;
	margin-left: auto;
}

 .DemandeEnCoursWrapper .dxgvDataRow_MaterialCompact td.dxgv, .DemandeEnCoursWrapper .dxgvSelectedRow_MaterialCompact td.dxgv{
	border-bottom: none!important;
}

.DemandeEnCoursWrapper .dxgvDataRow_MaterialCompact td.dxgv, .DemandeEnCoursWrapper .dxgvSelectedRow_MaterialCompact td.dxgv {
    padding: 0;
		border: none!important;
}

.DemandeEnCoursWrapper .gridPhone{
	    margin-bottom: 0.2rem;
}

/*.DemandeEnCoursWrapper .dxgvPreviewRow_MaterialCompact td.dxgv{
	padding-top: 0!important;
} */

.DemandeEnCoursWrapper .ans-legendItem.offre .ans-legend{
	display: none;
}

.dxgvDataRowAlt_MaterialCompact{
	background-color: transparent;
}

/*
.widgetSignaturePiecesWrapper .owl-nav{
	opacity: 1;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

.widgetSignaturePiecesWrapper .owl-nav{
  text-align: center;
}

.widgetSignaturePiecesWrapper .owl-prev, .widgetSignaturePiecesWrapper .owl-next {
	position: relative;
  transform: none;
  top: auto;
  height: 35px;
  width: 35px;
  margin: 0 0.5rem;
}

.widgetSignaturePiecesWrapper .owl-prev span, .widgetSignaturePiecesWrapper .owl-next span {
	position: relative;
  opacity: 0;
}

.widgetSignaturePiecesWrapper .owl-prev::after, .widgetSignaturePiecesWrapper .owl-next::after {
  content: "";
  top: 35%;
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: translate(70%, 0%) rotate(45deg);
  transform: translate(70%, 0%) rotate(45deg);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.widgetSignaturePiecesWrapper .owl-prev::after{
  -webkit-transform: translate(100%, 0%) rotate(-135deg);
    transform: translate(100%, 0%) rotate(-135deg);
} */


/***********************/


.groupHeader.Niv1 {
    border-top: 0;
}


.contratsCereWrapper .groupHeader.Piece a {
    display: inline-block;
    margin: 0.2rem;
    margin-right: 0.4rem;
    /* border-radius: 50%;
    background: #0a863c;
    background: #fff;
    padding: 6px;
    border: 1px solid #e3e3e3; */
}

.contratsCereWrapper .groupHeader.Piece a img{
  /* max-height: 18px;
  max-width: 18px; */
  border-radius: 50%;
  background: #fff;
  padding: 5px;
}




/*******************/
/*** METEO ***/

.headerMeteo .itemMeteo.jour1 {
    display: none;
}

.headerMeteo .itemMeteo .Humidite {
    margin-top: 0rem;
}


.meteo-summary .meteo, .meteo-summary .summaryText{
  display: inline-block;
  vertical-align: middle;
}

.dailyForecast #moreDetail{
  margin: 0.5rem auto;
  text-align: center;
  display: block;
  /* position: fixed; */
  /* right: 2%; */
  /* bottom: 2%; */
}

/* .dailyForecast .owl-nav{
  text-align: center;
background: #e6e6e6;
border: 1px solid #c6c6c6;
margin-top: 0;


position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
box-sizing: border-box;
} */

.dailyForecast .owl-nav .owl-prev{
  position: fixed;
  bottom: 50%;
  left: 0;
  z-index: 10;
      background: rgba(51, 51, 51, 0.2)!important;
}

.dailyForecast .owl-nav .owl-next{
  position: fixed;
  bottom: 50%;
  right: 0;
  z-index: 10;
      background: rgba(51, 51, 51, 0.2)!important;
}

.dailyForecast button.owl-next, .dailyForecast button.owl-prev {
    margin: 0.5rem!important;
}

.dailyForecast h2, .detailsForcast h2 {
    font-size: 1.1rem;
    text-align: center!important;
    text-transform: uppercase;
    margin-top: 5px;
}

.dailyForecast .date{
  margin-bottom: 0;
}

.meteoData, .temperaturesPanel {
    font-size: 14px;
}
.meteoDataPanel {
    padding: 5px;
}


/*******/


.ReleveCompteWrapper .dxgvPreviewRow_MaterialCompact.gridRow.phone {
    display: block!important;
}



.previewRow{
  -webkit-column-count: 2;
          column-count: 2;
  display: block;
  width: 100%;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.previewRowItem{
  display: inline-block;
  /* width: 50%; */
  width: 100%;
  vertical-align: top;
  text-align: left;
}

 .SortChrono .piece, .SortVariete .variete, .SortArticle .article{
  display: none;
}

.reliquat .ans-legend{
  font-weight: normal!important;
}

.reliquat .ans-legendItem{
  margin: 0;
}

.contratsCereWrapper .SortVariete .reliquat, .contratsCereWrapper  .SortCulture .reliquat, .CommandesApproWrapper .SortFamille .reliquat, .FacturesCereWrapper .SortFamille .pieceOrigine{
    margin: 3px 0;
}

.ventesCereWrapper .SortCulture .pieceOrigine, .LivraisonsCereWrapper .SortFamille .nLot, .LivraisonsCereWrapper .SortChrono .article  {
    margin: 4px 0;
}


.LivraisonsCereWrapper .SortArticle .pieceOrigine{
  margin: 5px 0;
}

.piece a, .groupHeader.Piece a, .MesFDSWrapper .ePhy a, .MesFDSWrapper .FDS a, .listesFDSWrapper .ePhy a, .listesFDSWrapper .FDS a{
  display: inline-block;
  vertical-align: middle;
  padding: 5px 5px 1px;
  border: 1px solid #e3e3e3;
  border-radius: 50%;
  margin: 0.1rem;
  background: #fff;
}

/* .listesFDSWrapper .ePhy a,  .MesFDSWrapper .ePhy a{
  background: #ebf3fb;
} */

.piece img, .groupHeader.Piece img, .MesFDSWrapper .ePhy img, .MesFDSWrapper .FDS img, .listesFDSWrapper .ePhy img, .listesFDSWrapper .FDS img{
  /* margin: 0.1rem; */
  /* border-radius: 50%; */
  /* background: #fff; */
  /* padding: 3px; */
  /* border: 1px solid #e3e3e3; */
  max-width: 19px;
}



/* .ReleveCompteWrapper td.gridHeader:first-of-type,
.ReleveCompteWrapper .gridRow td:first-of-type,
.ReleveCompteWrapper td.gridHeader:nth-of-type(2),
.ReleveCompteWrapper .gridRow td:nth-of-type(2),
.MesFDSWrapper td.gridHeader:first-of-type,
.MesFDSWrapper .gridRow td:first-of-type
{
  width: 0px !important;
}

.ReleveCompteWrapper .dxgvArm td.dxgvDI
{
  width: 0px !important;
} */



.ReleveCompteWrapper td.gridHeader:first-of-type,
.ReleveCompteWrapper .gridRow td:first-of-type,
.ReleveCompteWrapper .dxgvArm td.dxgvDI, .ReleveCompteWrapper td.gridHeader:nth-of-type(2),
.ReleveCompteWrapper .dxgvArm
{
  display: none;
}


.ReleveCompteWrapper td.dx-nowrap.dxgv {
    /* background: #dedede; */
    /* background: #eef2f4; */
    border-bottom: none!important;
    padding-bottom: 0;
}


.ReleveCompteWrapper .gridRow, .ReleveCompteWrapper .gridRow td {
    display: block;
}

.ReleveCompteWrapper .gridRow:nth-child(4n+2),
.ReleveCompteWrapper .gridRow:nth-child(4n+3){
  background: #eef2f4;
}

.ReleveCompteWrapper .ans-legendItem{
  text-align: left;
}

.ReleveCompteWrapper  .prewiewRowRow1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}


.ReleveCompteWrapper .prewiewRowRow1 .previewRowItem {
  display: block;
  width: 25%;
  padding: 2px;
  margin: 0;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #696969;
  text-align: right;
  word-break: break-all;
}

.ReleveCompteWrapper.AvecSolde .prewiewRowRow1 .previewRowItem {
  width: 25%;
}
 
.ReleveCompteWrapper.SansSolde .prewiewRowRow1 .previewRowItem {
  width: 30%;
}
 
.ReleveCompteWrapper.SansSolde .prewiewRowRow1 .previewRowItem.solde{
  display: none;
}

.ReleveCompteWrapper .previewRowItem.nPiece {
    word-break: break-all;
    text-align: left;
}


.ReleveCompteWrapper .echeance, .ReleveCompteWrapper .intituleDate{
  width: calc(49% - 22px);
  display: inline-block;
  font-size: 0.8rem;
  vertical-align: middle;
}

.ReleveCompteWrapper .previewRowItem.piece {
  max-width: 40px;
  text-align: center;
  width: auto;
  vertical-align: middle;
}

.ReleveCompteWrapper .piece span[data-value1="False"] {
    display: none;
}


/**  FDS  **/

.MesFDSWrapper td.gridHeader:first-of-type,
.MesFDSWrapper .gridRow td:first-of-type,
.MesFDSWrapper .dxgvArm, .listesFDSWrapper .dxgvArm
{
  /* width: 0px !important; */
  display: none;
}

.MesFDSWrapper .gridRow, .MesFDSWrapper .gridRow td {
    display: block;
}

.MesFDSWrapper .prewiewRowRow1, .listesFDSWrapper .prewiewRowRow1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.MesFDSWrapper  .gridHeader:last-of-type, .listesFDSWrapper  .gridHeader:last-of-type,
.MesFDSWrapper .ePhy, .MesFDSWrapper .FDS, .listesFDSWrapper .ePhy, .listesFDSWrapper .FDS,
.MesFDSWrapper  .gridHeader:nth-last-of-type(2),  .listesFDSWrapper  .gridHeader:nth-last-of-type(2)
 {
   width: 55px!important;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   text-align: center;
   vertical-align: middle;
}

.MesFDSWrapper .ePhy, .MesFDSWrapper .FDS, .listesFDSWrapper .ePhy, .listesFDSWrapper .FDS {
    padding-left: 5px;
}

.MesFDSWrapper .prewiewRowRow1 .previewRowItem, .listesFDSWrapper .prewiewRowRow1 .previewRowItem  {
  color: #696969;
  display: block;
}

.MesFDSWrapper .previewRowItem.amm, .MesFDSWrapper .previewRowItem.intitule,
.listesFDSWrapper .previewRowItem.amm, .listesFDSWrapper .previewRowItem.intitule{
    width: calc(50% - 55px);
    text-align: center;
    vertical-align: middle;
    word-break: break-all;
}

.MesFDSWrapper .previewRowItem.amm,  .listesFDSWrapper .previewRowItem.amm{
    text-align: left;
    text-indent: 5px;
}

.MesFDSWrapper  .prewiewRowRow2, .listesFDSWrapper .prewiewRowRow2{
  display: block;
  -webkit-column-count: 2;
          column-count: 2;
}

.MesFDSWrapper .prewiewRowRow2 div, .listesFDSWrapper .prewiewRowRow2 div {
    display: inline-block;
    width: 100%;
}


/**********/


.AlertesWrapper .gridHeader, .AlertesWrapper .dxgvIndentCell, .AlertesWrapper .dxgvIndentCell dxgv, .AlertesWrapper  .dxgvDataRow td.dxgvIndentCell
{
  display: none;
}

.DemandeEnCoursWrapper .gridHeader, .DemandeEnCoursWrapper .dxgvIndentCell, .DemandeEnCoursWrapper .dxgvIndentCell dxgv, .DemandeEnCoursWrapper  .dxgvDataRow td.dxgvIndentCell
{
  display: none;
}


.ReleveCompteWrapper .dxgvIndentCell, .ReleveCompteWrapper .dxgvIndentCell dxgv, .ReleveCompteWrapper .dxgvDataRow td.dxgvIndentCell
{
    display: none;
}



/********* SCROLLBAR  *******/

.dxgvHSDC{
  padding-right: 0;
}

.dxTouchNativeScrollHandle {
  scrollbar-width: thin;
  scrollbar-color: #90A4AE #CFD8DC;
}
.dxTouchNativeScrollHandle::-webkit-scrollbar-track {
  background: #CFD8DC;
}



/******* meteo new *******/

.lieuMeteoWrapper{
    background: #cedef1;
    border: 1Px solid #cdcdcd;
    margin-top: 1rem;
    text-align: center;
    text-align: right;
}

.lieuMeteoWrapper .sbVille {
    max-width: 95%;
    display: block;
    margin: 0.5rem auto 0;
}

.currentWeather{
  margin-top: 0;
}

.actualisation {
    text-align: left;
    font-size: 0.7rem;
}

.item10Jours {
    min-width: calc(50% - 0.5rem);
}

.meteoActuelle, .ephemeride{
  width: 100%;
  max-width: none;
  padding-bottom: 1rem;
  text-align: center;
}
.weatherToday {
    width: 100%;
    box-sizing: border-box;
}

.weatherTodayData .dataToday{
    background: #f8f8f8;
    padding: 0.5rem;
}

.weatherToday h2 {
    text-align: center;
}

.dataToday .label {
    position: relative;
    margin: 0 auto;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #cdcdcd;
    max-width: 97px;
    height: auto;
    writing-mode: horizontal-tb;

}

.iconMeteoActuelle, .dataActuelle, .temperatureActuelle, .temperatureRessentieActuelle, .leverDuSoleil, .coucherDuSoleil, .dataEphemeride{
  display: inline-block;
vertical-align: middle;
}


/*** shop  ***/

.menuCat {
  padding-right: 0;
  display: none;
}

.catSubMenu{
position: relative;
}

ul.catSubMenu {
  margin-left: 0!important;
  border: none;
}

.catSubMenu .catSubMenu {
  background: #D7DFE6;
}

.menuCatVerti > ul > li {
  padding-left: 1rem;
}

/*.menuButtonShop{
display: block;
text-align: center;
text-transform: uppercase;
font-weight: normal;
color: #fff;
background: #2A608F;
padding: 0.3rem 0.5rem;
}*/

.sectionProduct, .wrapperReglementaire {
  padding: 0.5rem;
}

.caracProduct {
  width: 100%;
  padding-top: 0;
}

.imgProduct {
  display: block;
  margin: 0 auto !important;
  padding-bottom: 0;
}

.imgProduct ul{
margin: 0;
text-align: center;
}

.titleProduct{
width: calc(100% - 100px);
margin: 0.5rem 0.2rem;
vertical-align: middle;
}

.priceProduct{
width: 100%;
margin-top: 0.5rem;
}

.headerReglementaire .title{
margin: 0;
}

.title .nom, .titulaireProduit {
  margin: 0.2rem 0;
}

/*  search product*/

.searchBarShop {
  text-align: left;
  padding: 0 0.5rem;
  box-sizing: border-box;
  width: 100%;
}

.searchBarShop .search{
  width: calc(100% - 42px)!important;
}


/****  LISTE PRODUIT *****/

.titreMenuCat{
display: none;
}

.listProduct > li, .listProductV2 .listProduct > li {
  width: 45%;

}


/***** new shop *****/

.menuCatWrapper, .listProductWrapper {
  width: 100%;
}

.menuCatWrapper .catProduct{
display: none;
}

.btnCategoriesMobile:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 9px solid #3e4041;
  vertical-align: middle;
  display: inline-block;
  margin: 0.3rem;
}

.mainCatProduct li {
  display: block;
}

.itemCard{
width: 100%;
}


.headerListLine{
display: none;
}

.itemLine {
display: block;
    padding: 0.5rem;
}

.itemProduit {
  width: calc(100% - 50px);
  margin-bottom: 1rem;
}


.imgProduct.imgLine {
  display: inline-block;
  text-align: center;
}

.itemQuantite, .itemPrix, .itemTotal {
  display: inline-block;
  vertical-align: top;
}

.itemLine .riContSpinButtons {
  max-width: 100px;
}

.itemsPanierWrapper .itemQuantite:before {
  content: " ✖ ";
  padding: 0 0.5rem;
  display: inline-block;
  vertical-align: middle;
}

.itemDel {
  display: inline-block;
}

.itemTotal{
 display: block;
 text-align: right;
 margin: 0.5rem 0;
}

.itemTotal:before {
  content: 'Total : ';
  display: inline-block;
}

.itemsPanierWrapper .itemProduct, .itemsWishlistWrapper .itemProduct  {
position: relative;
}


.itemsPanierWrapper .itemProduct .itemDel, .itemsWishlistWrapper .itemProduct .itemDel   {
position: absolute;
top: 1rem;
right: 5px;
}

.itemBtn {
  margin: 1rem 0 0.5rem;
}

.itemListName {
  width: calc(100% - 35px);
  display: inline-block;
}

.itemRename{
display: inline-block;
}

.imgWishlist{
display: none;
}

.toolTipManagerWishlist{
width: 100%;
left: 0!important;
top: 0;
background: #f2f2f2;
}

.RadToolTip_Metro .rtClose {
  right: 1px;
  padding: 0.1rem;
}

.fastCmd .itemNoEdit, .durabiliteWrapper .itemNoEdit {
  padding: 0.5rem;
}

.fastCmd .itemNoEdit > span:first-of-type {
  width: calc(100% - 175px);
  word-break: break-all;
}

.fastCmd .itemNoEdit .RadInput{
  margin: 0.1rem 0.4rem;
}

.durabiliteWrapper{
padding: 0.4rem;
}

.durabiliteWrapper .produitWrapper {
  display: block;
  text-align: center;
}

.durabiliteWrapper .selectionPS .RadInput_Metro .riTextBox {
  font-size: 0.9rem;
}

.searchBarShopLabel {
display: block;
padding: 0.5rem;
width: 100%;
max-width: none;
padding-bottom: 0;
}

.wrapperRecherche .searchBarShopLabel h4{
  display: inline-block;
  padding-bottom: 0;
}

.searchBarShopLabel span {
  display: inline-block;
}

.sbRechercheProduit {
  width: calc(100% - 60px);
}

.cbOnlyProductAlreadyOrdered {
  text-indent: 10px;
  font-size: 0.75rem;
}

/** filtre **/

.itemFiltre {
  display: block;
}

.itemFiltre .lblFiltre{
width: calc(100% - 45px);
display: inline-block;
vertical-align: middle;
}

.btnRemoveAllFiltre.RadButton_Metro.rbSkinnedButton{
  margin: 0.3rem auto;
  display: block;
  background: transparent;
}


.btnRemoveAllFiltre input.rbDecorated, .btnRemoveAllFiltre.rbHovered input.rbDecorated {
font-size: 0.7rem;
padding-left: 2.5rem;
background-position: 6% center;
}

.catProduct > ul > li.rtLI {
  text-transform: capitalize;
  font-size: 1rem;
}

.catProduct > ul > li.rtLI {
  padding: 0.5rem;
  background: #eee;
  color: #999;
}

.catProduct.RadTreeView_Metro .rtPlus, .catProduct.RadTreeView_Metro .rtMinus {

  opacity: 0.6;
}

/**/

.listProductCarousel .owl-nav {
  margin-bottom: 2rem;
}

.imgListProduct {
  max-width: 150px;
  padding: 0.5rem;
}

.listProdUnique  .imgListProduct {
  max-width: 100%;
}

.listProduct h3 {
min-height: auto;
margin-top: 0.5rem;
}

.catListProduct {
  min-height: auto;
}

.btnCardWrapper {
  margin: 0.5rem 0;
  min-height: auto;
}

.btnShopWrapper {
  margin: 2rem 0.2rem;
}


.wrapperRecherche{
margin-top: 0;
}


.listProductCarousel .owl-next, .listProductCarousel .owl-prev {
  margin: 0rem 0.5rem 0.5rem;
}

.carouselProdLi {
  margin: 0 0.5rem 0.5rem;
}

.divModeExp .cbModeExpedition {
  display: inline-block;
}

.lblModeExpeditionNoSelect{
  font-size: 0.7rem;
/* width: calc(100% - 170px);
display: inline-block;
vertical-align: middle; */
}

.lblFinExpedition{
width: 49px;
display: inline-block;
}

.divFinExp {
  margin: 0.2rem;
}


.panierWrapper{
  position: absolute;
  top: 6px;
  left: 45px;
  max-width: 40px;
}

.lnkCountPanier{
position: relative;
bottom: auto;
}

.lblMessageLivraisons, .lblMessageRetraits {
  display: block;
}


.divModeExp .itemCard {
  margin: 0 0 1rem;
}


/********* SCROLLBAR  *******/

.dxgvHSDC{
  padding-right: 0;
}

.dxTouchNativeScrollHandle {
  scrollbar-width: thin;
  scrollbar-color: #90A4AE #CFD8DC;
}
.dxTouchNativeScrollHandle::-webkit-scrollbar-track {
  background: #CFD8DC;
}




/**/
/***** new panier ***/

.itemPanierLeft, .itemPanierRight,
.itemRecapCmdLeft, .itemRecapCmdRight  {
    width: 100%;
    padding: 0;
}

.itemPanierRight, .itemRecapCmdRight {
  padding: 0 0.5rem;
}

.itemPanierDetailLeft, .commentaireDetail {
  width: 100%;
  padding: 0;
  position: relative;
}

.divListMelangeAvec {
margin: 1rem 0 0.5rem 1.5rem;
}

.itemLineMelange {
margin-left: 0;
}

/* redondant pour ancien */

.itemsPanierWrapper .itemProductWrapper, .itemsPanierWrapper .itemLineMelange  {
position: relative;
}


.itemsPanierWrapper .itemProductWrapper .itemDel  {
position: absolute;
top: 1rem;
right: 5px;
background: #fff;
}

.itemsPanierWrapper .itemLineMelange .itemDel{
top: 0.5rem;
}


.imgProduct.imgLine {
  display: inline-block;
  text-align: center;
  max-width: 35px;
  padding: 0 0.3rem 0 0;
}

.itemPanierLeft .titleProduct {
width: calc(100% - 65px);
margin: 0.3rem 0.2rem;
}

.itemPanierLeft .itemProduit {
width: 100%;
}

.itemPanierLeft .itemLine {
display: block;
padding: 0;
}

.itemPanierLeft .itemLineMelange {
padding: 0.3rem 0.5rem;
}

.itemPanierLeft .divSelectUsages {
padding: 0;
}

.cibleTitre {
width: 45px;
}

.cbSelectionUsage {
width: calc(100% - 50px)!important;
}