.social:hover{
	color:Green;
	border-color:rgba(0,0,0,0.2)
}
.btn-facebook{
	color:#3b5998;
	border-color:rgba(0,0,0,0.2)
}
.btn-google-plus{
	color:#dd4b39;
	border-color:rgba(0,0,0,0.2)
}
.btn-linkedin{
	color:#007bb6;
	border-color:rgba(0,0,0,0.2)
}
.btn-twitter{
	color:#00aced;
	border-color:rgba(0,0,0,0.2)
}

.tooltip{
	font-size:20px;
}

.container {padding-right: 0px;padding-left: 0px; width:auto;}
.container > .navbar-header, .container > .navbar-collapse {margin-right: 0px;margin-left: 0px;}
.navbar-inverse .navbar-brand {padding: 10px 10px; margin: 0px;}
.navbar-inverse .navbar-toggle {margin-top:10px;}

.navbar-nav > li > a {
	line-height: 30px;
}

.login-popup {
	margin: 20px 20px;
}

.navbar-collapse {padding-right: 0px;padding-left: 0px; overflow-x: hidden; max-height:auto;}
.navbar-logo {height: 30px;}
.gallery-img {min-height: 200px;}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color:Black;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {color:#3498DB;}
.nav .caret, .nav a:hover .caret {border-top-color: #FF9933; border-bottom-color: #FF9933;}/*Couleur de la fleche sous/menu du navmenu*/

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #FC9C00;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background-color:#e7e7e7; /*Orange sous-menu */
}

#presentation
{
	background:url(../images/background.jpg) no-repeat center center;
	min-height:100%;
	margin-bottom: 20px;
	background-size:cover;
}
.separateur {
	background:url(../images/background.jpg) no-repeat center center;
	margin-bottom: 20px;
	min-height: 20px;
}
.animate{
	opacity: 1;
	visibility: visible;
}
html, body 
{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

a, p {
	margin-left: 25px;
	margin-right: 25px;
}
.img-rounded {
	max-width: 150px;
	margin-left: 5px;
	margin-right: 5px;
}
.img-reference {
	max-height: 100px;
}
.img-carousel {
	max-height:150px;
	min-width:150px;
}

input, textarea {
	margin-bottom: 20px;
}

.service-block{
	min-height: 275px;
}

@media all and (min-width: 766px) and (max-width: 785px)/* change taille police pour faire tenir sur une ligne*/
{
	.navbar-md .navbar-nav > li > a {
		font-size:14px;
	}
}

@media all and (min-width: 786px)/* change taille police pour faire tenir sur une ligne*/
{
	.navbar-md .navbar-nav > li > a {
		font-size:15px;
	}
}

@media screen and (min-width: 480px)/*grand ecran*/
{
	.container{padding-left: 10px;padding-right:10px}
	section{overflow-x: hidden; padding: 20px 0 !important;}
	.thumbnail {
		height: 250px;
	}
	.vertical-center {
		min-height: 100%;
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (orientation : portrait), only screen and (min-device-pixel-ratio : 1.5) {/*Iphone*/
	.navbar-nav > li > a {
		line-height: 20px;
	}
	.vertical-center {
		margin-top:40%;
		align-items: center;
		justify-content: center;
	}
	.navbar-brand {
		width: 100px;
	}
	#presentation {
		min-height: 100%;
		background-size: 100% 100% !important; 
		zoom:1;
	} 
}

@media screen and (max-width: 480px)/*petit ecran*/
{
	.container{padding-left: 5px;padding-right:5px;}
	section{padding: 30px 0 !important;}
}

@media screen and (max-device-width: 480px) {/*Iphone paysage*/
	.vertical-center {
		margin-top:40%;
		align-items: center;
		justify-content: center;
	}
	#presentation {
		max-height: 100px;
		background-size: 100% 100% !important; 
	} 
}