@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Dosis');

body{
	font-family: 'Roboto', sans-serif;
	background-color: #edf7ff;
}

h2 {padding-bottom: 25px;color:#0364a8}
h2 span{color:#0364a8 !important;}

hr {
	border-bottom:1px solid #a5daff;width:60px;margin:auto;padding:auto;
}

p {line-height:21px; font-family: 'Arial', sans-serif;}

.top_line {
    height: 50px !important;background-color:#0364a8;
}
.span12 {padding:0px 0px;}
.footer-bottom .span12 {padding:10px 0px;}

#out_container {box-shadow:none !important;}

#myCarousel img{
    height:400px;
	width:100%;
}

.banniere {
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 0px 15px 0px 15px !important;
    height: 170px !important;
    background-size: 100% auto !important;
}

.nav-collapse {
	text-align:center;
	width:100%;
	}

.nav-collapse ul {
        display: inline-block !important;
        margin: auto !important;
        padding: auto !important;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;
    }

.nav-collapse ul li{
	background-color:rgba(165, 218, 255, 0.4);
	margin:0 2px;
}

.nav-connexion {
    margin-top: -95px !important;
}

.nav-connexion > li:first-child {background: url(http://www.grand-nancy.org/gn/eau/Portail/Content/Images/Libs/user.png) no-repeat left;background-size: 25px 25px;}

.navbar .nav {float:none !important}


.navbar .nav > li {
	border-right:0px;
	font-family: 'Dosis', sans-serif;
}
.navbar .nav > li > a {font-size:15px !important;	letter-spacing: 1px;border-bottom:1px #bdcdef solid;}

.navbar .nav > li > a, .navbar .nav > li a {padding: 10px 5px 8px !important;}
.navbar .nav .active > a, .navbar .nav li:hover > a {padding-top:15px !important;}


.nav-pills > li > a {
	background-color:transparent !important;
	color:#fff;
	font-size:15px;
}

.navbar .nav .active > a, .navbar .nav li:hover > a {
    border-bottom:1px solid #a5daff;
	border-top:0px !important;
	color:#0364a8;
}

.navbar .nav>li.single a i {
	background: none;
	font-family: arial;
	letter-spacing: 0px;
	margin-top: 10px;
}

.nav-pills > li > a.btn {
	border:0 !important;
	background-color:transparent !important;
	background-image:none !important;
	text-shadow:none !important;
	box-shadow:none !important;
	line-height: 10px;
	font-family: 'Dosis', sans-serif;
}
	

	.nav-pills > li:first-child > a.btn {
		 border-right:1px solid #FFF !important;
		 padding-left:35px;
	}

.navbar-inner {border: 0px;}
.carousel-inner {padding: 20px 0 40px;}
.carousel-caption {background:url("") top left no-repeat rgb(31,54,104,1) !important;width: 40% !important;}
.carousel-caption h4{font-family: 'Dosis', sans-serif;font-size:20px;}
.carousel-control {border:0px;background: #4d9ed7;font-size: 45px;line-height: 35px;}

.main-block {padding: 10px 135px 0 135px;}

.main-block h2,.main-block h2 span {text-align:center !important;font-family: 'Dosis', sans-serif;font-size:25px;letter-spacing: 1px}

.main-block h2 span {text-transform:uppercase;line-height: 25px;}

.main-block .grey-box p{text-align:center !important;}
.grey-box {
	min-height:180px !important;
	box-shadow:none !important;
	border:0 !important;
	padding-top: 70px;

}
.hero-list {
    padding-top: 30px;
}

.main-block .span12 .hero-list div:first-child.grey-box{
	background: url(https://www.grandnancy.eu/fileadmin/fichiers/VIVRE_ET_HABITER/Eau/Portail/goutte_01.png) no-repeat;
	background-position: top center;
	background-size: 45px 56px;
}
.main-block .span12 .hero-list div:nth-child(2).grey-box{
	background: url(https://www.grandnancy.eu/fileadmin/fichiers/VIVRE_ET_HABITER/Eau/Portail/goutte_02.png) no-repeat;
	background-position: top center;
	background-size: 45px 56px;
}
.main-block .span12 .hero-list div:nth-child(3).grey-box{
	background: url(https://www.grandnancy.eu/fileadmin/fichiers/VIVRE_ET_HABITER/Eau/Portail/goutte_03.png) no-repeat;
	background-position: top center;
	background-size: 45px 56px;
}
.main-block .span12 .hero-list div:nth-child(4).grey-box{
	background: url(https://www.grandnancy.eu/fileadmin/fichiers/VIVRE_ET_HABITER/Eau/Portail/goutte_04.png) no-repeat;
	background-position: top center;
	background-size: 45px 56px;
}

.main-content .main-block .span12 p:first-child {
	padding: 30px 70px;
	font-family: dosis;
	color: #0364a8;
	margin: 0;
	line-height: 27px !important;
	text-align: center;
	font-size: 20px;
}

.main-content .main-block .span12 .visible-desktop {
    display: none !important;
}
.icon-medium {
    font-size: 25px !important;
}

.footer-top{background-color:#a5daff}
.footer-wrapper{background-color:#4d9ed7}
	.footer-wrapper .main-block .span4:nth-child(3){text-align:right;}

.footer-bottom{background-color:#0364a8;}
.footer-bottom p {line-height: 15px;}

.bwizard-steps {width: 100% !important;}

.btn {
	border:0px !important;
	background-color:#0364a8 !important;
	background-image:none !important;
	text-shadow:none !important;
	color:#FFF !important;
}

.btn:hover {background-color:#4d9ed7 !important;}

.btn-group > .btn:active, .btn-group > .btn.active {
    background-color: #4d9ed7  !important;
}
/* Changer la couleur de l'icone carte bleu de paiement dépassement */
/* GRIS */
a.facture-depassement span{
color: #CCCCCC!important;
}


/* Personnalisation de l'image d'aide au rattachement d'un abonnement
*********************************************************************
Prérequis : 
créer un document dans l'administration de l'AEL avec l'image souhaitée ayant 
pour code : aide_attacher_abo */
#demoFacture
{ background-image: url("/Portail/fr-FR/Document/AfficherImage/?code=aide_attacher_abo")!important; 
   
}
/* Zoom lors du survol de l'image d'aide au rattachement d'un abonnement*/
#demoFacture:hover{
	-webkit-transform: scale(1.7);
    transform: scale(1.7);
}
/* si nous souhaitons ne pas afficher l'image d'aide au rattachement*/
/*#demoFacture
{ background-image: none !important;  
}*/
/* icone affichage mot de passe*/
button#viewPwdIcone {
                border: none;
                vertical-align:top;
                height: 30px;
                width: 30px;
                background: none;
}
/*précision graphique télérelève : rendre invisible la liste déroulante*/
#PointDInstallation_ReleveGraphiqueGranulariteSITR{
	display: none !important;
}


@media (max-width: 767px) {
  .banniere {
     height: auto !important;
  }
  .main-block {padding: 0px 5px !important;}
  .main-content .main-block .span12 p:first-child {padding: 5px !important;}