/* Style par défaut pour les cartes de la mosaïque */
.mosaic-card {
  transition: background-color 0.3s, color 0.3s;
}

/* Effet de survol : inversion des couleurs */
.mosaic-card:hover {
  background-color: var(--hover-color);
}

.mosaic-card:hover i {
  color: white;
}

/* Définition des couleurs de survol pour chaque famille */
.biens-card {
  --hover-color: #0050FF;
}

.sante-card {
  --hover-color: #ff8e80;
}

.pro-card {
  --hover-color: #45e6cb;
}
/* Style par défaut pour les cartes de la mosaïque */
.mosaic-card {
  transition: background-color 0.3s, color 0.3s;
}

/* Effet de survol : inversion des couleurs */
.mosaic-card:hover {
  background-color: var(--hover-color);
}

.mosaic-card:hover i {
  color: white;
}

/* Définition des couleurs de survol pour chaque famille */
.biens-card {
  --hover-color: #0050FF;
}

.sante-card {
  --hover-color: #ff8e80;
}

.pro-card {
  --hover-color: #45e6cb;
}
/* Style par défaut pour les cartes de la mosaïque */
.mosaic-card {
  transition: background-color 0.3s, color 0.3s;
}

/* Effet de survol : inversion des couleurs */
.mosaic-card:hover {
  background-color: var(--hover-color);
}

.mosaic-card:hover i {
  color: white;
}

/* Définition des couleurs de survol pour chaque famille */
.biens-card {
  --hover-color: #0050FF;
}

.sante-card {
  --hover-color: #ff8e80;
}

.pro-card {
  --hover-color: #45e6cb;
}
/* Style par défaut pour les cartes de la mosaïque */
.mosaic-card {
  transition: background-color 0.3s, color 0.3s;
}

/* Effet de survol : inversion des couleurs */
.mosaic-card:hover {
  background-color: var(--hover-color);
}

.mosaic-card:hover i {
  color: white;
}

/* Définition des couleurs de survol pour chaque famille */
.biens-card {
  --hover-color: #0050FF;
}

.sante-card {
  --hover-color: #ff8e80;
}

.pro-card {
  --hover-color: #45e6cb;
}
/* Style par défaut pour les cartes de la mosaïque */
.mosaic-card {
  transition: background-color 0.3s, color 0.3s;
}

/* Effet de survol : inversion des couleurs */
.mosaic-card:hover {
  background-color: var(--hover-color);
}

.mosaic-card:hover i {
  color: white;
}

/* Définition des couleurs de survol pour chaque famille */
.biens-card {
  --hover-color: #0050FF;
}

.sante-card {
  --hover-color: #ff8e80;
}

.pro-card {
  --hover-color: #45e6cb;
}/* Style par défaut pour les cartes de la mosaïque */
.mosaic-card {
  transition: background-color 0.3s, color 0.3s;
}

/* Effet de survol : inversion des couleurs */
.mosaic-card:hover {
  background-color: var(--hover-color);
}

.mosaic-card:hover i {
  color: white;
}

/* Définition des couleurs de survol pour chaque famille */
.biens-card {
  --hover-color: #0050FF;
}

.sante-card {
  --hover-color: #ff8e80;
}

.pro-card {
  --hover-color: #45e6cb;
}
.btn-primary {
    background:#0050FF;
    color: #ffffff;
  border-bottom:solid 5px #0050FF;
   
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #0050FF;
    border-bottom:solid 5px #f29400;
}
 
.btn-primary:active, .btn-primary.active {
    background: #0050FF;
    box-shadow: none;
    
}
.t10{font-size: 10px}
.t12{font-size: 12px}
.t14{font-size: 14px}

#accueil {
	width: 300px;
	margin-top: 50px;
}
#logoAccueil {
	margin-bottom: 50px;
}
.fondAccueil{
	
	background-color: #026CB2;

	
	margin: 0px;
	border:1px solid #FFF;
	padding: 15px 5px 15px 5px;

	
}
.m7{margin-bottom: 7px;}

.haut{border-radius: 5px 5px 0px 0px ;
	border:1px solid #FFF;
	margin-bottom: -2px;
	background-color: #FFF;
	color: #999999;
	font-family: arial;
	font-size: 9px;
	width: 100%;
	text-align: left;
	padding:5px; 
}
.bas{border-radius: 0px 0px 5px 5px;
	border:1px solid #FFF;

		color: #000;
	font-family: arial;
	font-size: 12px;
	width: 100%;
	padding:5px; 
	
}
.mention{
	font-size:9px;
	font-style: oblique;
}
input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
:focus {outline:none;}
#envoyer{
	border-radius: 5px 5px 5px 5px;
	border:3px solid #EC983D;
		background-color: #FFF;

		color: #EC983D;
	font-weight: 900;
	font-family: arial;
	font-size: 12px;
	width: 100%;
	padding:5px; 
	
}
a.cadreSpe {
	margin: 5px;
	border:2px solid #FFF;
	padding: 5px;
	border-radius: 4px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}
a.orange:hover, a.bleu:hover{
	
	border:2px solid #23527c;
	color: #FFF;
}
a.saumon:hover, a.gris:hover{
	
	border:2px solid #23527c;
	color: #23527c;
}
.px32{ font-size: 32px;
margin-top: 10px;}

.orange{
	background-color: #ec973d;
	color:#FFF;
		border:2px solid #ec973d;
}

.saumon{
	background-color: #f2b99b;
	border-color:#f2b99b;	
		color:#23527c;
}

.bleu{
	background-color: #006db2;
	border-color:#006db2;
	color:#FFF;
}

.gris{
	background-color: #CCC;
	border-color:#CCC;
	color:#23527c;
}
.blanc,.blanc:visited,.blanc:hover ,.blanc:active{color: #FFF;}

.cadreBleu{	border:2px solid #23527c !important;
	}



.panel-orange {
	border-color: #ec973d;
	border-radius: 5px ;
	margin-bottom:40px;
}
.panel-orange > .panel-heading {
	color: #FFF;
	font-size: 18px;
	
	background-color: #ec973d;
	border-radius: 4px 4px 0px 0px;
	
}
.panel-orange > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #ec973d;
}
.panel-orange > .panel-heading .badge {
	color: #f5f5f5;
	background-color: #333;
}
.panel-orange > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #ec973d;
}


.panel-bleu {
	border-color: #006db2;
	border-radius: 5px;
	margin-bottom:40px;
}
.panel-bleu > .panel-heading {
	color: #FFF;
	font-size: 18px;
	
	background-color: #006db2;
	border-radius: 4px 4px 0px 0px;
	
}
.panel-bleu > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #ec973d;
}
.panel-bleu > .panel-heading .badge {
	color: #006db2;
	background-color: #333;
}
.panel-bleu > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #006db2;
}


.panel-saumon {
	border-color: #f2b99b;
	border-radius: 5px;
	margin-bottom:40px;
}
.panel-saumon > .panel-heading {
	color: #FFF;
	font-size: 18px;
	
	background-color: #f2b99b;
	border-radius: 4px 4px 0px 0px;
	
}
.panel-saumon > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #f2b99b;
}
.panel-saumon > .panel-heading .badge {
	color: #f2b99b;
	background-color: #333;
}
.panel-saumon > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #f2b99b;
}


.panel-gris {
	border-color: #CCC;
	border-radius: 5px ;
	margin-bottom:40px;
}
.panel-gris > .panel-heading {
	color: #23527c;
	font-size: 18px;
	
	background-color: #CCC;
	border-radius: 4px 4px 0px 0px;
	
}
.panel-gris > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #CCC;
}
.panel-gris > .panel-heading .badge {
	color: #23527c;
	background-color: #CCC;
}
.panel-gris > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #CCC;
}



.boutonBleu{background-color:  #23527c; color: #FFFFFF;    border-color: #23527c;}

@media (max-width: 568px) {
#accueil {
	width: 100%
}
}

@media (min-width: 569px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
}

/* Définition des couleurs pour chaque famille */


/* Style par défaut pour les cartes de la mosaïque */
.mosaic-card {
  transition: background-color 0.3s, color 0.3s;
}

/* Effet de survol : inversion des couleurs */
.mosaic-card:hover {
  background-color: var(--hover-color);
}
/* Style par défaut pour les icônes des cartes de la mosaïque */
.mosaic-card i {
  transition: color 0.3s;
}
.mosaic-card:hover i {
    color: #ffffff !important;
}


.biens-card {
  --family-color: #0050FF;
}

.sante-card {
  --family-color: #ff8e80;
}

.pro-card {
  --family-color: #45e6cb;
}