/* 
Noir : #0e1c2c
Bleu primaire : #6cbdeb
Bleu secondaire : #acd7ed
Vert : #c0d600
Gris 1 : #575756
Gris 2 : #9d9d9c
Gris 3 : #efefef
Gris 4 : #f4f4f4
Blanc : #ffffff
*/

@font-face {
	font-family:			'Din Pro Medium';
	font-style:				normal;
	font-weight:			300;
	src:					url('../../Content/Font/DINPro-Medium.otf');
}

@font-face {
	font-family:			'Din Pro Bold';
	font-style:				normal;
	font-weight:			500;
	src:					url('../../Content/Font/DINPro-Bold.otf');
}

@font-face {
	font-family:			'Din Pro Black';
	font-style:				normal;
	font-weight:			700;
	src:					url('../../Content/Font/DINPro-Black.otf');
}

/* Elements communs */
.top_line {
    background-color: #1a1e3a;
}

hr {
    border-bottom: 1px solid #6cbdeb; /* Bleu primaire */
}

ul li, ul li a {
	color: #0e1c2c; /* Noir */
}

ul li a:hover,
ul li a:focus {
	color: #6cbdeb; /* Bleu primaire */
}

.icon-medium, .icon-large {
	color: #6cbdeb !important; /* Bleu primaire */
}

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

a {
	color: #6cbdeb;
}


/* Pop-up */
.modal-egee .modal-header{
	    background-color: #6cbdeb !important;
}

.modal-egee .close {
	opacity: 1;
}

/* Carousel */
.carousel i {
	color: #fff !important; /* Blanc */
}

.carousel-caption {
	background: none;
    background-color: #fff;
	border-radius: 10px 0 0 10px;
	right: 0;
}
.carousel-caption a {
	color: #0e1c2c; /* Noir */
	padding: 0 !important;
}
.carousel-control {
	opacity: 1
}

.visible-desktop {
	margin: 10px 0;
}

@media (max-width: 767px) {
    .span12 .visible-desktop {
        display: block !important;
    }
	
	#myCarousel {
		display: none !important;
	}
}

/*Enleve le contour */
#out_container {
	box-shadow:none !important;
}

/*****Police par d�faut ****/
body {
	font-family:			'Din Pro Medium' !important;
	background-color:		#fff; /* blanc */
	overflow-x:				hidden;
	font-size : 16px !important;
}
p {
	font-size:				16px !important;
	font-family:			'Din Pro Medium' !important;
}

/*** Titre ***/
 h3 .strong {
	color : #000; /* Noir */ 
}

h1 {
	color : #000; /* Noir */
	font-size: x-large;
}

h1, h2, h3 {
	font-family: 'Din Pro Bold';
}

h2,h3 {
    color: #0e1c2c; /* Noir fonc� */
}

label{
	font-size: 16px !important;
	font-family: 'Din Pro Medium' !important;
}

/* Les boutons */
.btn {
	border: 1px solid #efefef !important; /* Gris 3 */
	background-color: #fff !important; /* Blanc */
	background-image: none !important;
	text-shadow: none !important;
	color: #0e1c2c; /* Noir */
	border-radius: 20px;
	padding: 3px 6px;
}

.btn span {
	color: #0e1c2c !important; /* Noir */
}

.btn.active, 
.btn:hover ,
.btn:focus{
	background-color: #6cbdeb !important; /* Bleu primaire */
	color: #0e1c2c; /* Noir */
}

.btn-assistant {
	font-size : 14px!important;
	font-family: 'Din Pro Medium';
	margin : 4px auto;
}

.btn-mini{
	border-radius: 50px !important;
	border-color: #efefef !important; /* Gris 3 */
	font-size :inherit;
}
.btn-mini span {
	color: #0e1c2c; /* Noir */
}

.btn-mini.active, 
.btn-mini:hover ,
.btn-mini:focus{
	background-color: #fff !important; /* Blanc */
	border: 1px solid #efefef !important; /* Gris 3 */
	color: #0e1c2c; /* Noir */
}

.btn-group .active {
	background-color: #6cbdeb !important; /* Bleu primaire */
	color: #0e1c2c; /* Noir */
	box-shadow: none;
    border-color: #0e1c2c !important; /* Noir */
}

/*.main-content, */
/*.banniere, */
.footer-wrapper .main-block, 
.footer-bottom .main-block {
	position:				relative;
	width:					98%;/*1170px;*/
	margin:					auto;
}

.cartedevisite {
	color: #9d9d9c; /* Gris 2 */
}

.banniere{
	background-size: 100% auto !important;
	background-color: #fff;
}

#out_container > header .banniere div.logo{
	width : 75% !important;
	padding: 10px;
    background-color: white;
}

@media (max-width: 767px) {
	#out_container > header .banniere div.logo{
		width : 100% !important;
	}
}

.nav-connexion .btn {
	font-weight: normal;
}

.nav-connexion .btn:hover {
	background-color: #6cbdeb !important; /* Bleu primaire */
}

.nav-connexion li:first-child:nth-last-child(2) {
	display: none;
}

/* Champs formulaires */
input[type="text"].obligatoire {
    border: solid #6cbdeb 1px; /* Bleu primaire */
}

/* Champs de recherche */
#SearchContainer input:focus,
#Login:focus,
#MotDePasse:focus {
	box-shadow: none;
	border-color: #6cbdeb; /* Bleu primaire */
}

#SearchContainer #Search {
	margin-left: 5px;
}

/*Menu principal */
.navbar .nav {
	list-style-type: none;
    display: flex;
    justify-content: center;	
	float : none;
	margin: 15px;
	margin-bottom: 0;
}

.buttons-container {
	background-color: #acd7ed;
}

.navbar-inner {
	border: none;
}

.navbar .nav>li {
	border-right: 0px;
    margin: 0;
	align-content: center;
}

.navbar .nav>li a {
	font-size : 16px !important;
	font-weight: 500;
	margin: 0;
	padding: 10px 20px 10px;
}

.navbar .nav>li:not(:last-child) {
	border-right: 2px solid #efefef;
}

 .navbar .nav li:hover {
    background-color: #0e1c2c; /* Noir */
	color: #fff !important; /* Blanc */
}

.navbar .nav li:hover>a {
    border-top: none;
	color: #fff !important; /* Blanc */
}

 .navbar .nav .active {
	background-color: #0e1c2c; /* Noir */
    border-top: none;
	color: #fff !important; /* Blanc */
}

.navbar .nav>li:hover a, .navbar .nav>li:hover a i {
	color: #fff !important; /* Blanc */
}
	
.navbar .nav .active>a, .navbar .nav .active>a:hover, .navbar .nav .active a>i, .navbar .nav .active a>i:hover {
    color: #fff !important; /* Blanc */
	font-size : 16px !important;
	border-top: none;
	background-color: #0e1c2c; /* Noir */
}

.navbar .nav-pills i {
	display: none !important; /* Retrait des sous-titres du menu */
}

.navbar .nav-pills li:nth-child(2) {
	display: none;
}

.accueil p, .accueil h3 {
	text-align: center;
}

/* Corps page accueil */
.accueil-corps-title {
	text-transform: none;
	line-height: 1.25;
}

.accueil-corps-subtitle {
	text-transform: none;
	color: #575756; /* Gris 1 */
}

.accueil-corps {
	color: #9d9d9c; /* Gris 2 */
}

.accueil-corps-bas-texte {
	color: #9d9d9c; /* Gris 2 */
}

/* PIED DE PAGE */
/*Couleur police pour pied de page*/
#footerUsager h1, #footerUsager h2, 
#footerUsager h3, #footerUsager p, 
#footerUsager strong, #footerUsager .span4,
#footerUsager a {
 color: #0e1c2c !important; /* Noir */
}

.footer-top {
	height: 20px;
	background-color: #f4f4f4 !important; /* Gris 4 */
}

.footer-wrapper {
	background-color: #f4f4f4 !important; /* Gris 4 */
}

.footer-bottom {
	background-color: #fff !important; /* Blanc */
}

.footer-bottom .main-block {
	padding: 10px 20px;
}

.footer-bottom .span12 {
	align-content: center;
}

.footer-wrapper .nomMetropole {
	display: flex;
    flex-direction: column;
    row-gap: 6px;
}

.footer-wrapper .nomMetropole h3 {
	margin: 0;
}

/* Footer horaires */
/* footer milieu */
.footer-wrapper .span12 .span4:nth-child(2) {
	width: 0;
}

/* footer droite */
.footer-wrapper .span12 .span4:nth-child(3) {
	width: 63%;
}

.footer-wrapper .span12 .span4:nth-child(3) .span5 {
	margin: 0;
}

/* retrait des lignes sous le footer */
.footer-bottom .row-fluid:nth-child(2),
.footer-bottom .row-fluid:nth-child(3) {
	display: none;
}

/*---liste factures bullet d'extension si plus d'information--*/
/* d�ploiement*/
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before{
	background-color : #6cbdeb !important; /* Bleu primaire */
}

/* replis*/
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before{
	background-color : #0e1c2c !important; /* Noir */
}

table.dataTable.no-footer {
    border-bottom: 1px solid #9d9d9c;  /* Gris 2 */
}

table thead th { 
	border-bottom-color: #9d9d9c !important; /* Gris 2 */
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before {
    line-height: 16px !important;
    font-size: 23px;
}

/* Tableau documents */
.table-striped td a:hover,
#tableAbonnement a:hover {
	color: #0e1c2c; /* Noir */
}

/* Bloc page accueil */
@media (max-width: 480px) {
    .hero-list div.span3 {
        min-height: 300px;
    }
	
	.hero-list {
		flex-direction: column;
	}
}

@media (max-width: 767px) {
    .hero-list div.span3 {
        min-height: 300px;
    }
	
	.hero-list {
		flex-direction: column;
	}
}

.grey-box {
	background-color : #acd7ed; /* Bleu secondaire */
	border: none;
	border-radius: 15px;
}

.grey-box p {
	line-height: 1;
}

.hero-list {
	display: flex;
    justify-content: center;
}

.hero-list h2 {
	color: #0e1c2c !important; /* Noir */
	line-height: 1.25;
	font-size: 27px;
}

.hero-list img {
	height: 6em;
    padding-bottom: 5px;
}

/* Retrait du 4e bloc */ 
.hero-list .grey-box:nth-child(4) {
	display: none;
}

.hero-list .grey-box a {
	margin: 0;
	height: 100%;
    width: 100%;
}

.hero-list .grey-box:hover {
	background-color: #0e1c2c !important; /* Noir */
}

.hero-list .grey-box a:hover,
.hero-list .grey-box a:hover h2,
.hero-list .grey-box a:hover p,
.hero-list .grey-box .btn-connect:hover,
.hero-list .grey-box .btn-connect:hover h2,
.hero-list .grey-box .btn-connect:hover p {
	color: #acd7ed !important; /* Bleu secondaire */
	text-decoration: none;
}

/* Actualit�s */
.recent-actualites {
    background-color: #c0d600; /* Vert */
    border-bottom: #c0d600 solid 2px; /* Vert */
}

.actualites-slide .slides li,
.actualites-slide .slides li a {
	color: #0e1c2c; /* Noir */
}

/*Menu Synthese abonnement*/
/*------------------------*/
#menuAbonnementSynthese-inner,
#menuAbonnementSynthese-inner p {
	color: #9d9d9c; /* Gris 2 */
}

 .incruste{
	box-shadow : none; /*pas de d�grad�*/
	border : 3px solid #9d9d9c; /* Gris 2 */
	text-align: left !important;
}

#menuAbonnementSynthese-inner>.row-fluid>.span12>* {
	text-indent: 10px; /* Alin�a bloc synthese */
}


#menuAbonnementSynthese-inner>.row-fluid>.span12>strong {
	padding: 10px; /* Alin�a bloc synthese */
}

#synthese #menuAbonnementSynthese .title {
	position:				relative;
	display:				block;
	background:				#acd7ed !important; /* Bleu secondaire */
	color:					#1a1e3a !important;
	-webkit-transition:		background .25s ease-out;
	transition:				background .25s ease-out;
}
/*- survol 
- actif
- a le focus */
#synthese #menuAbonnementSynthese .active a,
#synthese #menuAbonnementSynthese .title:hover,
#synthese #menuAbonnementSynthese .title:focus {
	background-color: #0e1c2c !important;
}

#synthese #menuAbonnementSynthese #menuAbonnementSynthese-inner .active h3,
#synthese #menuAbonnementSynthese .title:hover h3,
#synthese #menuAbonnementSynthese .title:focus h3 {
	color: #fff !important; /* blanc */
	background-color: #0e1c2c !important; /* Noir */
}

#synthese #menuAbonnementSynthese .active .icon-medium,
#synthese #menuAbonnementSynthese .title:focus .icon-medium,
#synthese #menuAbonnementSynthese .title:hover .icon-medium {
	color: #fff !important; /* Blanc */
}

#synthese #menuAbonnementSynthese .title h3 {
	background: none !important;
	color: #0e1c2c !important; /* Noir */
	text-align: left;
	font-family: 'Din Pro Medium';
	font-weight: 500;
	text-transform: uppercase;
}

/* Bouton acc�s synth�se compl�te */
#menuAbonnementSynthese-inner>.row-fluid:last-child .span12 {
	text-align: left;
	background-color: #9d9d9c; /* Gris 2 */
	align-content: center;
}

#synthese .pull-right {
	color: #0e1c2c !important; /* Noir */
	float: left;
	width: 100%;
	line-height: 35px;
}

#menuAbonnementSynthese-inner>.row-fluid:last-child .span12:hover {
	background-color: #fff; /* Blanc */ 
}

#synthese .pull-right:hover {
	text-decoration: none;
	color: #0e1c2c !important; /* Noir */
}

/* Retrait des s�parateurs color�s */
.text-divider6 {
	display: none;
}

/* Majuscule dans la carte de visite */
#menuAbonnementSynthese-inner .cartedevisite .cartesynthese-dates div::first-letter,
#menuAbonnementSynthese-inner .cartedevisite .cartesynthese-montantTTC div::first-letter {
	text-transform: uppercase;
}

#breadcrumb li:last-child {
	color: #6cbdeb; /* Bleu primaire */
}

/* couleur icone */
#synthese #menuAbonnementSynthese .icon-medium {
	color: #0e1c2c !important; /* Noir */
}

.main-block .span8 h2 {
	font-family: 'Din Pro Medium';
}

/* Contenu page Mes contrats */
.main-content .main-block .span8 img {
	height: 60px;
    width: 60px;
    max-width: none;
    position: relative;
    top: -25px;
	left: -10px;
}

/* Etape d'une demande */
.bwizard-steps li, .bwizard-steps .activable {
	background-color : #6cbdeb !important; /* Bleu primaire */
}


.bwizard-steps .active{
	background-color : #0e1c2c !important; /*Noir*/
	color : #fff;
}

.bwizard-steps .active:after{
	border-left-color: #0e1c2c !important; /*Noir*/
}

.bwizard-steps li:after, .bwizard-steps .activable:after {
    position: absolute;
    right: -20px;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #6cbdeb; /* Bleu primaire */
    border-top: 20px inset transparent;
    content: "";
    z-index: 2;
}

.label-inverse, .badge-inverse {
    background-color: #6cbdeb; /* Bleu primaire */
}

.assistant-avancement ul li {
	color: #0e1c2c;
}

/* 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 {
  height: 300px;
  background-size: contain;
  background-repeat: no-repeat;
}

#divParFacture #demoFacture {
  background-image:  url("/Portail/fr-FR/Document/AfficherImage/?code=aide_attacher_abo") !important;
}

#divParContrat #demoFacture {
  background-image:  url("/Portail/fr-FR/Document/AfficherImage/?code=aide_attache_contrat") !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);
}

/* Bouton Open id */
.accueil #openid-connect {
	background-color: inherit !important;
	box-shadow: none !important;
	border: none !important;
	background-image: none;
}

.hero-list .btn-connect {
	height: inherit;
	margin: 0;
}

#openid-connect {
    background-image: url(/Portail/Content/Images/openid.png);
}