/* fonts spécifique  */

@font-face {
	font-family: 'LBRITE';
	src: url('../fonts/LBRITE.eot');
	src: local('☺'), url('../fonts/LBRITE.woff') format('woff'), url('../fonts/LBRITE.ttf') format('truetype'), url('../fonts/LBRITE.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamRnd-Book';
	src: url('../fonts/GothamRnd-Book.eot');
	src: local('☺'), url('../fonts/GothamRnd-Book.woff') format('woff'), url('../fonts/GothamRnd-Book.ttf') format('truetype'), url('../fonts/GothamRnd-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamRnd-Light';
	src: url('../fonts/GothamRnd-Light.eot');
	src: local('☺'), url('../fonts/GothamRnd-Light.woff') format('woff'), url('../fonts/GothamRnd-Light.ttf') format('truetype'), url('../fonts/GothamRnd-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


.titre{
	display:none;
}


.form-ctrl{
	height : 34px;
	padding: 6px 12px;
	font-size: 14px,
	color : #555;
	background-color: #fff;
	border : 1px solid #ccc;
	border-radius: 4px;
	margin : 0;
	width : 65%;
}

.alert {
	margin-bottom : 5px;
	padding : 1px 12px;
	font-size : 12px;
}

.form-group{
	margin-bottom : 5px;
}

.panel {
	margin-bottom : 5px;
}

.panel.body {
	padding : 2px;
}


/**************************************************

			Gestion de la carte

***************************************************/

.smooth_zoom_preloader {
	background-image: url(../images/preloader.gif);
}	
.smooth_zoom_icons {
	background-image: url(../images/icons.png);
}

/*  ------------------------------------

	affichage des position des lieux 

    ------------------------------------ */ 

/* plugin zoom_container */


}
#zoom_container .landmarks{
	position:absolute;
	z-index:10;	
	top:0px;
	left:0px;
	font-family: Helvetica, Arial, Verdana;
	font-size:12px;
	color: #fff;
}	
#zoom_container .landmarks .item {
	position:absolute;		
	text-align:center;		
	display: none;

}	
#zoom_container .landmarks .lable div {
	width: 100px;
	padding: 4px;		
}	
#zoom_container .landmarks .mark .text{
	background-color:#fff;
	padding:2px 6px;
	border-radius : 5px;
}

/*------   etiquette ----------*/

#info_client{
	min-width: 140px;
	max-width : 300px;
}

#urlClient{
	margin : 5px auto;
}

#etiquette:hover {
	cursor : pointer;
}

#afficheInfoClient{
	color : red;
	font-size: 12px;
/*	position : absolute;*/
	z-index : 1000;
}

#afficheInfoClient:hover{
	color : red;
/*	position : absolute;
	z-index : 1000;*/
	font-size: 14px;
}

/* -------------------------------

			Détail etiquette lieu

----------------------------------*/

#detail_info_client {
	position:absolute;
	top : 14px;
	left : 14px;
	width :420px;
	/*height: 340px;*/
	z-index : 2000;
	display : none;
	background-color: rgba(65,64,63,.8);
	margin 0;
	padding 0;
}
#detail_info_client h4{
	color :rgba(255,255,255,1);
	width: 85%;
	font-family: GothamRnd-Book;
	font-size: 26px;
	margin-left: 2.5%
}

#detail_info_client div.remove {
	position:absolute;
	top : 12px;
	left : 390px;
	color :rgba(255,255,255,1);
	font-size: 20px;
}
#detail_info_client div.remove:hover {
	color :rgba(255,255,255,0.5);
}

#detail_info_client div.trait{
	width: 95%;
	height: 3px;
	margin-left : 2.5%;
	background-color: rgba(230,231,232,1);
}

#detail_info_client div.haut{
	margin-top: 5px;
	margin-bottom: 14px;
}

#detail_info_client div.bas{
	margin-top: 14px;
	margin-bottom: 11px;
}

#detail_info_client img {
	width :45%;
	margin-left : 2.5%;
	float :left;
}
#detail_info_client p {
	float:right;
	width :48%;
	color :rgba(230,231,232,1);
	font-family: GothamRnd-Light;
	font-size: 12px;
	margin :0 10px 0 0;
	padding:0;
}

#detail_info_client a {
	display :inline-block;
	color :rgba(255,255,255,1);
	font-family: LBRITE;
	font-size: 16px;
	margin-left: 2.5%;
	margin-bottom: 20px;
}

#detail_info_client a:link {
	text-decoration:none;
}
#detail_info_client a:hover {
	color :rgba(255,255,255,0.5);
}

/*#http {
	font-size: 12px;
	color :rgba(255,255,255,1);
}*/
div.clear {
    clear: both;
}

/* ******************************* 

	  affichage de la liste

********************************** */

.modal-header {
	color : rgba(255,255,255,1);
	text-align : center;
	background-color: rgba(51,122,183,1);
}
#myModalLabel {

}



.modal-content{
	background-color: rgba(51,122,183,0.8);
}
#selectionRue{
	/*background-color: rgba(73,255,162,0.5);*/
	margin :0;
	padding: 0;
}

#selectionRue ul{
	/*overflow: hidden;*/
	display: inline-block;
	margin-left: -20px;	
	width :100%;
	list-style:none;
	color : rgba(255,255,255,1);
}

#selectionRue ul li{
	display: inline-block;
	background-color: rgba(51,122,183,0.7);
	width: 100%;
	padding: 8px 0 8px 20px;
	margin : 0;	
	border-bottom : 1px dashed rgba(16, 60, 99, 0.8); 
}
#selectionRue ul li:hover {
	background-color: rgba(16, 60, 99, 0.8);
	
}



#selectionRue ul li a{ 
	text-decoration: none;
	margin : 20px;
	color : rgba(255,255,255,0.8);
	font-size : 14px;
}

#selectionRue ul li a:hover{ 
	color : rgba(255,255,255,1);
	font-size : 16px;
}



/* ********************************************

					Responsive

***********************************************/

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {


}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

	.form-ctrl{
		width : 80%;
	}
	h1{
		font-size: 24px;
		padding-left: 18px;
		margin-bottom : 5px;
	}
	.panel-heading{
		padding : 5px;
	}
	.panel-body{
		padding: 5px; 
	}
	.form-group{
		margin-bottom : 5px;
	}

	.form-control{
		height: 28px;	
	}
	
	.btn {
		padding: 3px 9px;
	}
	.label_p{
		display : none;
	}

	#detail_info_client {
		top : 5px;
		left : 5px;
		width :270px;

	}
	#detail_info_client h4{
		font-size: 26px;
	}

	#detail_info_client div.remove {
		left : 222px;
		width : 80%;
		font-size: 27px;
	}
}