/*
Solutions pour les employeurs
https://pvwww.desjardins.com/entreprises/solutions-employeurs/index.jsp
*/

p + div.cd-panel.c-bg-tableau{margin-top:20px}

.cd-panel .gutter-20.cd-grille > * {
	margin-left: 9px;
	margin-right: 9px;
}


/*
Gestion de la paie et de vos employés
https://www.desjardins.com/entreprises/solutions-employeurs/gestion-paie-et-employes/index.jsp
*/
#bloc-tiroirs {margin-top:25px}
#page:not(.mobile) #interne{padding-left: calc(150px - 10%)}
.input-text{width: 9.375rem}/*
Solutions pour les employeurs
https://pvwww.desjardins.com/entreprises/solutions-employeurs/index.jsp
*/

p + div.cd-panel.c-bg-tableau{margin-top:20px}

.cd-panel .gutter-20.cd-grille > * {
	margin-left: 9px;
	margin-right: 9px;
}


/*
Gestion de la paie et de vos employés
https://www.desjardins.com/entreprises/solutions-employeurs/gestion-paie-et-employes/index.jsp
*/
#bloc-tiroirs {margin-top:25px}
#page:not(.mobile) #interne{padding-left: calc(150px - 10%)}
#zone-centrale ul.cd-liste.g-paie{padding-left: 8px;}
.input-text{width: 9.375rem}
.input-select{width: 20.125rem}
.input-text, .input-select{
	 margin-top: 10px; 
	 margin: 10px;
	 height: 2.75rem;
	 }
.cd-panel.centre strong, #mensualite, .blocMessageErreur{margin-left: 10px}
#btn-calculer{align-self: flex-end}
button#btnCalculer{margin-bottom: 0px; height: 2.75rem}
#resultatFinal{
	 width: 230px;
	 background-color: #f2f2f2;
	 vertical-align: middle;
	 line-height: 44px !important;
	 padding-left: 10px;
	 margin: 10px;
	 height: 2.75rem
	 }
html[style="font-size: 150%;"] #zone-centrale ul.multi-colonnes,
html[style="font-size: 150%;"] #zone-centrale ol.multi-colonnes,
html[style="font-size: 200%;"] #zone-centrale ul.multi-colonnes,
html[style="font-size: 200%;"] #zone-centrale ol.multi-colonnes {
    padding-left: 1em;
    -moz-column-count: 1;
    -moz-column-gap: 1em;
    -webkit-column-count: 1;
    -webkit-column-gap: 1em;
    column-count: 1;
    column-gap: 1em;
}
html[style="font-size: 150%;"] #zone-centrale .tiroir-allege .contenu-allege,
html[style="font-size: 200%;"] #zone-centrale .tiroir-allege .contenu-allege { padding: 0 20px 0 0}

.cd-45{
	flex-basis: 45%;
	max-width: 45%;
}
#zone-centrale ul li span.strong{
    font-weight: bold;
	 display: block;
}

.cd-bloc-info.solutions-mieux-etre{
	 background-image: url(/ressources/images/c40-mieux-etre-employes.jpg);
	 background-size: cover;
}


/* 
Gestion du mieux-être de vos employés 
https://pvwww.desjardins.com/entreprises/solutions-employeurs/mieux-etre-employes/index.jsp 
*/ 
 
p + div.cd-table-wrap {margin-top:20px} 
dl dt {line-height: 1.75rem} 
 
 /*  Blocs   */  
.cd-grille .cd-bloc-info.solutions-mieux-etre {
    background-image: url(/ressources/images/c40-solutions-employeurs.jpg);
    background-size: cover;
}
.cd-grille .cd-bloc-info.gestion-paie {
    background-image: url(/ressources/images/c40-paie-employes.jpg);
    background-size: cover;
}
.input-select{width: 20.125rem}
.input-text, .input-select{
	 margin-top: 10px; 
	 margin: 10px;
	 height: 2.75rem;
	 }
.cd-panel.centre strong, #mensualite, .blocMessageErreur{margin-left: 10px}
#btn-calculer{align-self: flex-end}
button#btnCalculer{margin-bottom: 0px; height: 2.75rem}
#resultatFinal{
	 width: 230px;
	 background-color: #f2f2f2;
	 vertical-align: middle;
	 line-height: 44px !important;
	 padding-left: 10px;
	 margin: 10px;
	 height: 2.75rem
	 }
html[style="font-size: 150%;"] #zone-centrale ul.multi-colonnes,
html[style="font-size: 150%;"] #zone-centrale ol.multi-colonnes,
html[style="font-size: 200%;"] #zone-centrale ul.multi-colonnes,
html[style="font-size: 200%;"] #zone-centrale ol.multi-colonnes {
    padding-left: 1em;
    -moz-column-count: 1;
    -moz-column-gap: 1em;
    -webkit-column-count: 1;
    -webkit-column-gap: 1em;
    column-count: 1;
    column-gap: 1em;
}
html[style="font-size: 150%;"] #zone-centrale .tiroir-allege .contenu-allege,
html[style="font-size: 200%;"] #zone-centrale .tiroir-allege .contenu-allege { padding: 0 20px 0 0}

.cd-45{
	flex-basis: 45%;
	max-width: 45%;
}
#zone-centrale ul li span.strong{
    font-weight: bold;
}

.cd-bloc-info.solutions-pay{
	 background-image: url(/ressources/images/c40-paie-employes.jpg);
	 background-size: cover;
	 background-position-y: center;
}

/* 
Gestion du mieux-être de vos employés 
https://pvwww.desjardins.com/entreprises/solutions-employeurs/mieux-etre-employes/index.jsp 
*/ 
 
p + div.cd-table-wrap {margin-top:20px} 
dl dt {line-height: 1.75rem} 
 
 /*  Blocs   */  
.cd-grille .cd-bloc-info.solutions-mieux-etre {
    background-image: url(/ressources/images/c40-solutions-employeurs.jpg);
    background-size: cover;
}
.cd-grille .cd-bloc-info.gestion-paie {
    background-image: url(/ressources/images/c40-paie-employes.jpg);
    background-size: cover;
}




/* ####### pas encore client? ####### */
.cd-bloc-info.pas-encore-client {background-image: url(/ressources/images/c40-nouveau-client.jpg)}
.cd-grille .cd-bloc-info.pas-encore-client {background-image: url(/ressources/images/c40-nouveau-client.jpg); background-size: cover;}
.cd-bloc-info.pas-encore-client .ic-service-clientele:before {background-image: url(/ressources/images/ic-n1-entreprise-rond-lime.svg)}