/*
    Fichier CCS vide pour personnaliser le style du guichet.
    Ce fichier doit être récupéré manuellement à chaque mise à jour.
    Dupliquer ce fichier et renommer le site.custom-{code_insee}.css pour appliquer la personnalisation sur une seule commune.
*/

#image-banniere-gauche {
/* En passant par la balise background seule, on peut regrouper plusieurs paramètres. Ici,le no-repeat permet d'éviter d'avoir un logo s'étirant toute la largeur/hauteur de l'élément. */
	background: url("./logos/Stains.png") no-repeat;
 
 /* hauteur de l'image (à utiliser conjointement avec le paramètre height de .image-banniere, pour gérer le la taille du logo */
	background-size:220px; 
 
 /* position du logo, valeurs possibles: left, right, center. Peut être complété par une balise margin-left ou margin-right si l'on souhaite décaler ce logo . */
	background-position:center; 
 
 /* Ne pas toucher */
	height:inherit;
 
 /* combinaison avec le background-position pour gérer l'emplacement exact du logo.*/
	margin-left:auto; 
}

/* couleur bouton accès particulier */
.btn-particulier {
	background-color:#D40026 !important;
}

/* couleur bouton accès particulier avec souris */
a.btn-particulier:hover {
	background-color:#26A087 !important;
}

/* couleur bouton accès professionnel */
.btn-partenaire {
	background-color:#D40026 !important;
}

/* couleur bouton accès professionnel avec souris */
a.btn-partenaire:hover {
	background-color:#26A087 !important;
}

/* couleur bouton accès connexion */
.btn-particulier-connexion,.btn-partenaire-connexion {
	background-color:#26A087 !important;
}

/* couleur bouton accès connexion avec souris */
button.btn-particulier-connexion:hover, button.btn-partenaire-connexion:hover {
	background-color:#D40026 !important;
}

/* couleur pied page */
.copyright {
	background-color: #D40026;
}

.copyright > a {
	color: white;
}

footer{
	position:fixed;
	bottom:0;
}

body { /*ICI*/
	/*display:flex;*/
	flex-direction:column;
	align-items:center;
	height:100%;
	width:100%;
	margin-bottom: 100px;
}

body, .login-page, .register-page {
/* couleur de fond de la page entière. */
	background-color: white; 
}

.image-banniere {
	/* marge intérieur du bandeau supérieur. Utile pour élargir un composant tout en gardant la couleur de fond. */
	padding:0; 
	
	/* hauteur du bandeau */
	height: 150px;
	
	/* Permet d'avoir un composant qui exploite toute la largeur disponible. */
	width:100%;
	
	/* couleur de fond du bandeau supérieur, derrière le logo. */
	background-color: white; 
}

.skin-blue .main-header .navbar .nav > li > a {
	/* Couleur du texte des boutons (liens uniquement) du menu supérieur (avant connexion).*/
	color:white; 
}


.skin-blue .main-header .navbar {
	/*Couleur de fond du menu (avant connexion)*/
	background-color: #D40026; 
	
	/* Couleur du texte du menu principal (avant connexion) de tout ce qui n'est pas un lien */
	color: white; 
}

.main-header .navbar-brand {
	/* Couleur du texte 'Guichet Unique */
    color: white; 
}

.navbar-brand {
	/* Couleur du fond pour 'Guichet Unique' dans le menu principal (avant connexion) */
    background-color: #D40026 !important; 
}

.box {
	/* Suppression des ombres portées sur le tableau d'affiche en mairie (utile si fond de la page de la même couleur que le tableau */
	box-shadow: none; 
	
	/* couleur de fond du tableau d'affichage */
	background-color:white; 
}

.btn-primary {
	/* couleur de fond du bouton de connexion */
	background-color:#26A087; 
	
	/* couleur de texte du bouton de connexion */
	color: white;
}

.btn-primary:hover {
	/* couleur de fond du bouton de connexion au survol de la souris*/
	background-color:#D40026;
	
	/* couleur de texte du bouton de connexion au survol de la souris*/
	color: white;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
	/*couleur des boutons*/
    background-color: #26A087;
    border-color: black;
}


.select2-container--default .select2-results__option--highlighted[aria-selected] {
	/*couleur selection souris*/
    background-color: #26A087;
    color: #fff;
}

.step.active-step .circle, .step.modify-step .circle {
	/*Couleur des etapes*/
    background-color: #26A087;
}

.step.active-step .title, .step.modify-step .title {
    font-weight: 700;
	/*Couleur du texte sous des etapes*/
    color: black;
}

.header-custom {
	/*suppresion header une fois connecté*/
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
	width:100%;
}

.content-wrapper {
	width:100%;
}

.login-box {
	margin: 0; /*ICI*/
	margin-top:2%;/*ICI*/
	display: flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.login-box, .register {/*ICI*/
	width:inherit;
}

.login-box-body {
	margin: 0; /*ICI*/
	background: #f8f8f8;
    border-radius: 5px;
    color: #333333;
    box-shadow: 0px 3px 2px rgb(0 0 0 / 40%);
	overflow:hidden;
	padding: 20px;
    border-top: 0;
}

.login-logo > a {
	font-size: 16px;
	font-style:italic;
	line-height:16px;
}

.login-logo > a > b {
	font-size: 30px;
	font-style:normal;
	line-height:16px;
}

.creation-compte {

    margin-top: 15px;
}