@charset "UTF-8";
/* CSS Document */


/********************************** MENU ***********************************/

.widgetExtranet {
    margin: 0rem;
}

.menuExtranet {
    margin-top: 0rem;
}

.menuClick{
  display: block;
}

.menu{
  display: none;
}

/*.connexionExtranetWrapper, .panierIcnWrapper{
  display: inline-block;
}*/

/*.connexionExtranetWrapper.sf_colsOut{
  width: 80%!important;
}

.panierIcnWrapper.sf_colsOut{
  width: 20%!important;
}*/

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

.widgetBienvenueWrapper h3{
  font-size: 1.1rem;
}

.wrapperEnTantQue p {
  padding: 0;
}

.widgetBienvenueWrapper h2:before, .widgetBienvenueWrapper h2:after {
  width: 15px;
}

.titreExtranet{
   z-index: -1;
   word-break: break-all;
   top: 7.2rem;
}


.headerMenu {
    /*background-color: rgba(255, 255, 255, 0.8);*/
    background-color: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.headImgExtranet, .headImgExtranet img {
    height: 17rem;
}

.videoAccueil .sf_colsIn {
    margin: 0 auto!important;
}

.contact {
    background-attachment: scroll;
}

/* .menuPhone{
  display: block;
} */


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

.column2Img {
    order: 1;
}

.column2Txt {
    order: 2;
}

.column2Txt .column2TxtCouleur, .presentationEntreprise {
    padding: 1rem;
}

.entreprise-text{
  padding: 0;
}

.column2Img h2 {
    font-size: 3rem;
}

.sf_colsOut.keyNumberItem {
    margin: 0.5rem 0.5rem;
    width: calc(100% - 1rem)!important;
}

.headerMenu  .connexionExtranet{
	width: 60%!important;
	text-align: center;
}

.headerMenu .logo{
	width: 35%!important;
  /*min-height: 4rem;*/
}

/*.headerMenuBase .logo {
  min-height: auto;
}*/

/*.headerMenu .menuContainer{
  width: 66%!important;
}*/

.headerMenu .menuPhone li {
    text-transform: uppercase;
    margin: 0.5rem;
    font-size: 1.3rem;
}

.menuPhone {
  text-align: center;
}

.menuPhone li{
  max-width: 100%;
}

.logoHead img {
  left: 0%;
  right: 0%;
  width: 90%;
  margin: 0 auto;
}

.titreExtranet {
    font-size: 2.5rem;
}

/******/

.column2Img .sfContentBlock {
    /* top: 16%; */
    font-size: 3rem;
}

.column2Img h1, .column2Img h2 {
    font-size: 3rem;
    margin: 0;
}

/***/

.chiffreAffaire .column2Txt > div {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
            flex-direction: inherit;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}


/****/

.logistiqueImg img {
    border-radius: 0px;
}

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


.listPerson li, .listPerson:first-of-type li {
    max-width: 50%;
}


/*********/

.imgLogo .sf_colsOut, .chiffreAffaireLogo .sf_colsOut{
    margin: 1rem auto;
}

#chart{
  height: 330px!important;
}

/****/

.widgetMonCompte .divNomPrenomContent input{
  max-width: 250px;
}

.widgetMonCompte .divRaisonSocialeContent input{
	max-width: 250px;
}

.widgetMonCompte .divAdresse1Content input, .widgetMonCompte .divAdresse2Content input, .widgetMonCompte .divAdresse3Content input{
    max-width: 250px;
}

.widgetChangePassword .divOldPasswordContent input, .widgetChangePassword .divNewPasswordContent input, .widgetChangePassword .divConfirmPasswordContent input {
    max-width: 250px;
}

.widgetChangePassword .divConfirmPasswordContent input {
    margin-left: 0px;
}

/**********************************NAVIGATION EXTRANET***********************************/

#ExtranetnavigationPhone{display:block;}
#ExtranetnavigationPhone .navPhone{display:none;}
#ExtranetNavigationPc{display:none;}
#ExtranetnavigationPhone .navPhone
{
	list-style:none;
	margin:0;
	padding:0;
}


/*********************************MEP************************************/

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



/*******************************************LOGIN EXTRANET********************************************/


.widgetExtranet .lblHello, .widgetExtranet .divTitreExtranet{display:none;}
.k-window-title{font-size:18px; color:#fff;}

.divMultiUser select{width:76px !important;}
.divHello{margin-right:0;}

.divIcones{
  margin-top: 2px;
}

/*
.widgetExtranet .phoneOnly{display:block;}
.widgetExtranet .phoneOnly input
{
  border:none;
  background:none;
  font-size: 14px;
  color: #ffffff;
  margin: 0 0 1rem;
  text-transform: uppercase;
}

.widgetExtranet .phoneOnly input:hover{color:#FFF; cursor:pointer;}
.divLoginTitre, .divPasswordTitre{color:#fff;}
.divLogin, .divPassword{margin-top:8px;}
.divLoginTitre, .divPasswordTitre{width:40%;}
.divLoginContent input, .divPasswordContent input{
  width:150px;
  color: #696969;
}
.lienConnexion{color:#fff; margin-top:8px;}
.authPanel{margin-left:0; margin-top:8px;}

.divLogin:before, .divPassword:before {
  background: rgba(211, 211, 211, 0.4) no-repeat center;
  height: 15px;
  width: 15px;
  background-size: 14px;
  border: solid 2px #d9d9d9;
}

.lienConnexion{
  background-image:url('/images/default-source/logo-icone/valider-phone.png?Status=Temp&sfvrsn=2');
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0 8px;
}
.divLogin:before
{
	background-image:url('/images/default-source/logo-icone/id-phone.png?Status=Temp&sfvrsn=2');
}
.divPasswordTitre{display:none;}
.divPassword:before
{
	background-image:url('/images/default-source/logo-icone/mdp-phone.png?Status=Temp&sfvrsn=2');
}
*/

/*************POP UP EXTRANET******************/

/* .imgExtranetHome{background-image:url(/Sitefinity/WebsiteTemplates/Gabarit8/App_Themes/Gabarit8/Images/Icones/icones_extranet_Phone.png);}
.imgExtranetHome:hover{background-image:url(/Sitefinity/WebsiteTemplates/Gabarit8/App_Themes/Gabarit8/Images/Icones/icones_extranet_ON_Phone.png);}
.imgCompte{background-image:url(/Sitefinity/WebsiteTemplates/Gabarit8/App_Themes/Gabarit8/Images/Icones/icones_extranet_Phone.png);}
.imgCompte:hover{background-image:url(/Sitefinity/WebsiteTemplates/Gabarit8/App_Themes/Gabarit8/Images/Icones/icones_extranet_ON_Phone.png);}
.lienDeconnexion{background-image:url(/Sitefinity/WebsiteTemplates/Gabarit8/App_Themes/Gabarit8/Images/Icones/icones_extranet_Phone.png);}
.lienDeconnexion:hover{background-image:url(/Sitefinity/WebsiteTemplates/Gabarit8/App_Themes/Gabarit8/Images/Icones/icones_extranet_ON_Phone.png);} */

.RadWindow_Metro{
  height:136px !important;
  border: none;
  background: transparent;
}
.RadWindow_Metro .rwTitleBar{background-color:dimgrey;}
.RadWindow_Metro .rwTitleBar .rwIcon{display:none;}
.RadWindow_Metro .rwTitleBar .rwTitle{padding:0; line-height:16px; margin-top:2px;}
.divLoginTitre, .divPasswordTitre, .divHello{color:#3f3e3e;}
.RadWindow_Metro .rwContent{height: initial !important;}


.RadWindowLogin .lienForgetPassword {
  color: #676767;
  font-size: 0.75rem;
  font-style: italic;
  margin-left: 1rem;
}

.RadWindowLogin .divStayConnected input, .RadWindowLogin .divStayConnected label{
  vertical-align: middle;
  display: inline-block;
  color: #676767;
}

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

.divLogin:before, .divPassword:before {
    margin: 0px -5px 0 0;
}

.divLoginContent input, .divPasswordContent input {
    padding: 4px 4px 5px;
}

.RadWindowLogin .lienForgetPassword {
    font-size: 0.65rem;
}

/* @media (max-width:390px){
  .headerMenu .connexionExtranet {
    width: 100%!important;
  }

  .headerMenu .logo {
      min-height: auto!important;
  }
} */

.mainContentExtranet {
  margin-top: 150px;
  padding: 0.5rem;
  width: calc(100% - 1rem);
}

/************************WIDGET COTATIONS MARCHE********************/

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

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-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;
}

.VerticalCONTRAT_MARCHE 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, .VerticalCONTRAT_MARCHE td.firstTd, .tblCotationsOptions td.firstTd{
	text-transform: uppercase;
	color: #fff;
	font-size: 1.3rem;
	border: none;
  padding: 0.4rem 0.3rem;
	text-align: center;
	background: #739db1;
	margin: 0;
}

.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;
}







/*********/

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

.previewRowItem{
  display: inline-block;
  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;
}

.piece img, .groupHeader.Piece img, .MesFDSWrapper .ePhy img, .MesFDSWrapper .FDS img, .listesFDSWrapper .ePhy img, .listesFDSWrapper .FDS img{
  max-width: 19px;
}

.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 {
    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: flex;
    overflow: hidden;
}


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

.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: 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;
   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;
     -moz-column-count: 2;
          column-count: 2;
}

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


.ReleveCompteWrapper .previewRowItem.solde {
    display: none;
}

.ReleveCompteWrapper .prewiewRowRow1 .previewRowItem span.ans-title {
    line-height: 40px;
}

/***/


/**********************/
/** page STOCK ATC **/
/**********************/

.gridStocks .top, .gridStocks .bottom{
  padding: 2px 3px;
}

.gridStocks .bottom{
  text-align: center;
}


.gridStocks .produits, .gridStocks .stocks{
  font-weight: bold;
  color: #484848;
}

.gridStocks .produits {
  margin: 0.2rem 0;
  font-size: 0.9rem;
}

.gridStocks .stocks{
    color: #009933;
}

.gridStocks .stocks span{
    font-weight: normal;
    color: #999999;
    padding-left: 7px;
    font-size: 0.75rem;
}


.gridStocks .arboProduit, .gridStocks .entites {
  font-size: 0.65rem;
  text-align: center;
  font-style: italic;
  text-align: left;
  margin-bottom: 0.2rem;
}


.SortEntite .entites, .SortFamille .arboProduit, .SortArticle .arboProduit, .SortArticle .produits{
  display: none;
}

.SortArticle .stocks{
  width: auto;
  display: block;
}



/***/


/*** SOUSCRIPTION DE CONTRAT ***/

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

.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;
	box-sizing: border-box;
}

.divSouscriptionOffreContent .offreChoisir a:before {
    background-image: url(/images/default-source/logo-icone/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;
}

.certifAlert {
    margin: -1rem 0.3rem 1rem;
}

.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: #0042ac;
    font-weight: bold;
}

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

.chiffreWrapper {
    margin: 10px 0;
}

.chiffreCol, .chiffreFlex, .chiffreFlex .sf_colsIn, .chiffreWrapper.chiffreWrapperCol {
    flex-basis: 100%;
}

/**/

.AlertesWrapper .gridHeader, .DemandeEnCoursWrapper .gridHeader{
  display: none;
}



/************************************ 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;
	    box-shadow: none;
	    text-align: center;
	    border: none;
	    margin: 0.5rem;
}

/**/


/**  LISTE ALERTE **/


.AlertesWrapper .dxgvIndentCell, .DemandeEnCoursWrapper .dxgvIndentCell{
display:none
}

.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: 2;
}

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


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

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

.AlertesWrapper .gridPhone .email{
  padding-left: 0;
}

.AlertesWrapper .gridPhone .email::before{
  display: none;
}

.AlertesWrapper  .dxgvDataRowAlt_MaterialCompact {
    background: transparent;
}


.AlertesWrapper .btnWrapper {
    position: absolute;
    right: 10px;
    padding: 0;
    margin: 0;
}

.AlertesWrapper .dxgvCommandColumn_MaterialCompact img, .DemandeEnCoursWrapper .dxgvCommandColumn_MaterialCompact img{
  max-width: 18px;
  max-height: 18px;
}

.AlertesWrapper .dxgvCommandColumn_MaterialCompact a, .DemandeEnCoursWrapper .dxgvCommandColumn_MaterialCompact a{
  display: inline-block;
  margin: 0.1rem;
  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;
    }
}



/******* 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;
}

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

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

/*.infoItem {
		width: 100%;
    margin: 3rem auto;
    display: block;
    word-break: break-word;
}*/

.newWidgetInfos .widgetMonCompte, .newWidgetInfos .widgetAdresses {
    padding: 1rem;
}

.divReferencesContent{
	display: block;
}

.divReferenceBtn {
    margin-top: 0;
}


.widgetChangePassword .divOldPassword{
      margin-bottom: 2.2rem;
}

.widgetChangePassword .divOldPasswordContent{
          margin-top: 1.2rem;
}


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

.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 .divRaisonSocialeContent input {
    width: 100%;
}


/*** durabilite **/

.durabiliteWrapper .itemNoEdit {
    padding: 0.5rem;
}

.durabiliteWrapper{
  padding: 0.4rem;
}

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

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



/*** 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: 100%;
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: 120px;
}

.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;
}


.lblModeExpeditionNoSelect{
width: 40%;
display: inline-block;
font-size: 0.7rem;
vertical-align: middle;
}

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

.divFinExp {
  margin: 0.2rem;
}


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

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

.lblMessageLivraisons, .lblMessageRetraits {
  display: block;
}


/**/
/***** 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;
}




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

.dxgvHSDC{
  padding-right: 0;
}

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

.dxTouchNativeScrollHandle::-webkit-scrollbar-track {
  background: #CFD8DC;
}




/** TABLEAU DE BORD **/

.gridMobile tr:first-of-type {
  display: none;
}

.gridMobile tr {
  border-bottom: 2px solid #cdcdcd;
  display: block;
  margin-bottom: .625em;
}

.gridMobile td {
  border-bottom: 1px solid #cdcdcd;
  display: block;
  font-size: .8em;
  text-align: right;
}

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

.gridMobile td:last-child {
  border-bottom: 0;
}

.gridMobile {
  max-height: 350px;

}

.gridMobile td:first-of-type::before,
.gridMobile td:nth-of-type(2)::before {
  display: none;
}

.gridMobile td:first-of-type,
.gridMobile td:nth-of-type(2) {
  border-bottom: none;
  display: inline-block;
  font-size: 0.7rem;
}

.signWrapper .TopLeft {
  width: 65%;
}

.signWrapper .Center {
  width: 30%;
}

.soldeExpl .TopLeft,
.soldeExpl .Center,
.soldeExpl .TopLeft,
.soldeHome .Center {
  width: 100%;
  padding-bottom: 0;
}

.soldeExpl .Center,
.soldeHome .Center {
  padding-top: 0;
}


.signHomeColWrapper>.sf_colsOut {
  width: 49% !important;
}

.bannerDashboard,
.titrePageDashboard {
  display: none;
}

.bannerDashboardMobile img {
  display: block;
}

.panierDashboard .imgProduct {
  display: inline-block;
  padding: 0.5rem;
}

.dashboardCol.sf_colsOut>.sf_colsIn,
.dashboardCardFlex>.sf_colsIn {
  flex-grow: 0;
  flex-basis: 96%;
}

.dashboardCard>.sf_colsOut>.sf_colsIn {
  margin: 0 auto !important;
  width: 96% !important;
}

.signWrapper {
  width: 96%;
  margin: 0 auto;
}

.dashboardBtm {
  padding: 0.7rem 0;
}

.btnLienConnexion {
  width: 70%;
  text-align: center;
  margin: 0.5rem;
}