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

p{
font-family: 'BebasNeue-Regular',sans-serif !important;
font-size: 16px !important;
}
h1, h2, h3, p, strong {
 color: #1D1D1B !important;
font-family: 'BebasNeue-Regular',sans-serif !important;
}
h1, strong {
 color: #f1592a !important;
font-size: 18px !important;
}
h2, h3, strong {
 color: #0092B4 !important;
font-size: 18px !important;
}
p1, a strong, a span {
 color: #fff !important;
}

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

#footerUsager h1, #footerUsager h2, #footerUsager h3, #footerUsager p, #footerUsager strong{
 color: #fff !important;
}
.footer-top {
height: 5px;
background-color: #BF1E2E !important ;
}
.footer-wrapper {
background-color: #BF1E2E !important ;
}
.footer-bottom {
background-color: #BF1E2E !important ;
}

.icon-medium, .icon-large {
	color: #F68B1F !important;
}



a.active {
background-color: #F68B1F !important;
}

/* Retrait de l'icone de loupe dans le tableau de factures */
#tableFactures .modal-facture .icon-search {
	display: none;
}


/* 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; 
   height: 300px;
}
/* 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);
}

/* zoom 1.2 par rapport   la taille d'origine */
/* utilis  par exemple pour les bouton image des bloc de la page d'accueil */
/*Pour ceux-ci appel  class="zoom12" dans le html d'un span qui englobe le lien et l'image
sinon image zoom e tronqu e
<span style="text-align:center" class="zoom12"> */
.zoom12:hover img { 
 -webkit-transform: scale(1.2);
    transform: scale(1.2);
}



/* Les boutons */
.btn {
	border:					1px solid #fff !important;
	background-color:		#F68B1F !important;
	background-image:		none !important;
	text-shadow:			none !important;
	color:					#FFF !important;
}

.btn span {
	color:					#fff !important;
}

.btn.active, 
.btn:hover {
	background-color:		#BF1E2E !important;
}
/* Bouton upload fichier */
input#file-upload-button{

  background-color:#F68B1F!important;
}
input#file-upload-button.active, 
input#file-upload-button:hover {
	background-color:		#BF1E2E !important;
}

/*Menu Synthese abonnement*/
#synthese #menuAbonnementSynthese .title {
	position:				relative;
	display:				block;
	/* margin:				2rem -1.25rem 1.25rem;*/
	background:				#F68B1F !important;
	color:					#ffffff !important;
	-webkit-transition:		background .25s ease-out;
	transition:				background .25s ease-out;
}

#synthese #menuAbonnementSynthese .title.active,
#synthese #menuAbonnementSynthese .title:hover,
#synthese #menuAbonnementSynthese .title:focus {
	background:				#BF1E2E!important;
}

#synthese #menuAbonnementSynthese .title h3,
#synthese #menuAbonnementSynthese .title.active h3 {
	/*position:				relative;
	height:					auto;
	margin:					0;
	padding:				.75rem 2rem;*/
	background:				none !important;
	color:					#ffffff !important;
	font-family: 'BebasNeue-Regular',sans-serif !important;
	font-weight:			bold;
	/*font-size:			1rem;*/
	text-align:				center;
}
#synthese #menuAbonnementSynthese .icon-medium {
	color:					#ffffff !important;
}

/* Changer couleur ligne page du site */
.top_line {
	background-color:		#BF1E2E;
}

/* Changer couleur ligne onglet de navigation ex: rouge */
.navbar .nav .active>a, 
.navbar .nav li:hover>a {
	border-top:				3px solid #BF1E2E;
}


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




/* pour que les boutons image des blocs de l'accueil soit centr s */
.hero-block-2 p img {
    float: inherit;
}

/* Gestion des Blocs de la page d'accueil si les 4 ne doivent pas  tre affich s */
/*********************************************************************************/
/*
.main-block .span12 .hero-list div:first-child.grey-box,
.main-block .span12 .hero-list div:nth-child(2).grey-box, 
.main-block .span12 .hero-list div:nth-child(3).grey-box {	
	width:				33%;	
}

.main-block .span12 .hero-list div:nth-child(4).grey-box {
	display:			none
}
*/

/* 
	Style notice demande résiliation
	classe composant wrapper : .wrap
*/

.wrap {
  max-width: 1000px;
  margin: 40px auto;
}

.wrap.card {
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  padding: 28px;
  text-align: center;
}

.wrap h1,
.wrap h2,
.wrap strong {
  color: #1a202c !important;
  font-weight: 600;
}

.wrap h1 {
  font-size: 22px !important;
}

.wrap .row h2 {
  margin: 0 0 6px;
  font-size: 1.15rem;
}

.wrap .lead {
  margin: -6px 0 18px;
}

.wrap .row {
  display: flex;
  align-items: flex-start;
  padding: 14px 0;
  border-top: 1px solid #edf2f7;
  margin: 0;
}

.wrap .row:first-of-type {
  border-top: 0;
}

.wrap .row p {
  margin: 0;
}

.wrap .emoji {
  height: 35px;
}

.wrap .titre-carte {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.wrap .titre-carte h1,
.wrap .titre-carte h2 {
  margin: 0 0 0 10px;
}

.wrap .note {
  background: #fff5f7;
  border: 1px solid #fed7e2;
  color: #97266d;
  border-radius: 12px;
  padding: 14px 16px;
  margin-top: 18px;
}

.wrap .note strong {
  color: #b8328e !important;
  font-size: 16px !important;
  font-weight: 600;
}

.wrap .accent {
  color: #3e6db0;
  font-weight: 600;
}