body{
	/*overflow-y: scroll !important;*/
	/*overflow-x: hidden !important;*/	
	background-color: white !important;
}

html {
  scroll-behavior: smooth;
}

input[type=checkbox] {
  transform: scale(1.5);
}

#DivisionLangueFormatik:hover{
	cursor: pointer !important;	
}

li a:hover{
	background:#0098D8 !important;
	color: #ffffff !important;	
}

.modal-open{
	padding-right:0px !important;	
}

li.open a.dropdown-toggle{
	background:#0098D8 !important;
	color: #ffffff !important;			
}

.dropdown-menu{
	background:#222160 !important;	
}

#ProduitElements{
	margin-left:25px;
	margin-right:25px;	
}

.imgtransition{
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}

.imgtransition:hover{
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */	
}

.ClicInfoItem{
	text-align:center;
	border: 2px solid #2CD23F;
	color:#222160 !important;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
}

.ClicSpaInfoItem{
	text-align:center;
	border: 2px solid #2CD23F;
	color:#222160 !important;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
}

.ClicRestoInfoItem{
	text-align:center;
	border: 2px solid #0798D6;
	color:#222160 !important;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
}

.ClicMecaniqueInfoItem{
	text-align:center;
	border: 2px solid #BF0D17;
	color:#222160 !important;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
}

.ClicRemorqueInfoItem{
	text-align:center;
	border: 2px solid #ffff33;
	color:#222160 !important;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
}

.ClicInfoItemInner {
	font-weight: bold;
	font-size:18px;
}

.NoHover:hover{
	text-decoration: none !important;
}

#pricingcliccoiffure{
	max-width: 100%;	
}

#ClicCoiffureMain{
	background-image: url("/../../../public/img/Formatik/Accueil/cliccoiffure1.jpg");
	/*background-size: cover;*/
}

#ClicSpaMain{
	background-image: url("/../../../public/img/Formatik/Accueil/spa3.jpg");
	
}

#ClicRestoMain{
	background-image: url("/../../../public/img/Formatik/Accueil/clicresto2.jpg");
}

#ClicMecaniqueMain{
	background-image: url("/../../../public/img/Formatik/Accueil/clicmecanique3.jpg");
}

#ClicRemorqueMain{
	background-image: url("/../../../public/img/Formatik/Accueil/clicremorque4.jpg");
}

#ClicRestoPricing{
	background-image: url("/../../../public/img/Formatik/Accueil/clicresto1.jpg");
}

#ClicMecaniquePricing{
	background-image: url("/../../../public/img/Formatik/Accueil/clicmecanique4.jpg");
}

#ClicRemorquePricing{
	background-image: url("/../../../public/img/Formatik/Accueil/clicremorque2.jpg");
}

#ClicCoiffurePricing{
	background-image: url("/../../../public/img/Formatik/Accueil/cliccoiffure1.jpg");
}

#NotreEquipeImg{
	background-image: url("/../../../public/img/Formatik/Accueil/NotreEquipe.jpg");	
	background-size: cover;
}

#NotreHistoireImg{
	background-image: url("/../../../public/img/Formatik/Accueil/NotreHistoire.jpg");	
	background-size: cover;
}

#AProposImg{
	background-image: url("/../../../public/img/Formatik/Accueil/NotreHistoire.jpg");	
	background-size: cover;	
}

#ContactUs{
	color:white;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);	
	padding-left:10px;
	padding-right:10px;
}

.MenuSelected{
	background:#0098D8 !important;
	color: #ffffff !important;	
}

.ImgVideo{
	position:absolute;
	width:300px;
	top:125px;
	left:25px;
}

.ImgBrunswick{
	position:absolute;
	width:300px;
	top:125px;
	right:25px;
}

.blinker {
  animation: blinker 2s linear infinite;
}

.MsgCovid{
	color:red;
	margin-top:0px;
	margin-bottom:0px;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	background-color:white;
	border-radius:50px;
	margin-left:15px;
	margin-right:15px;	
	position:absolute;
	top:-200px;
	border:2px solid black;
}

.blinkertime {
  animation: blinker 2s linear 3;
}

.panel .panel-heading-link a::before {
	font-family: 'FontAwesome';
	content: "\f107";
	font-size: 1.2em;
	float: left;
	background-color:white !important
	color:black !important;
	padding: 0px 0px;
	margin-top: -3px !important;*/
	margin-right: -15px;
	width: 10px !important;
	text-align: center;
}

.NoHover:hover{
	background-color:transparent !important;
	border-bottom:1px solid black !important;	
	color:black !important;
}

.panel .panel-heading-link a::after{
	/*color:black !important;
	background-color:white !important;	
	margin-top: -45px !important;*/
	content: "" !important;
	background-color:transparent !important;
	width:0px !important;
	height:0px !important;
}

.panel .panel-heading-link a.collapsed::before {
    content: "\f105";
}

.panel {
    margin-bottom: 20px;
    background-color: white !important;
	border: 0px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
	box-shadow: 0 0px 0px rgba(0,0,0,.05);
}

.panel-heading{
	background-color:white !important;	
}

.panel-heading-link > a{
	padding: 0px 0px !important;	
}

@keyframes blinker {  
  50% { opacity: 0; }
}

@media (min-width: 1230px) {
	#logocliccoiffure{
		position:relative;
		margin-top: -19em;
		margin-left:40px		
	}
	
	#imgbuynow{
		position:relative;
		height:100px;
		float:right;	
	}
	
	#NotreEquipeContainer{
		width:70%;
		margin-left:auto;
		margin-right:auto;
		padding-left:25px;
		padding-top:10px;
		padding-right:25px;
		padding-bottom:10px;
		text-align:justify;
		text-justify: inter-word;	
		background: rgba(255, 255, 255, 0.6);
	}
	
	#Confidentialite{
		width:50%;
		margin-left:auto;
		margin-right:auto;		
	}
}


@media (max-width: 1229px) {
	#logocliccoiffure{
		display:none;	
	}
	
	#imgbuynow{
		position:relative;
		height:50px;
		/*float:right;	*/
	}
	
	#NotreEquipeContainer{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		padding-left:25px;
		padding-top:25px;
		padding-right:25px;
		padding-bottom:25px;
		text-align:left;
		text-justify: inter-word;	
		background: rgba(255, 255, 255, 0.6);
	}

	#Confidentialite{
		width:70%;
		margin-left:auto;
		margin-right:auto;		
	}
	
	/*::-webkit-scrollbar {
		-webkit-appearance: none;
	}
	
	::-webkit-scrollbar:vertical {
		width: 12px;
	}
	
	::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, .5);
		border-radius: 10px;
		border: 2px solid #ffffff;
	}
	
	::-webkit-scrollbar-track {
		border-radius: 10px;  
		background-color: #ffffff; 
	}*/
}

@media (max-width: 767px){
	
	.MsgCovid{
		font-size:20px;
		color:red;
		margin-top:0px;
		margin-bottom:0px;
		position:relative;
		top:0px;
		border:0px solid black;
	}
	
	.ImgVideo{
		position:absolute;
		width:150px;
		top:140px;
		left:5px;
		z-index:0;
	}
	
	.ImgBrunswick{
		position:absolute;
		width:150px;
		top:140px;
		right:5px;
		z-index:0;
	}
	
	#Confidentialite{
		width:90%;
		margin-left:auto;
		margin-right:auto;		
	}
}

 /* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popuptext {
    visibility: hidden;
    width: 300px;
	word-wrap: break-word;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
   	margin-left: -285px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 95%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
} 

.video-box{
	margin-bottom: 20px;	
	border: solid 1px #eee;	
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);	
	position: relative;	
}