/** css tablette **/

.mainContentNewExtranet {
    padding: 0;
}

.culturesDiv {
    margin: 0px 1%;
}

.culturesGde .sfContentBlock, .culturesSpe .sfContentBlock, .culturesPG .sfContentBlock {
    max-width: 180px;
}

.iconeText {
    margin-top: 1.5rem;
}

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

.headerExt .menuButton {
	display: block;
}


.headerMob{
  display: none;
}


.menuLevelFlex{
  flex-direction: column;
}


.menuLevelFlex {
  flex-direction: column;
}

.menuLevel1{
	position: relative;
}

.menuExtranet > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            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;
}

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

.headerLogo, .headerMain, .hedaerConnexion{
 width: 100%!important;
}

.hedaerConnexion > .sf_colsIn{
  margin-left: 0;
}

.headerLogo .imgLogo{
  display: none;
}

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

}

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

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

/*** new menu phone extranet **/

.hedaerConnexion .widgetExtranet{
  padding: 0;
}

.hedaerConnexion .lblHello {
    color: #fff;
}

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

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



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

.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);
    max-width: 500px;
    right: 0;
}

.headerMobFlex {
    display: flex;
    flex-direction: column;
}

.headerMenu{
  order: 2;
}

.hedaerConnexion{
  order: 1;
}




/* .titreExtranet{
   z-index: -1;
   top: 8rem;
}

.headImgExtranet {
    height: 17rem;
}

.logo img {
    max-width: 130px;
}

.blocMentions {
    margin: 1rem 1rem 3rem;
    max-width: calc(100% - 2rem);
} */




/* EXTRANET MES INFORMATIONS COMPLETE */

/* .newWidgetInfos .widgetMonCompte .divContactItem, .widgetAdresses .divAdresseItem, .newWidgetInfos .widgetMonCompte .divContactEditItem, .divContactInsertItem, .divAdresseInsertItem, .divAdresseEditItem{
  width: 340px;
  max-width: 340px;
} */


/** password oublie **/

.forgottenPassword{
	margin-top: 2rem;
}


.lienForgetPassword {
    font-size: 11px;
    margin-left: 0.5rem;
}


/*  accuiel extranet DASHBOARD */


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


.chiffreWrapper {
    margin: 10px 0;
    width: 100%;
}

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


/**/

.weatherTodayData > div {
  width: calc(50% - 1rem);
}


/**  souscription **/

.SouscriptionOffreWrapper .rptItem {
	margin: 20px 32px;
}

.SouscriptionOffreWrapper .rptItem:nth-child(3n+2) {
		margin-left: 0;
}

.SouscriptionOffreWrapper .rptItem:nth-child(3n+1) {
		margin-right: 0;
}

.divSouscriptionOffreContent .msgDroit {
    position: relative;
   }
   

/*** ecommande ***/

.listCard {
	text-align: center;
  }

.listProduct > li, .itemCard {
    width: 46%;
    text-align: left;
  }

.pagerProduct {
	/* display: block; */
	width: calc(100% - 270px);
	margin: 0 0 0 auto;
}