/****************     BACKGROUND		****************/
	.bg-gris-noir 	{ background-color: #2F2E2E !important;}
	.bg-black-foot 	{ background : black;}
	.bg-black-head 	{ background : black;}
	.bg-white 		{ background-color: #fff !important;}
	.bg-white-t50 	{ background: rgba(255, 255, 255, 0.5);}
	.bg-white-t70 	{ background: rgba(255, 255, 255, 0.7);}

/****************     COULEURS		****************/
	.color-orange 		{ color : #F26722 !important;}
	.color-gris-noir 	{ color : #303030 !important;}
	.color-white 		{ color: #fff !important;}
	.txt-white 			{ font-color: #fff !important;}
	
	.p-mentions 		{ color:black; font-size:15px;}	
	

/****************     BOUTONS		****************/
	/*ACCUEIL > Découvrir*/
	.btn-nbw 	{ color: #101416; background-color: #fff;  border-color: #101416;}
	.btn-nbw:hover, .btn-nbw:focus, .btn-nbw:active, .btn-nbw:active:focus, .btn-nbw.active, .open>.dropdown-toggle.btn-nbw 
					{ color: #fff; background-color: #F26722; border-color: #F26722;outline: 0;}
	
	/*ACCUEIL > Nos Solutions  + CONTACT > Ok et Envoyer*/
	.btn-bra 	{ color: #fff; background-color: transparent; border-color: grey; }
	.btn-bra:hover, .btn-bra:focus, .btn-bra:active, .btn-bra:active:focus, .btn-bra.active, .open>.dropdown-toggle.btn-bra 
					{ color: #fff; background-color: #F26722; border-color: #F26722;outline: 0;}
	
	/*CONTACT > Télécharger et Valider */
	.btn-visio 	{ color: #fff; background-color: #F26722;border-color: #F26722;}
	.btn-visio:hover, .btn-visio:focus, .btn-visio:active, .btn-visio:active:focus, .btn-visio.active, .open>.dropdown-toggle.btn-visio 
					{color: #fff; background-color: black; border-color: black; outline: 0;}
	/*CONTACT > Pdr RDV */
	.btn-rdv 	{ color: #fff; background-color: black; border-color: black;}
	.btn-rdv:hover	{ color: #fff; background-color: #F26722; border-color: #F26722;}
	.btn-rdv:focus, .btn-rdv:active, .btn-rdv:active:focus, .btn-rdv;active, .open>.dropdown-toggle.btn-rdv 
					{ color: #fff; background-color: black; border-color: black; outline: 0;}
	
	/*SOLUTIONS > Cabinet*/
	.btn-static-orange { color: #F26722; background-color: #fff; border-color: #F26722; border-width: 3px !important; border-style: dotted;}
	.btn-static-orange:hover { color: #F26722; background-color: #fff; border-color: #F26722; border-style: dotted;}
	.btn-static-orange:active { -moz-box-shadow: inset 0 0 0px white;  -webkit-box-shadow: inset 0 0 0px white; box-shadow: inset 0 0 0px white;}
	/*SOLUTIONS > Clients du cabinet*/
	.btn-static-blue { color: #00B5A3; border-width: 3px !important; background-color: #fff;  border-color: #00B5A3;  border-style: dotted;}
	.btn-static-blue:hover {color: #00B5A3;  background-color: #fff;  border-color: #00B5A3;  border-style: dotted;}
	.btn-static-blue:active {  -moz-box-shadow: inset 0 0 0px white;  -webkit-box-shadow: inset 0 0 0px white;  box-shadow: inset 0 0 0px white;}
	/*SOLUTIONS > Voir la fiche*/
	.btn-NC 	{ color: #F26722; background-color: #fff; border-color: #F26722;}
	.btn-NC:hover 	{color: #fff;background-color: #F26722; border-color: #F26722;}
	.btn-NC:focus, .btn-NC:active, .btn-NC:active:focus, .btn-NC:active, .open>.dropdown-toggle.btn-NC 
					{color: #F26722; background-color: #fff; border-color: #F26722; outline: 0;}
	/*SOLUTIONS > Voir le Site Client*/
	.btn-NB 	{ color: #00B5A3; background-color: #fff; border-color: #00B5A3;}
	.btn-NB:hover 	{ color: #fff; background-color: #00B5A3; border-color: #00B5A3;}
	.btn-NB:focus, .btn-NB:active, .btn-NB:active:focus, .btn-NB.active, .open>.dropdown-toggle.btn-NB 
					{color: #00B5A3; background-color: #fff; border-color: #00B5A3;outline: 0;}
	/*SOLUTIONS > NB Voir la vidéo*/
	.btn-NBN 	{ color: #fff; background-color: #00B5A3; border-color: #00B5A3;}
	.btn-NBN:hover 	{ color: #00B5A3; background-color: #fff; border-color: #00B5A3;}
	.btn-NBN:focus, .btn-NBN:active, .btn-NBN:active:focus, .btn-NBN.active, .open>.dropdown-toggle.btn-NBN 
					{ color: #fff; background-color: #00B5A3; border-color: #00B5A3; outline: 0;}
	/*SOLUTIONS > Accédez au portail*/
	.btn-por 	{ color: #fff; background-color: #101416; border-color: #101416;}
	.btn-por:hover 	{ color: #101416; background-color: #fff; border-color: #101416; }
	.btn-por:focus, .btn-por:active, .btn-por:active:focus, .btn-por.active, .open>.dropdown-toggle.btn-por 
					{ color: #fff; background-color: #101416; border-color: #101416; outline: 0;}

/****************     INPUT SELECT PLACEHOLDER		****************/
	
	.transparent-point-input 			{ color: #fff !important; background-color: transparent !important; border-color :grey !important; border-style: dotted !important; border-width:1.8px !important;}
	.transparent-point-input:focus 		{ color: #fff !important; background-color: #101416 !important; border-color :grey !important; border-style: dotted !important; border-width:1.8px !important;}
	
	.visio-input						{ color: black!important; background-color: transparent !important; border-color:grey !important; }
	.visio-input:focus					{ color: black!important; background-color:WhiteSmoke !important; }
	
	select.choix 						{ color: DarkGrey !important; background-color: transparent !important; border-color:grey !important; border-style: dotted !important;border-width:1.8px !important; cursor: pointer;}
	select option.transparent 			{ color: DarkGrey; background-color:  #101416; cursor: pointer;}
	select::-ms-expand 					{ color: DarkGrey;}
	
	:-ms-input-placeholder.form-control {color : DarkGrey  !important;}
	:-ms-input.form-control 			{color : DarkGrey  !important;}
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: DarkGrey !important;opacity: 1; /* Firefox */}


/****************     PARALLAX		****************/
.parallax {
    background-image: url("../images/voile/bandeau_parallax.jpg");
    min-height: 500px; 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}


/****************     BACKGROUND IMAGES		****************/
	.bg-tablet{
		background-image: url(../images/accueil/homme_tablette_cadre.jpg);
		background-repeat: no-repeat;
		background-position: relative;
		background-size: 100% auto;
	}
	.bg-fonc{
		background-image: url(../images/solutions/bg_details.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 90% auto;
	}

	@media (max-width: 767px) 
	{
		.bg-tablet{
			background-color: black;
			background-image: none;
		}
		.bg-fonc{
			background-image: none;
		}
	}
	
	/*====================        Petite résolution      ====================*/
	
	@media (min-width: 768px) and (max-width: 991px)
	{
		.bg-fonc{
			background-image: url(../images/solutions/bg_details.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: 160% auto;
		}
	}
	
	 /*====================        Moyenne résolution        ====================*/
	
	@media (min-width: 992px)  and (max-width: 1199px) 
	{ 
		.bg-fonc{
			background-image: url(../images/solutions/bg_details.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: 140% auto;
		}
	}