html {
	height: 100%;
}

body {
	height: 100%; 
	margin: 0;
	padding: 0; 
	overflow: hidden;
}

#logo {
	padding-top:15px;
}

#logo img {
	max-width: 111px;
	max-height: 50px;
}

.center {
	text-align:center;
}

#titre {
	font-size:1.5em;
	margin-top:0px;
	text-align:center;
}

/*#recherche {
	padding-top:12px;
}*/

#typeUnimap {
	padding-top:20px;
}

/*#k{
	padding-top:20px;
}*/

#k div {
	padding-left: 2px;
	padding-right: 2px;
} 

#filtres{
	position: absolute;
	left: 58.33%;
	z-index: 100;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	display: none;
	background-color: #333333;
	color:white;
    border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	width: 25%;
	margin-top:-20px;
}

nav#barre {
	border-bottom : 5px solid #333333; 
}

#exempleRecherche {
	width:200%;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}

#advancedSearch {
	width:200%;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}

#rechercheAuto {
	padding-top:8px;
}

#nouvelleRecherche {
    /*overflow: hidden;*/
}

#btnRecherche {
	padding-top:45px;
}

#btnRechercher {
	background-color:  #c42f6a; 
	border-color: #900037;
	color:white;
	width:100%;
}

#btnNouvelleRechercher {
	background-color:  #c42f6a; 
	color:white;
	width:100%;
}

#afficherIntegres{
	padding-top:45px;
}

#btnAfficherIntegres {
	width:100%;
}

#btnMasquerIntegres {
	display:none;
	background-color: #c42f6a; 
	color:white;
	border-color: #900037;
	margin-top:0px;
	width:100%;
}

#linkbar {
	position: absolute;
	right: 0px;
	z-index: 1000;
	margin-right: 3px;
}

#source {
	background-color:  #aaaaaa; 
	/*min-height: 300px; */
	margin-top:-20px;
	display:none;
	overflow-y:auto;
}

.idEntiteFournisseur{
	font-size:1.3em;
	font-style:italic;
}

.nomFournisseur {
	font-size:1.8em;
}

#source h1, #fournisseurs h1{
	font-size:1.5em;
	margin-bottom:0px;
}

#fermerVolet {
	margin-top:15px;
	float:right;
	cursor: pointer;
}

#resultatRechercheSource, #resultatRechercheCible{
	background-color:  #333333; 
	color:white;
	/*min-height: 300px; */
	margin-top:-20px;
	display:none;
	overflow-y:auto;
}

#voletResultatsIntegration{
	display:none;
}

 #resultatIntegration {
	background-color:  #333333; 
	color:white;
	margin-top:-20px;
	overflow-y:auto;
 }

#resultatRechercheSource h4, #resultatRechercheCible h4 {
	color: white;
	font-weight: bold;
}

#fournisseurs {
	background-color:  #aaaaaa; 
	/*min-height: 300px; */
	margin-top:-20px;
	display:none;
	overflow-y:auto;
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
	background-color: white;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
	min-height:34px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;

}

.champ {
	background-color: #EEEEEE;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
	min-height:34px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
	word-wrap: break-word;
}

#mapSource { 
	height: 100%; 
	min-height: 300px; 
	margin-top:-20px;
}

#mapFournisseur {
	height: 100%; 
	min-height: 300px; 
	background-color: #e5e3df; 
	margin-top:-20px;
	padding:0px;
	display:none;
}

#commencerAlignement { 
	background-color: #AAAAAA;
	display:none; 
}

#commencer {
	margin-top:15px;
	margin-bottom:15px;
	background-color: #c42f6a; 
	color:white;
	border-color: #900037;
}

.nav-pills {
	margin-top:20px;
	margin-bottom:10px;
}

.nav-pills > li > a {
	color:white;
}

.nav-pills > li > a:hover {
	color: #c42f6a;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background-color:  #c42f6a; 
	color:white;
}

#barreInfos {
	display:none;
	background-color: #AAAAAA;
	color:white;
	border: 0px;
	height: 50px;
	margin-top:0px;
	margin-bottom:20px;
	padding:0px;
}

#barreProgression {
	display:none;
	background-color: #333333;
	color:white;
	border: 0px;
}

#btnIntegration {
	margin-top:15px;
	background-color: #c42f6a; 
	color:white;
	border-color: #900037;
}

#modalIntegration .modal-body {
	padding:0px;
}

.labelIntegration {
	font-weight:normal;
}

thead>tr>th{
	background-color:#AAAAAA;
	text-align:center;
	font-size:1.2em;
}

tbody>tr>th{
	text-align:center;
	font-size:1.2em;
}

.teteSource {
	background-color: #c42f6a; 
	color:white;
}

#modalIntegration .modal-dialog{
	width:80%;
}

#btnSaveIntegration {
	background-color:  #c42f6a; 
	color:white;
}

.pertinence {
	font-size: 1.2em;
	text-align: right;
}

#note {
	font-size: 2em;
}

#progression {
	margin-top: 10px;
}

#progressionFloat {
	float: right;
}

.bar-unimap {
	background-color: #c42f6a; 
}

#choixCorrespondance {
	margin-top : 5px;
	padding-right:5px;
}

.modal-header {
	background-color:  #333333; 
	color:white;
}

.textRight{
	text-align:right;
}

.right {
	float:right;
}

.invisible {
	display:none;
}

.rose {
	color: #c42f6a; 
}

.overflow {
	overflow: hidden;
	text-overflow: ellipsis;
}

#telechargerEntitees { 
	background-color: #333333;
	margin-bottom:10px;
}

#telechargerEntitees label {
	color:white;
}

#telechargerEntitees .right {
	margin-left:10px;
}

#telecharger{
	margin-bottom:10px;
	margin-top:10px;
	background-color: #c42f6a; 
	color:white;
	border-color: #900037;
	
}

@media (min-width: 768px) 
{
	#logo img {
		width:100%;
	}
}

@media (max-width: 768px) 
{	
	
	#mapSource { 
		margin-top:-20px;
	}
	
	#source {
		margin-top:0px;
	}
	
	#commencer {
		margin-bottom:20px;
		background-color: #c42f6a; 
		color:white;
		border-color: #900037;
	}
	
	#fournisseurs {
		margin-top:0px;
		border-left: 0px;
	}
	
	#barreInfos {
		margin-top:0px;
		height:100px;
	}
	
	#filtres{
		position: absolute;
		left: 10%;
		z-index: 100;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		display: none;
		background-color: #333333;
		color:white;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		width: 80%;
		margin-top:-20px;
	}
	
	#afficherIntegres {
		padding-bottom: 10px;
	}
}