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

/* html, body, main{
	overflow-x: hidden;
} */

body {
    background: #f4f4f4;
}

#Contenu {
    background-color: #f4f4f4;
}

.ContenuExtranet {
    padding: 0.3rem 0.5rem;
}

.subTitleExtranet{
  font-size: 1.2rem;
  margin: 1.5rem 0 0.5rem;
}

.menuButtonExtranet {
	display: block;
}

.headerMain{
	display: none;
	height: calc(100vh - 46px);
	overflow: scroll;
}

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

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


.menuLevel1{
	position: relative;
}

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

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

.imgMenu {
	display: none;
}

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

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

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

/* header.Header
{
	height:auto;
	background-size:auto 59px;
	background-image:url(/Sitefinity/WebsiteTemplates/Cerelys/App_Themes/Cerelys/Images/header.jpg);
	background-repeat:no-repeat;
} */



header.Header>div{background:none;}
.headerLeft{padding:0;}

/* .headerLeft, .headerRight
{
	float:left;
	display:block;
	text-align: center;
	width: 100%;
} */

/* .headerLeft .sfimageWrp
{
	margin-left: 0px;
	margin-bottom: 0px;
	height:Auto;
} */

.Logo img
{
	width:250px;
	float:left;
	margin-left:11px;
}

/* .headerRight .sf_2cols_2in_67
{
	width:50% !important;
} */

/* .widgetExtranet
{
	float:left;
	margin:0;
} */


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

.widgetExtranet .phoneOnly input:hover{color:#ffb033;}

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

.BlocConnexionExtranet .widgetExtranet{
  margin: 1rem;
}

.linkConnectExtranet{
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
}

.divStayConnected{color:#000;}

.boutonMenuExtranet
{
	display:block;
	background-color:#0042AC;
	width:100%;
	line-height:48px !important;
	font-size:22px !important;
	text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif !important;
	color:#FFF;
	text-align:center !important;
	margin-top:20px;
}
.boutonMenuExtranet:hover{cursor:pointer;}
#ExtranetnavigationPhone{display:block;}
#ExtranetnavigationPhone .navPhone{display:none;}
#ExtranetNavigationPc{display:none;}
#ExtranetnavigationPhone .selected{display:block;}
#ExtranetnavigationPhone .navPhone
{
	list-style:none;
	margin:0;
	padding:0;
}
#ExtranetnavigationPhone .menuToplevelItem{background-color:#0042AC;}
#ExtranetnavigationPhone .menuToplevelItem a
{
	font-size:18px;
	line-height:46px;
	text-transform:uppercase;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	padding-left:28px;
	display:block;
	width:100%;
	box-sizing:border-box;
}
#ExtranetnavigationPhone .menuToplevelItem:hover, #ExtranetnavigationPhone .menuToplevelItem.selected{background-color:#0066CC;}
#ExtranetnavigationPhone .submenuContainer
{
	list-style:none;
	margin:0;
	padding:0;
}
#ExtranetnavigationPhone .submenuContainer .menuItem{background-color:#266BD9;}
#ExtranetnavigationPhone .submenuContainer .menuItem a
{
	font-size:14px;
	line-height:36px;
	text-transform:uppercase;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	padding-left:48px;
	box-sizing:border-box;
}
#ExtranetnavigationPhone .submenuContainer .menuItem:hover{background-color:#6699FF;}
#ExtranetnavigationPhone .submenuContainer .submenuContainer .menuItem{background-color:#003366;}
#ExtranetnavigationPhone .submenuContainer .submenuContainer .menuItem a
{
	font-size:12px;
	line-height:58px;
	text-transform:none;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	padding-left:58px;
	box-sizing:border-box;
}
#ExtranetnavigationPhone .submenuContainer .submenuContainer .menuItem:hover,#ExtranetnavigationPhone .submenuContainer .submenuContainer .menuItem.selected{background-color:#003399;}


#ExtranetnavigationPhone li.has-sub>a::after
{
  position: absolute;
  margin-top: 17px;
  margin-left: 9px;
  width: 5px;
  height: 5px;
  border-bottom: 3px solid #FFF;
  border-right: 3px solid #FFF;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align:middle;
}

#ExtranetnavigationPhone ul li ul li.has-sub>a::after{margin-left:7px; margin-top:13px; width:4px; height:4px; border-width:2px;}



#Contenu{top: 55px;}
.Wrapper_Contenu{width:100%;}
.ColonneDroite>div{padding-left:10px;}


footer{height:auto;}

footer .Google_Maps div
{
	margin-left:5% !important;
	margin-right:5% !important;
}

footer .Logo_nb
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

footer .Logo_nb img
{
	width:100%;
	max-width:354px;
}

footer .Coordonnees_G table, footer .Coordonnees_D{float:left !important;}
footer table {margin-left:14%;}
footer .Liens{padding-bottom:15px;}

.Video_Negoce .sf_1col_1in_100{margin:0 !important}

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

.headerRight{
	position: relative;
}

#navigationTablette{
	display:block;
	position: absolute;
	right: 0;
	bottom: 0;
}
#navigationPc{display:none;}
.menuButton{display:block;}
.sfNavWrp.nav .sfNavToggle{display:none;}

.menuButton
{
	font-size:16px;
	text-transform:uppercase;
	margin-right:8px;
	line-height:30px;
	padding-left:12px;
	background-image:url(/Sitefinity/WebsiteTemplates/Cerelys/App_Themes/Cerelys/Images/Icones/menu_separation.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.menuButton:hover{cursor:pointer;}
.menuToplevelItem{font-size:16px;}
.submenuItem{font-size:13px;}
.navTablette{margin:0; width:280px;}
.navTablette .menuToplevelItem{line-height:26px;}


.menuItem1 {
		flex-basis: auto;
		max-width: none;
}

.menuItem1 > a {
		text-transform: none;
    font-weight: normal;
}


/** connexion en tant que **/


.divAgrisListContent{
	line-height: 20px;
}

.widgetAgrisListWrapper {
    margin: 0 0.1rem;
}

.authPanel .divAgrisListTitre {
    line-height: 10px;
    margin-top: 0.2rem;
    text-align: left;
		font-size: 0.6rem;
}

.authPanel .widgetAgrisListWrapper {
    margin-top: 4px;
}

.divAgrisListContent .RadComboBox{
	max-width: 120px;
}


/**********************************************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 {
  padding-top:8px;
  font-size:18px;
}
.cd-timeline-content h2{font-size:16px;}


.Raccourcis .sf_colsOut.sf_4cols_1_25, .Raccourcis .sf_colsOut.sf_4cols_2_25, .Raccourcis .sf_colsOut.sf_4cols_3_25, .Raccourcis .sf_colsOut.sf_4cols_4_25{width:25% !important}

.authPanel{line-height:40px;}


/* EXTRANET MES INFORMATIONS */
.widgetMonCompte .divRaisonSocialeTitre, .widgetMonCompte .divRaisonSocialeContent, .widgetMonCompte .divNomPrenomTitre, .widgetMonCompte .divNomPrenomContent, .widgetMonCompte .divAdresse1Titre, .widgetMonCompte .divAdresse1Content, .widgetMonCompte .divAdresse2Titre, .widgetMonCompte .divAdresse2Content, .widgetMonCompte .divAdresse3Titre, .widgetMonCompte .divAdresse3Content, .widgetMonCompte .divCodePostal, .widgetMonCompte .divVille, .widgetMonCompte .divCodePostalTitre, .widgetMonCompte .divCodePostalContent, .widgetMonCompte .divVilleTitre, .widgetMonCompte .divTelephoneTitre, .widgetMonCompte .divTelephoneContent, .widgetMonCompte .divMobileTitre, .widgetMonCompte .divMobileContent, .widgetMonCompte .divFaxTitre, .widgetMonCompte .divFaxContent, .widgetMonCompte .divVilleContent, .widgetMonCompte .divEmailTitre, .widgetMonCompte .divEmailContent, .widgetChangePassword .divOldPasswordTitre, .widgetChangePassword .divOldPasswordContent, .widgetChangePassword .divNewPasswordTitre, .widgetChangePassword .divNewPasswordContent, .widgetChangePassword .divConfirmPasswordTitre, .widgetChangePassword .divConfirmPasswordContent{display:block;}

.widgetMonCompte .divNomPrenomContent input, .widgetMonCompte .divAdresse1Content input, .widgetMonCompte .divAdresse2Content input, .widgetMonCompte .divAdresse3Content input, .widgetMonCompte, .widgetMonCompte .divVilleContent input, .widgetMonCompte .divEmailContent input, .widgetChangePassword .divOldPasswordContent input, .widgetChangePassword .divNewPasswordContent input, .widgetChangePassword .divConfirmPasswordContent input{width:245px !important;}

.widgetMonCompte .divAdresse2Titre, .widgetMonCompte .divAdresse3Titre{display:none;}

.widgetMonCompte .divRaisonSocialeContent input, .widgetMonCompte .divNomPrenomContent input{width:280px;}

.widgetMonCompte .divVilleTitre{margin-top:10px !important;}

.widgetMonCompte .divTelephoneContent input, .widgetMonCompte .divMobileContent input, .widgetMonCompte .divFaxContent input{margin-left:0px !important;}

.widgetMonCompte .divEmailContent input{margin-top:0 !important; margin-left:0px !important;}

.divValidate{margin-left:175px !important;}

.widgetChangePassword .divOldPasswordContent input, .widgetChangePassword .divConfirmPasswordContent input{margin-left:0px !important;}


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

.infoItem {
    max-width: 100%;
		width: auto;
    margin: 3rem 0!important;
    display: block;
}

.divReferencesContent{
	display: block;
}

.divReferenceBtn {
    margin-top: 0;
}

.widgetChangePassword{
	margin: 1rem;
}

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

/************************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: #0042ac; */
	margin: 0;
	font-size: 1rem;
  font-weight: normal;
}

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

/*******MEP ACCUEIL******/
.Actu_Extranet{background:none;}

.Meteo_Titre, .Actualites_Titre, .Agenda_Titre, .Panier_Titre {
text-align: left;
}

/**** Modifs Damien ****/
.Wrapper_ColonneGauche{
width:98%;
padding-top: 0px;
}



/*************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:#0042ac;}
.RadWindow_Metro .rwTitleBar .rwIcon{display:none;}
.RadWindow_Metro .rwTitleBar .rwTitle{padding:0; line-height:16px; margin-top:2px;}
.divLoginTitre, .divPasswordTitre, .divHello{color:#3f3e3e;}

.headerSup .divHello {
    display: none;
}

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

.lienForgetPassword {
    margin-left: 3rem;
}

.RadWindowInfosToFill{
	height: 208px !important;
}


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


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

/**** DEMO SHOP ****/

.headerShop .nav, .headerIntranet .nav {
    margin-top: 0px;
}

.Shop{
	padding: 0.5rem 0.1rem;
  box-sizing: border-box;
}

.Shop div {
  box-sizing: border-box;
}


.Shop .sfshoppingCartWrp .rgAltRow td, .Shop .sfshoppingCartWrp .rgRow td{
	display: inline-block;
}

.Shop .sfshoppingCartWrp .rgMasterTable thead{
	display: none;
}

.lnk_fds{
      float: none;
}

.blocInfoWrap {
    flex-wrap: wrap;
    width: 100%;
}

/*** SIGNATURE CONTRAT ***/

/* .linkCommande{
	margin: 0 1rem;
}

.linkCommande img{
	display: inline-block;
} */

.linkCmdWrapper {
    /* text-align: left; */
    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%!important;
		margin: 0 0 15px;
    /* margin: 50px 0 62px!important; */
        /* margin-bottom: 50px!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;
  padding-bottom: 55px!important;
}

.divSouscriptionOffreContent .RadAjax .raDiv{
	z-index: 1003;
}

.divSouscriptionOffreContent .RadAjax .raColor{
  z-index: 1002;
}

.divSouscriptionOffreContent .offreResume {
    margin: 0 0.5rem;
}

.divSouscriptionOffreContent .RadAjaxPanel, .divSouscriptionOffreContent .RadAjaxPanel > div{
  min-height: 70vh;
}

/* .listElementOffre{
  overflow: scroll;
} */

.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/navigationicons/arrow-down-bl.png?Status=Temp&sfvrsn=5ed7fec_2);
		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;
  font-size: 1rem;
}


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

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

.chiffreWrapper {
    margin: 10px 0;
}

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




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

#gridAlertes .gridRow{
	position: relative;
} */

 /* .btnWrapper{
	position: absolute;
	width: auto;
	display: table;
	opacity: 0;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	height: 10px;
	padding: 1.6rem 0.6rem 0.4em!important;
	z-index: 2;
}

.btnWrapper.active{
	opacity: 1;
	height: auto;
	display: block;
}

.AlertesWrapper .actionButtonsDiv.active, .btnWrapper{
	background: #F0F0F0;
}

.AlertesWrapper .actionButtonsDiv{
	z-index: 1;
}

.AlertesWrapper .actionButtonsDiv.active{
	z-index: 3;
} */

.btnWrapper {
    position: absolute;
    right: 0;
}

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


/* .AlertesWrapper .dxgvCommandColumn_MaterialCompact a:before{
	content: '';
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url(/images/default-source/navigationicons/icon-edit-w.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-position: center;
} */


/* .AlertesWrapper .dxgvCommandColumn_MaterialCompact a:after{
	content: 'EDITER';
	font-size: 1rem;
	color: #656565;
	display: inline-block;
	margin-left: 0.5rem;
} */

/* .AlertesWrapper .dxgvCommandColumn_MaterialCompact a:nth-of-type(2):before{
  background-image: url(/images/default-source/navigationicons/icon-deconnect-w.png);
  padding-left: 1px;
}

.AlertesWrapper .dxgvCommandColumn_MaterialCompact a:nth-of-type(3):before{
	background-image: url(/images/default-source/navigationicons/icon-delete-w.png);
} */

/* .AlertesWrapper .dxgvCommandColumn_MaterialCompact a:nth-of-type(2):after{
	content: 'EFFACER';
}

.AlertesWrapper .dxgvCommandColumn_MaterialCompact a:nth-of-type(3):after{
	content: 'DESACTIVER';
} */

/* .smsAlert, .emailAlert{
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(/images/default-source/navigationicons/icon-phone.png);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #808080;
	border-radius: 50%;
} */

/* .AlertesWrapper .dxgvDataRowAlt_MaterialCompact {
    background-color: #ffffff;
} */


/* .AlertesWrapper .actionButtonsDiv{
	display: block;
	height: 32px;
	width: 32px;
	background-color: #035085;
	border-radius: 50%;
	position: relative;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	margin: 5px;
}

.AlertesWrapper .actionButtonsDiv span, .AlertesWrapper .actionButtonsDiv span:after, .AlertesWrapper .actionButtonsDiv span:before {
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
		margin: 0 auto;
		position: absolute;
		-webkit-transition: 0.2s ease;
		transition: 0.2s ease;
}


.AlertesWrapper .actionButtonsDiv.active span, .AlertesWrapper .actionButtonsDiv.active span:after, .AlertesWrapper .actionButtonsDiv.active span:before {
    width: 20px;
    border-radius: 5px;
		background-color: #035085;
}

.AlertesWrapper .actionButtonsDiv span {
	display: block;
	top: 5px;
	left: 0;
	right: 0;
}

.AlertesWrapper .actionButtonsDiv.active span{
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
		top: 11px;
}

.AlertesWrapper .actionButtonsDiv span:before {
	content: "";
  top: 8px;
}

.AlertesWrapper .actionButtonsDiv.active span:before {
    content: none;
}

.AlertesWrapper .actionButtonsDiv  span:after {
	content: ""	;
  top: 16px;
}

.AlertesWrapper .actionButtonsDiv.active span:after {
    top: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}

.AlertesWrapper .rightCell .ans-legendItem{
	margin: 1px 0.2rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(/images/default-source/navigationicons/icon-mail.png);
  width: 25px;
  height: 25px;
  display: inline-block;
}

.AlertesWrapper .ans-legendItem.sms{
background-image: url(/images/default-source/navigationicons/icon-phone.png);
}
.AlertesWrapper .ans-legendItem.active{
	background-image: url(/images/default-source/navigationicons/icon-active.png);
	display: none;
}
.AlertesWrapper .rightCell .ans-legend,.AlertesWrapper .rightCell .ans-value{
	display: none;
}

.AlertesWrapper .rightCell .ans-legendItem:last-of-type{
	display: none;
} */



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


.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 #055084;
	color: #055084;
} */

.DemandeEnCoursWrapper .leftLeftCell{
		border-left: 3Px solid #055084;
		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: #055084;
		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: #21B0DE;
		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 #055084;
} */

.DemandeEnCoursWrapper .rightCell .ans-legendItem, .DemandeEnCoursWrapper .leftCell .ans-legendItem{
	width: 49%;
  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);
} */


/**********************/
/** 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{
    /* text-align: right; */
    color: #3896aa;
}

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



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


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


.contratsCereWrapper .groupHeader.Piece a {
    display: inline-block;
    margin: 0.2rem;
    margin-right: 0.4rem;
    /* border-radius: 50%;
    background: #055084;
    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;
}

/***** recap apport ****/


.recapApportsWrapper td.dxgvIndentCell.dxgv {
    display: none;
}

.bottomCell {
    display: table-row;
}

.recapApportsWrapper .bottomCell .ans-titleItem, .recapApportsWrapper .bottomCell .ans-legendItem {
    display: inline-block;
    padding-left: 5px;
    vertical-align: text-top;
}

.recapApportsWrapper .leftCell, .recapApportsWrapper .rightCell {
    vertical-align: top;
}

.recapApportsWrapper .ans-title.ans-h5 {
    /* color: #63666d; */
    color: #3896aa;
}





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


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


/*******/

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


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


.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::-webkit-scrollbar {
  /* width: 11px; */
}
.dxTouchNativeScrollHandle {
  scrollbar-width: thin;
  scrollbar-color: #90A4AE #CFD8DC;
}
.dxTouchNativeScrollHandle::-webkit-scrollbar-track {
  background: #CFD8DC;
}
.dxTouchNativeScrollHandle::-webkit-scrollbar-thumb {
  /* background-color: #90A4AE ;
  border-radius: 6px;
  border: 3px solid #CFD8DC; */
}



/*** shop  ***/

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

.catSubMenu{
  position: relative;
}

/* .menuCat > ul {
    width: 100%;
    display: block;
} */

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

.catSubMenu .catSubMenu {
    background: #D7DFE6;
}

/* a.sf-opened {
    color: #fff;
    background: #2A608F;
} */

/* .catSubMenu a.sf-opened {
    color: #fff;
    background: #5580A5;
} */

/* .menuCat .sf-submenu .sf-submenu a {
    background: #E6E9ED;
} */

.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: 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;
  vertical-align: middle;
  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: 50px;
  display: inline-block;
}

.divFinExp {
    margin: 0.2rem;
}


.panierWrapper{
	  position: absolute;
    top: 10px;
    left: 50px;
    max-width: 40px;
}

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

.lblMessageLivraisons, .lblMessageRetraits {
    display: block;
}


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

/*** fiche detail produit **/

.blocInfoWrap {
  width: 100%;
  flex-wrap: wrap;
}

.blocInfo {
  width: 100%;
  margin: 0.5rem 0;
}

.collapseTitle input {
  font-size: 0.8rem!important;
      padding: 0.2rem 0!important;
}

.collapseTitle::before {
  padding: 0.5rem 0;
}

.subtitleReglementaire, .subtitleLvl2Reglementaire, .blocFiche, .blocFiche .nom {
  font-size: 0.8rem;
}

.detailProduct .titleProduct, .listProductWrapper .titleProduct{
  width: 100%;
}

.titleProduct h1{
  font-size: 1.2rem;
}
.subtitleProduct, .titleReglementaire{
  font-size: 1.3rem;
}

.priceProductHT {
  font-size: 1.6rem;
}


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


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


/** 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 img, .bannerDashboard .dashboardTitle{
  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;
}


/** tableau liste de document **/

.tableDocList .sfdownloadType, .tableDocList .sfdownloadSize, .tableDocList .sfdownloadDate {
    display: none;
}

.tableDocList .sfdownloadCell{
    font-size: 0.8rem;
    width: 60px!important;
}

.tableDocList {
    max-width: 100%;
}


/**/

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

/*.wrapperAliments .itemPanierLeft .titleProduct {
  width: calc(100% - 80px);
}*/

.wrapperAliments .imgProduct.imgLine{
  display: none;
}


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

/** entete multi catalogue **/

.enteteEcommandeImg img{
  display: none;
}

.enteteEcommande h1 {
  font-size: 1.3rem;
  line-height: 1.5rem;
 }
 
 .enteteEcommande h2 {
   font-size: 0.7rem;
 }


/* a supr si pas ancien panier*/
.sectionRightPanier .itemCard {
  margin: 0 0.3rem 0.6rem 0;
  word-break: break-word;
}


/**/

 .listAllDocEnCours .itemAllDocEnCours, .itemAllDocEnCours.itemCertiEnCours:nth-of-type(3n +1){
  width: calc(100% - 2rem);
  margin: 1rem;
}

.uploadAllDocWrapper .RadUpload_Metro .ruSelectWrap .ruButton {
  white-space: normal;
  height: auto;
}

.itemAllDocEnCours:nth-of-type(3n +1) {
  margin-left: 1rem;
}

/**/

.telepacEnCoursWrapper .itemTelepacEnCours{
  flex-direction: column;
  margin: 2rem 0.5rem;
}
  
.telepacEnCoursWrapper .blocDurableAvance {
  margin-top: 0;
}

.blocEstimationDurable, .blocJustifDurable {
  padding: 0.5rem;
  width: 100%;
}

.blocEstimationDurable{
  border-right: none;
  border-bottom: 1px solid #cdcdcd;
}

.blocEstimationDurable > .cultureDurableAvance, .cultureDurableAvanceWrapper {
  flex-direction: column;
}

.cultureDurableAvance:not(:first-of-type) .labelDurableAvance {
  display: inline-block;
}

.cultureDurableAvance:not(:first-of-type){
  border-left: none;
}

.cultureDurableAvance {
  margin-bottom: 2rem;
  width: 100%;
}

.cultureDurableAvance .pourcentageDurableAvance {
  justify-content: space-between;
}

.cultureDurableAvance:first-of-type .titreCultureDurableAvance {
  text-align: center;
}

.pourcentageDurableAvance .labelDurableAvance {
  margin: 0 auto 0 0;
}

.legendBtnDurableAvance{
  text-align: left;
  max-width: calc(100% - 115px);
}

/**/

.chartWrapper{
  padding: 0 3rem;
}

.etatComWrapper .RadHtmlChart svg {
  overflow: visible!important;
}

.itemTitleEtatComWrapper {
  text-align: center;
}

.contratsExterneContainer{
  max-width: none;
  width: 100%;
  margin: 1rem 0 0;
}

.itemEtatComWrapper {
  width: 100%;
}

.etatComWrapper .listRecolteEtatCom {
  margin-bottom: 0.5rem;
}

.etatComWrapper .inputEtatComWrapper:not(.inputBtnEtatComWrapper) {
  width: 49%;
}

.etatComWrapper .inputEtatComWrapper.wrapperSeuilDeCo {
  width: calc(100% - 65px);
  margin-top: 1rem;
}


.etatComWrapper .lblInput {
  font-size: 0.85rem;
}