@charset "UTF-8";
/* CSS Document */
header.Header .sf_colsOut.sf_3cols_1_33{width:52% !important;}
header.Header .sf_colsOut.sf_3cols_2_34, header.Header .sf_colsOut.sf_3cols_3_33{width:24% !important;}

header.Header .Logo img {
    width: 85%;
    /* margin: 18px 0 10px 14px !important; */
    margin: 5px 0 0px 10px;
    max-width: 90px;
}

/* header.Header .Logo p{margin-left:10px; font-size:11px;} */

.Logo p{
	display: none;
}


.widgetExtranet{float:none; margin:0; padding:0;}
.widgetExtranet .pcClass .notAuthPanel{display:none;}
.widgetExtranet .phoneOnly{display:block;}
.widgetExtranet .phoneOnly input
{
	border:none;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
	padding-top:29px;
	padding-bottom:12px;
	text-align:center;
	background-color:#53ad4c;
	font-family:'Cuprum', sans-serif;
	width:100%;
}
.phoneOnly{margin:-1px 1px 1px; border:solid 1px transparent;}
.widgetExtranet .phoneOnly input:hover{cursor:pointer; background-color:#66cc66;}

.divLogin, .divPassword{
  text-align: left;
}

.divLoginTitre, .divPasswordTitre{color:#000;}
.widgetExtranet .lblHello, .widgetExtranet .divTitreExtranet{display:none;}
.k-window-title{font-size:18px; color:#000;}
.divLogin, .divPassword{margin-top:8px;}
.divLoginTitre, .divPasswordTitre{width:80px;}
.divLoginContent input, .divPasswordContent input{width:150px;}
/* .divLoginContent, .divPasswordContent{width:50%;} */
.lienConnexion{
	color:#000;
	/* margin-top:8px; */
}
.lienConnexion:hover{border-bottom:solid 1px #000;}
.authPanel{margin-left:0; padding-top:4px;}

.divExtranetHome, .divCompte, .divDisconnect, .imgExtranetHome, .imgCompte, .lienDeconnexion{
	/* width:26px;
	height:26px;
	background-size:auto 26px; */
	width: 21px;
height: 21px;
background-size: auto 25px;
}

.imgCompte{background-position:-26px 0;}
.lienDeconnexion{background-position:-52px 0;}

.imgExtranetHome{background-image:url(/Sitefinity/WebsiteTemplates/Ducroquet/App_Themes/Ducroquet/Images/Icones/icones_extranet.png);}
.imgExtranetHome:hover{background-image:url(/Sitefinity/WebsiteTemplates/Ducroquet/App_Themes/Ducroquet/Images/Icones/icones_extranet_ON.png);}
.imgCompte{background-image:url(/Sitefinity/WebsiteTemplates/Ducroquet/App_Themes/Ducroquet/Images/Icones/icones_extranet.png);}
.imgCompte:hover{background-image:url(/Sitefinity/WebsiteTemplates/Ducroquet/App_Themes/Ducroquet/Images/Icones/icones_extranet_ON.png);}
.lienDeconnexion{background-image:url(/Sitefinity/WebsiteTemplates/Ducroquet/App_Themes/Ducroquet/Images/Icones/icones_extranet.png);}
.lienDeconnexion:hover{background-image:url(/Sitefinity/WebsiteTemplates/Ducroquet/App_Themes/Ducroquet/Images/Icones/icones_extranet_ON.png);}

.divIcones{margin-top:-12px;}
.divMultiUser{position:absolute; top:66px; right:4px;}

.divLoginContent input, .divPasswordContent input{
	    border: 1px solid #cdcdcd;
}

/************************************MENU*********************************************/
.Menu{position:initial;}
#navigationTablette{display:block; margin:-1px 4px 1px 1px; border:solid 1px transparent;}
#navigationPc{display:none;}
.menuButton{display:block;}
.sfNavWrp.nav .sfNavToggle{display:none;}

.menuButton
{
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	padding:30px 14px 12px;
	background-color:#46943f;
}
.menuButton:hover{background-color:#53ad4c;}
.Wrapper_Menu{float:right; margin-top:-44px;}

.Menu{position:initial;}
.Menu a{padding-top:8px; padding-bottom:8px;}
.menuToplevelItem{font-size:22px;}
.submenuItem{font-size:18px;}

.navTablette
{
	display:none;
	padding:0;
	border-top: solid 2px #FFF;
	/*background-color:#099;*/
	position: absolute;
	left:0;
	width:100%;
	text-align:center;
	margin-top: 10px;
	margin-bottom:10px;
	z-index:100;
}

.navTablette .submenuContainer
{
	display: none; /*!*/
	padding: 0;
	margin: auto;
	background-color:#0CC;
}

/*.Menu li li:first-child a{background-color:#0CC !important;}*/
.navTablette .submenuContainer .submenuItem a:hover{background-color:#66cc66 !important;}

.Menu li{border:none; margin:0;}


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

.Bandeau{height:120px; margin-bottom:0;}
.Bandeau img{max-height:120px;}

#Contenu .sf_fixedCustom{width:100% !important; position:relative;}
#Contenu .sf_auto{width:100% !important; padding-left:0;}

#Contenu .ColonneGauche{padding-bottom:3px; border-right:none;}

#Contenu .ColonneGauche_Titre{font-size:22px;}
#Contenu .ColonneGauche_Titre .sfContentBlock{padding:24px 0 0 14px;}

.Footer{font-size:11px;}
footer img{width:100px; margin:5px;}

.Wrapper_Actus{display:none;}


/**********************************NAVIGATION EXTRANET***********************************/
.boutonMenuExtranet
{
	display:block;
	background-color:#53ad4c;
	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:10px;
}
.boutonMenuExtranet:hover{cursor:pointer; background-color:#66CC66;}
#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:#46943F;}
#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:#53ad4c;}
#ExtranetnavigationPhone .submenuContainer
{
	list-style:none;
	margin:0;
	padding:0;
}
#ExtranetnavigationPhone .submenuContainer .menuItem{background-color:#53ad4c;}
#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:#66CC66;}
#ExtranetnavigationPhone .submenuContainer .submenuContainer .menuItem{background-color:#66CC66;}
#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:#72ee72;}


#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);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-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;}


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



/*********************************MEP************************************/
.Wrapper_Texte h1{margin-left:0;}
.sf_colsOut.sf_4cols_1_25 .sf_colsIn, .sf_colsOut.sf_4cols_2_25 .sf_colsIn, .sf_colsOut.sf_4cols_3_25 .sf_colsIn, .sf_colsOut.sf_4cols_4_25 .sf_colsIn{margin-left:0 !important; margin-right:0 !important;}
.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:50% !important;}
.Contenu h1{margin-left:0;}

.Titre, .Titre_Vert, .Titre_Noir{margin-left:0;}

.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}
.Raccourcis a{font-size:12px;}

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

.RadWindowLogin .divLogin{
	margin-top: 5px;
}

/*******************NIVO SLIDER******************/
.nivoSlider img{max-height:120px; width:auto !important;}


/******/


.newWidgetInfos .divAdresseItem, .divAdresseInsertItem, .divAdresseEditItem{
	box-sizing: border-box;
}

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

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

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




/*********/


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

/**/

.myriadCol > .sf_colsIn::before{
  content: none;
}

.myriadWrapper .logoMyriad {
    display: block;
}

/**/

.imgActuCol{
	margin: 1rem auto;
  display: block;
  max-width: 100%
}

.textActuCol{
    width: 100%;
}

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

.lieuMeteoWrapper .sbVille{
	max-width: 50%;
}

.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 > div {
    background: #f8f8f8;
}

.weatherToday h2 {
    text-align: center;
}

/**/

.BlocConnexion .widgetExtranet .pcClass .notAuthPanel {
  display: block;
}

.InfoConnexion:after {
  right: -10px;
}

.BlocConnexion{
  padding: 0;
}

.BlocConnexion .divLoginTitre,
.BlocConnexion .divPasswordTitre{
  width: auto;
}

.titreBlanc,
h2.titreBlanc {
  font-size: 1.8rem;
}