/*  CCS Complétaire VENDE EAU */


/* Modification de la police de caractère
html,body,abbr,blockquote,q,cite,sub,sup,h1,h2,h3,h4,h5,h6,a, p{
	font-family: 'AvenirNext','Montserrat','sans-serif' !important;  
}*/

/****************************************************/
/***********   Personalisation Admin       *********/

/*Boutons M'inscrie et Me connecte*/
ul.nav-connexion {
    width: fit-content;
}

ul.nav-connexion li  a{
				height: 15x;
				width: fit-content;
				font-size: 12px;
				font-weight: bold;
				background-color:#B4C837;
				border-radius: 8px;
				color:  #ffffff;
				text-align:center;
				box-shadow:none;
				text-shadow:none;
}


#text{
			display:none;
}
ul.nav-connexion li a:hover {
	 font-weight: bold;
	 color: #000;
	 box-shadow:none;
	 text-shadow:none;
}



.btn-primary {
	-webkit-text-size-adjust: 100%;
    /*font-family: 'AvenirNext','sans-serif'!important;*/
    text-decoration: none;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 8px;
    color: #fff;
    background-image: linear-gradient(to bottom,#B4C837,#B4C837);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    float: right;
    font-size: 14px!important;
    width: 200px;
    margin-bottom: 2px;
    background-color: #B4C837 !important;
	
}

.btn{
	background-color: #B4C837 !important;
	background-image: linear-gradient(to bottom,#B4C837,#B4C837);
	color: #fff;
	border-radius: 8px;
	/*font-family: 'AvenirNext','sans-serif'!important;*/
    text-decoration: none;
	line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
	 text-shadow:none !important;

}

.btn-cover {
	-webkit-text-size-adjust: 100%;
    /*font-family: 'AvenirNext',sans-serif!important;*/
    text-decoration: none;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    background-image: linear-gradient(to bottom,#B4C837,#B4C837);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    float: right;
    border-radius: 8px;
    font-size: 12px!important;
    padding: 2px 6px!important;
    width: 200px!important;
    margin-bottom: 2px;
    background-color: #B4C837 !important;
}

.btn-cover a {
	color: #fff;
}

.footer-top {
 
    background-color: #f0f0f0;
	/*box-shadow: 1px 7px 14px rgb(0 0 0 / 50%);*/
	box-shadow: -1px 13px 13px rgb(0 0 0 / 50%);
}

.footer-wrapper{
    background-color: #edf5f5 !important;
	box-shadow: -1px 13px 13px rgb(0 0 0 / 50%);
}


.footer-bottom {
    background-color: #5eb2ca;
	box-shadow: -1px 13px 13px rgb(0 0 0 / 50%);
}

#footerUsager h1, #footerUsager h2, #footerUsager h3, #footerUsager h4, #footerUsager p, #footerUsager a, #footerUsager strong {
    color: #000000 !important;
}


.footer-wrapper h1, .footer-wrapper h2, .footer-wrapper h3, .footer-wrapper h4, .footer-wrapper p, .footer-wrapper a, .footer-wrapper strong {
    color: #000000 !important;
}


.carousel-caption {
    position: absolute;
    right: 908px;
    left: auto;
    bottom: 65px;
    width: 18%;
	padding: 0px;
}
  
/*

#demoFacture
{ background-image: url("/Portail/fr-FR/Document/AfficherImage/?code=aide_attacher_abo")!important; 
   
}
#demoFacture:hover {
	-webkit-transform:scale(1.7);
	transform:scale(1.7);
}
*/
#demoFacture {
	background-image: none !important;
	display:none;
}

/* CSS formulaire nouvel abonnement */
.btn-group>.btn:active, .btn-group>.btn.active {
    z-index: 2;
	margin-left: 1em;
    background-color: #B4C837;
}

.btn-group>.btn+.btn {
    margin-left: 1em;
}

.assistant-contenu {

    min-height: 560px;
    height: fit-content !important;
}


.bwizard-steps .active {
    background: #5eb2ca !important;
}

.bwizard-steps .active:after {
    border-left-color: #5eb2ca !important;
}

label {

    line-height: 30px !important;
}

form label {

    font-size: 14px !important;
    font-weight: 550 !important;
}



/* Gestion bannière */

@media (max-width: 768px) {
 .banniere{
    background-image: none !important;
}