.form-header {
			display: inline-block;
			vertical-align: bottom;
		}

		.ap-nostyle-icon-pin {
			display: none;
		}

		.ap-nostyle-dropdown-menu {
			width: 100%;
			background-color: #ffffff;
			opacity: 0.9;
		}

		.ap-nostyle-icon-clear {
			display: none;
		}

		.ap-nostyle-dataset-places div:hover {
			cursor: pointer;
			background-color: #e7e7e7;
		}

		.icon-search {
			display: inline-block;
			position: relative;
			vertical-align: middle;
			top: 8px;
			font-size: 18px;
			left: 30px;
			z-index: 1;
		}

		#search, #search_port {
			padding: 0 40px;
			border-radius: 5px !important;
		}
		
		.ap-nostyle-input-icon {
			display: none;
		}		

		.block_menu {
			position: fixed;
			z-index: 1;
			right: 15%;
			background-color: #ffffff;
			display: flex;
			justify-content: center;
			align-items: baseline;
			box-shadow: 2px 1px 4px #BEBEBE;
		}

		@media all and (max-width: 1365px) {
		  .block_menu {
		      width: 100% !important;
			  right: 0;
		  }
		}

		@media all and (max-width: 990px) {
		  .block_menu {
		      text-align:center;
		  }
		  .jumbotron {
		      margin: 0 !important;
		      width: 100% !important;
		  }
		  .separator {
		    margin-top: 25px !important;
		  }
		}

		.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
		    margin-left: -15px !important;
		}

		iframe {
			border:0 none;
		}
		.container {
		    width: 100% !important;
		    padding: 0 !important;
		    position: relative;
		    top: 105px;
		    max-width: 100% !important;
		    margin-bottom: 80px;
		}

		.col-sm-12 {
		    padding: 0;
		}

		.ex_container {
		    background-color: #ececec;
		    padding: 40px 0;
		    margin-bottom: 30px;
		 }

		.block {
		    width: 70%;
		    margin: auto;
		}

		.row_choice label {
			margin: 0 15px;
		}

		h1 {
			font-size: 24px !important;
		}

		h2 {
			color: #5f6f81;
			font-size: 36px;
			font-weight: 700;
			font-family: "__Titillium Web_5";
			text-align: center;
		}

		.recherche{
			width: 100%;
			margin: 5px 0 45px 45px;
			font-family: ""Helvetica Neue",Helvetica,Arial,sans-serif";
		}
		
		.recherche_center {
			text-align: center;
			margin: 25px auto;
		}
		
		.searchTextField{
			-webkit-border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
			height: 36px;
			font-family: Trebuchet MS;
			font-size: 14px;
			color: #2F4F4F;
			vertical-align:bottom;
			text-align: center;
			border: 1px solid #C0C0C0;
			background-color: #F7F7F7;
			width: 350px;
			text-align: left;
			padding-left: 10px;
		}
		@media all and (max-width: 440px) {
			.searchTextField {
				width: auto;
			}
			.recherche_left, .recherche_center {
				margin: 5px 0 50px 0 !important;
			}
		}
		.searchImage{
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			vertical-align:bottom;
			background-color: red;
		}

		.screens-block {
			box-shadow: 1px 3px 6px #bdbdbd;
			width: 38%;
			margin: 35px 10px;
			text-align: center;
			vertical-align: top;
			position: relative;
			display: inline-block;
			height: 210px;
		}

		.left {
			float: left;
		}

		.right {
			float: right;
		}

		.jumbotron {
			padding: 0 !important;
			margin: 0 !important;
		}

		@media all and (max-width: 640px) {
			.left, .right {
				float: none;
			}
		}

		@media all and (max-width: 990px) {
			.row {
				margin: auto !important;
			}
			.screens-container {
			    text-align: center;
			}
			.screens-block {
				width: 60% !important;
				height: inherit !important;
				box-shadow: none !important;
				margin: 15px auto !important;
				float: none !important;
			}
			.screens-bandeau {
				height: inherit !important;
			}
			.screens-bandeau:hover {
				font-size: 18px !important;
			}
			.block {
			    width: 95%;
			}
			.recherche_left, .recherche_center .searchTextField {
			    width: 250px;
			}
		}

		@media all and (max-width: 640px) {
			.screens-block {
				margin: 50px auto;
				width: 65%;
				height: 140px;
			}
			.screens-bandeau {
				width: 100%;
				height: 100%;
			}
			.screens-block img {
				height: inherit !important;
			}
			.screens-bandeau p:before {
				top: 90px !important;
			}

		}

		.screens-bandeau {
			height: 100%;
			position: absolute;
			top: 0;
			width: 100%;
			text-align: center;
			display: inline-table;
			color: #ffffff;
			font-size: 0;
			font-weight: bold;
			left: 0;
		}

		.screens-bandeau p:before {
			border-bottom: 3px solid #ffffff;
			bottom: 0;
			content: "";
			height: 0;
			left: 47%;
			position: absolute;
			top: 128px;
			width: 30px;
		}

		.screens-bandeau p {
			vertical-align: middle;
			display: table-cell;
			font-family: "__Titillium Web_5";
			padding: 0 10px;
		}

		.screens-bandeau:hover {
			opacity: 0.8;
			background-color: #50627F;
			font-size: 28px;
		}

		.screens-title {
			font-size: 18px;
			color: #6a7a8c;
			font-family: "__Titillium Web_5";
			padding: 5px 0;
		}

		.screens-block img {
			width: 100%;
			height: 210px;
		}

		.jumbotron{
			background-color: #FFFFFF;
			padding: 27px !important;
			display: inline-block;
			width: 20%;
		}

		@media all and (max-width: 1000px) {
			#portTab {
				display: none;
			}
		}

		.heading-title-wrapper {
			margin-top: 20px;
		}
		
		@media all and (max-width: 1000px) {
			.heading-title-wrapper {
				margin-top: 20px;
			}
		}


		.heading-title-wrapper .line-title {
			display: block;
			height: 4px;
			margin: 0 auto 20px;
			width: 35px;
		}

		.sub-title {
			color: #454545;
			font-size: 22px;
			font-weight: 300;
			line-height: 1.7;
			margin-bottom: 25px;
		}

		.menu {
			display: inline-block;
			width: 78%;
			padding: 0 20px;
			font-size: 14px;
		}

		@media all and (max-width: 1000px) {
			.menu {
				display: block !important;
				width: 100% !important;
				text-align: center;
			}
		}

		.separator {
		    border-top: 2px solid #efefef;
            margin-top: -30px;
		 }


		.menu a {
			color: #5f6f81;
			display: inline-block;
			font-weight: bold;
			padding: 0 15px;
			width: 30%;
			text-transform: uppercase;
		}

		.form_text {
		    font-size: 14px;
            vertical-align: super;
            font-weight: bold;
         }

		.cd-top {
			  display: inline-block;
			  height: 40px;
			  width: 40px;
			  position: fixed;
			  bottom: 40px;
			  right: 10px;
			  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
			  /* image replacement properties */
			  overflow: hidden;
			  text-indent: 100%;
			  white-space: nowrap;
			  background: rgba(80, 98, 127, 0.8) url(portrait/assets/Arrow_top.png) no-repeat center 50%;
			  visibility: hidden;
			  opacity: 0;
			  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
			  -moz-transition: opacity .3s 0s, visibility 0s .3s;
			  transition: opacity .3s 0s, visibility 0s .3s;
			  z-index: 999;
			}
			.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
			  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
			  -moz-transition: opacity .3s 0s, visibility 0s 0s;
			  transition: opacity .3s 0s, visibility 0s 0s;
			}
			.cd-top.cd-is-visible {
			  /* the button becomes visible */
			  visibility: visible;
			  opacity: 1;
			}
			.cd-top.cd-fade-out {
			  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
			  opacity: .5;
			}
			.no-touch .cd-top:hover {
			  background-color: #e86256;
			  opacity: 1;
			}
			@media all and (min-width: 768px) {
			  .cd-top {
				right: 20px;
				bottom: 20px;
			  }
			}
			@media all and (min-width: 1024px) {
			  .cd-top {
				height: 60px;
				width: 60px;
				right: 30px;
				bottom: 30px;
			  }
			}

	.apis_list {
        width: 100%;
        padding: 10px 0;
    }  

    .apis_list > ul {
    	padding: 0;
    }

    .apis_list > ul li{
        display: inline-block;
        padding: 5px;
        list-style-type: none;
        border:1px solid #00000;
        background-color: #f7f7f7;
    }

    .apis_list > ul li a{
    	color: #6a7a8c;
        text-decoration: none;    	
    }

	.apis_list > ul li {
	    display: inline-block;
	    padding: 5px;
	    list-style-type: none;
	    border: 1px solid #00000;
	    background-color: #f7f7f7;
	    box-shadow: 2px 1px 1px #DCDCDC;
	    border-radius: 3px;
	}

	.row_choice {
		margin: 10px 30px;
		font-size: 14px;	
	}

	@media all and (max-width: 675px) {
		.row_choice {
			margin: 10px 0;
		}
		.recherche_left, .recherche_center {
			margin:0 0 20px 0;
		}		
	} 

	@media all and (max-width: 1000px) {
		.first_block {
			margin-top: 160px !important;
		}
	}