@charset "utf-8";
/* CSS Document */

/* LANDSCAPE */

@media (max-device-width: 480px) and (orientation: landscape) {

}

/* TELEPHONE */
@media (max-width: 767px) {
	
	#header {
		padding-top: 65px;
		background: none;
	}
	
	#navbar .slicknav {
		display: none;
	}
	
	#titre_header {
		text-align: center;
		background: none;
	}
	
	#titre_header .col-sm-5 em {
		margin-bottom: 15px;
	}
	
	#nouveau_client div, #deja_client div, #permanance, #identifie, #acces_compte {
		margin-bottom: 10px;
	}
	
	#navbar {
		height: auto;
	}
	
	#navbar .container {
		padding: 0px;
	}
	
	#navbar .flexnav {
		position: relative;
		background: url(../../img/layout/background-nav.png) left top repeat;
	}
	
	#navbar #langues {
		position: fixed;
		left: 0px;
		top: 0px;
		margin-top: 15px;	
		z-index: 10;
		text-align: left;
	}
	
	#navbar #langues li {
		margin-left: 15px;
	}
	
	#footer .col-sm-3,
	#developpement {
		text-align: center;
	}
	
	#paiement_securise {
		text-align: center;
		margin-bottom: 15px;
	}
	
	#responsive {
		display: none;
	}
	
	/* GO TO TOP */
	
	.go-top {
		padding: 3px;
	}
	
	.go-top i {
		font-size: 2em !important;
		padding: 0px 5px 3px;
	}
	
}

/* TELEPHONE LANDSCAPE */

@media (max-width: 767px) and (orientation: landscape) {
	
	#titre_header {
		margin-bottom: 10px;
	}
	
	#header .col-md-6 .col-md-6 {
		width: 50%;
	}
	
	#nouveau_client, #deja_client {
		width: 25%;
	}
		
}


/* TABLETTE */
@media (min-width: 768px) {
	
	.slicknav_menu {
		display: none;
	}
		
	#responsive {
		display: none;
	}
}

/* TABLETTE */
@media (min-width: 768px) and (orientation: portrait) {
	#titre_header {
		width: 33%;
	}
	
	#titre_header .col-sm-5 {
		width: 100%;
	}
	
	#titre_header .col-sm-5:first-child,
	#titre_header .col-sm-2,
	#titre_header em,
	#titre_header .col-sm-5 em {
		display: none;
	}
	
	#navbar .slicknav li a {
		padding-left: 12px;
		padding-right: 12px;	
	}
}

/* ECRAN */
@media screen and (min-width: 768px) {
	
	.slicknav_menu {
		display: none;
	}
	
	#titre_header, #nouveau_client div, #deja_client div, #permanance {
		margin-bottom: 10px;
	}
	
	.navbar-nav > li > a {
		padding: 0px 20px;
	}
	
}

/* GRAND ECRAN */
@media (min-width: 992px) {
	
	.slicknav_menu {
		display: none;
	}
	
	h2 {
	 /* display: none; */
	}

	#header > .row:first-child {
		min-height: 75px;
	}
	
	#nouveau_client, #deja_client {
		width: auto;
		padding: 0px 5px;
	}
	
	#acces_compte {
		overflow: hidden;
	}
	
	#acces_compte i {
		line-height: 50px;
		font-size: 2em;
	}
	
	#developpement {
		line-height: 40px;
	}
	
	#responsive {
		display: block;
	}
}