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

p{
font-family: "Open Sans",arial, verdana, sans-serif !important;
font-size: 16px !important;
}
h1, h2, h3, p, strong {
 color: #555 !important;
font-family: "Open Sans", Arial, sans-serif !important;
}
p1, strong {
 color: #fff !important;
font-family: "Open Sans",Helvetica,Arial,sans-serif !important;
}
h1, h2, h3, strong {
 color: #0099cc !important;
font-size: 18px !important;
}
a strong, a span {
 color: #fff !important;
}

ul li a span {
 color: #000 !important;
}

.top_line {
    background-color: #0099cc;
}

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

.icon-medium {
	color: #555 !important;
}

/*Ajouts*/
#conversationMessages strong {color:#000}
@media (min-width: 980px) {
	
.banniere{display:table;width:100%;padding:0 !important}
	.banniere .row-fluid{display:table-cell;width:50%;vertical-align:middle;text-align:right
	;padding:0;margin:0
	}
	
	.banniere .logo{width:100%;text-align:left}
}

@media (max-width: 767px) {
	
}
h2 { padding-bottom: 25px; color:#0099cc;}
h2 span{ color:#0099cc !important; }

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

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


.span12 {padding:0px 0px;}
.footer-bottom .span12 {padding:0px 0px;}
.footer-wrapper { background-color: #0099cc;}

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

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


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

#slider{
text-align: center;
background-position: 50%;
background-size: cover;
width: 100%;
background-image: url(/Portail/Content/Images/Theme/consommations.jpg);
    margin-top: 1em;
    margin-bottom: 2em;
}

#slider .blockslider{
color: #fefefe !important;
width: 100%;
background-color: #0099cc/*rgba(0,159,227,.8)*/;
max-width: 300px;
padding: 3rem 4rem;
}
#slider .blockslider p, #slider .blockslider H2 , #slider .blockslider p strong {color:#fff !important;font-weight:bold}
#slider .blockslider h2{font-size:1.5em !important;font-weight:bold;}












	.nav-pills > li:first-child > a.btn {
		 border-right:1px solid #FFF !important;
		
	}
.nav-pills > li > a.btn {font-size:14px}

.nav-pills {margin-top:30%}

.navbar-inner {border: 0px;}



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

.main-block h2 span {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(/Portail/fr-FR/Document/AfficherImage/?code=icon-edit) no-repeat;
	background-position: top center;
	background-size: 56px 56px;
}
.main-block .span12 .hero-list div:nth-child(2).grey-box{
	background: url(/Portail/fr-FR/Document/AfficherImage/?code=icon-dashboard) no-repeat;
	background-position: top center;
	background-size: 56px 56px;
}
.main-block .span12 .hero-list div:nth-child(3).grey-box{
	background: url(/Portail/fr-FR/Document/AfficherImage/?code=icon-euro) no-repeat;
	background-position: top center;
	background-size: 56px 56px;
}
.main-block .span12 .hero-list div:nth-child(4).grey-box{
	background: url(/Portail/fr-FR/Document/AfficherImage/?code=icon-chart) no-repeat;
	background-position: top center;
	background-size: 56px 56px;
}



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


.icon-medium {
    font-size: 25px !important;
}

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

.footer-bottom{background-color:#00;}


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

.btn {
	border:1px solid #fff !important;
	background-color:#0099cc !important;
	background-image:none !important;
	text-shadow:none !important;
	color:#FFF !important;
}

.btn span {color:#fff !important}
.btn.active, .btn:hover {background-color:#00b5cc !important;}
body .assistant-contenu{height:auto;}
.btn-group > .btn:active, .btn-group > .btn.active {
    background-color: #00b5cc  !important;
}
.bwizard-steps .active:after {
    border-left-color: #0099cc; !important;
}
del{display:none}
 .bwizard-steps .active{
	 
	 background-color:#009fe3 !important;
 }
.footer-bottom H2 a,.footer-bottom H2{text-align:center;color:#fff}


.navbar .nav .active a>i, .navbar .nav .active a>i:hover {
    color: #0099cc;}
.navbar .nav .active>a
, .navbar .nav li:hover>a {
    border-top: 3px solid #0099cc;}

.nav>li:hover a, .navbar .nav>li:hover a i {
    color: #0099cc;
}

.navbar .nav .active>a, .navbar .nav .active>a:hover, .navbar .nav .active a>i, .navbar .nav .active a>i:hover {
    color: #0099cc;
}
/* 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);
}
/* Changer la couleur de l'icone carte bleu de paiement*/
/* si paiement possible avant bleu color: #006dcc vert :#66CC00 */
a.facture-depassement span{
/*font-size: 25px!important;*/
color: #ff0000!important;
}

a.facture-regler span{
/*font-size: 25px!important;*/
color: #006dcc!important;
}



@media (max-width: 767px) {

  
.main-block {padding: 0px 5px !important;height}
.main-content .main-block .span12 p:first-child {padding: 5px !important;}



}