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

ol#menulist li {
	display:inline
}

.panel-primary {
	color:#00529B !important
	
	}
	
.panel-heading{
	color:red !important
	 
}


h6{
	color:#C31331 !important;	
}

.blinker {
  animation: blinker 1s linear 3;
}

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

histoiretitre1 {
	background-color:#00529B

}

h3{
	color:#00529B !important;
	text-align:left !important;	
}

h2{
	color:#C31331 !important;	
}

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

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

li a:hover{
	background:#990000 !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+ */	
}



.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/clicmecanique4.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");
}

#AppelImg{
	/*background-image: url("/../../../public/img/appelremorquage.jpg");*/
	background-size: cover
}

#EmploiImg{
	/*background-image: url("/../../../public/img/emploiremorquage.jpg");*/
	background-size: cover
}

#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;
}

button{
	border-color:#00529B !important;
	background:#00529B !important;
	color: white !important;
}

#AProposImg{
	/*background-image: url("/../../../public/img/conseilremorquage.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:#900!important;
	color: #ffffff !important;	
}


@media (min-width: 1230px) {
	
	#abox1{
		height:208px;
		
	}

	#abox2{
		height:208px;
		margin-left:20px;
		}

	#abox3{
		height:208px;
		margin-top:30px;
		margin-left:25px;
		width:950px;
		}
		
	#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);
	}

	#ImgEmploi {
		margin-top:70px;
		width:100% !important;
	}
	
	#ImgNormal {
		width:100% !important
	}
	
	#ParvInfo{
		
		margin-top:px;
		
	}
}
	

@media (max-width: 1229px) {
	
	
	#abox1{
		height:208px;
		width:auto !important;
	}

	#abox2{
		height:208px;
		margin-left:20px;
		}

	#abox3{
		height:208px;
		margin-left:25px;
		margin-top:30px;
		width:900px;
		}
	
	#ImgEmploi {
		margin-top:70px;
		width:100% !important;
	}
	
	#ImgNormal {
		width:100% !important
	}
	
	
	#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);
	}
	
	#ParvInfo{
		
		
	}
	/*::-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: 990px) {
	#ImgEmploi {
		margin-top:20px;
		width:100% !important;
		
	}
	
	#ImgNormal {
		width:100% !important
	}
	
	#abox1{
		height:208px;
		width:500px !important
	}

	#abox2{
		height:208px;
		margin-left:0px !important;
		width:500px
		}

	#abox3{
		height:208px;
		margin-left:0px;
		width:500px;
		}
	
	#ParvInfo{
		
		margin-top:20px;
		
	}
	}

	
}

@media only screen and (max-width:300px)  {
	/* Mobile-specific CSS here*/
	#img {
		display: block;
		margin:0 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 ;}
} 

.vcenter  {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.gm-ui-hover-effect{
	background-color: transparent !important;	
}

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