/*-------------naopad 3 portable landscape---------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 420px )and (max-height: 450px){	
	body {
	    position: absolute;
	    overflow: hidden;
	    font-family: sans-serif;
	    font-size: 11pt;
	    padding-bottom: 0;
	    background: url(../images/connexion.jpg) no-repeat center fixed;
	    -webkit-background-size: cover;
	    background-size: cover;
	    width: 100%;
	}
	.well {
	    min-height: 0px;
	    margin-bottom: 0; 
	    padding: 19px;
	    border: 1px solid #e3e3e3;
	    border-radius: 0; 
	}
	.mdb-preloader .card{
	    margin-left: 27%;
    	margin-top: 7rem !important;
    }
	#header {
	    color: white;
	    text-align: right;
	    margin-right: 0px; 
	    margin-top: 0px; 
	    height:15%;
	}
	#login-icon{
		display:none;
	}
	#icon_header{
		display: inline;
	    float: left;
	    margin-left: 5%;
	    height: 30px;
	    margin-top:0;
	}
	#user_logout {
	    background-color: rgba(202, 97, 97, 0.9);
	    border-color: rgba(0, 0, 0, 0.33);
	    position: absolute;
	    right: 0;
	    left:auto;
	}
	#collect{
		float: left;
	    margin-left: 25px;
	    display: inline;
	    margin-bottom: 0;
	    margin-top: 0.2rem;
	}
	#navbar_header, #deco_logout{
		margin-bottom:0px;
	}
	#navbar_header, .action .navbar-nav > li >a:hover, .action .nav .open > a:focus, .action .nav .open > a:active {
	    background-color: rgba(224, 23, 68, 0.61);
	    border-color: rgba(224, 23, 68, 0.61);
	    height:100%;
	}
	#deco_logout > .navbar-nav{
		margin-top:-10px;
	}
	#navbar_header{
	    display: block;
    	position: static;
    }
    #navbar_header .navbar-nav>li{
        padding-top: 0;
    }
    #navbar_header >.navbar-nav{
    	display: block;
    }
	#nav_user{
		margin-right: 3%;
	}
	#nav_user> p{
		display:none;
	}	
	.txt h5 {
	    font-size: 16px;
	    margin-left: 20%;
	    font-style: normal;
	    text-align: left;
	    word-wrap: break-word;
	    margin-right: 0px; 
	    position: absolute;
	    margin-top: -6%;
	    margin-bottom:0px;
	    display: none;
	}	
	.container {
    	margin-right: 0; 
    	margin-left: 0; 
    	padding-right: 15px;
    	padding-left: 0; 
	}
	#naopad-form {
	    border-radius: 0;
	    display: inline;
	    background: #FFFFFF;
	    height: 70%;
	    width: 100%;
	    position: absolute;
	    padding:  10px;
	    max-width: 100%;
	}
	#naopad-form img {
    	margin-top: 0px;
	}
	#naopad-form .form-group {
	    margin-top: 0px;
	    margin-left: 0px;
	    margin-bottom: 0;
	    width: 50%;
	}
	#search{
		display:flex;
		text-align: center;
		margin-left: 5%;
	}
	#nav_tri_accueil{
		display: block;
	}
	#app-list{
		margin-top: -20px;
		max-height:70%;
	}
	#list {
	    
    padding-top: 25px;
    display: inline-block;
    padding-left: 0;
	}
	#app-list .thumbnail{
	    height: 150px;
   		width: 40%;
		float: left;
		margin-left: 5%;
	}
	#app-list .thumbnail_icon{	    
	    margin-left: auto;
	    margin-right: 20px;
	}
	.action .thumnbail{
		padding:0px;
	}
	.action .navbar-nav{
		margin:0px;
		float: right;
	}
	#thumbnail_a{
		padding:0px;
		margin:0px;
	}
	.action .thumbnail  h5, .action .thunbail .h5{
		font-size:12px;
		margin-bottom:0px;
	}
	.caption p{
    	display: block;				 
	}
	.caption img{
		min-height: 60px;
	}
	#naopad-img	{
		width:100%;
		position:absolute;
		bottom:0;
		height:15%;
		max-width: inherit;
	}	
	#naopad-page {
	    border-radius: 0;
	    background: none;
	    overflow: unset;
	    color: #FFFFFF;
	    margin-top: 0;   
   		position: absolute;
    	width: 100%;
    	bottom: 0;
    	height: 100%;
	}
	#mentions-mobile{
		display:inline;		
		top: 45%;
    	position: absolute;
    	text-align: center;  
    	width:100%; 
	}	
	#mentions-mobile a{
		color:white;   	
	}	
	#naopad-page .txt{
		height: 100%;
	}
	#navbar-accueil {
		margin:0;
		padding-top: 0;
	}
	#navbar-accueil .navbar-nav>li>a {
	    border-top: 0;
	    margin-left: 3%;
	}
	#navbar-accueil .navbar-nav>li:last-child {
    	border-bottom: 0;
	}
	#dropdown-menu-tri  .open>ul, #action_ul .open>ul{
		position:absolute;
		color:white;
		background-color: rgba(86, 88, 112, 0.76);
		z-index: 2;
		right:0;
		left:auto;
	}
	#app_action > li >a, #tri > li >a {
    	color: white;
	}
	 #action_ul .open>ul{
	 	min-width:120px;	 	
	 }
	.accueil{
		margin:0px;
		text-align:center;
		display: block;
		margin-top: 4px;
	}
	.accueil > li {
		display:inline;
	}
	.accueil .nav_icon {
    	margin-right: 10;
    	margin-left: 30px;
	}
	.nav > li > a {
	   display:inline;
	}
	.nav_applications .txt-pc{
		display:none;
	}
	.nav_applications p{
		font-size:14px;
		display: webkit-inline-box; 
    	margin-left: 0;
	}
	#navbar-body ul {
    	width: 100%;				   
	}	
	#footer{
		display:none;			  
	}
	/********************Pour page Login**********************/
	#contact_form, #login-form {
    	margin-top: 20px; 
    	padding: 0px; 
	}
	#contact_form .bottom,#login-form .bottom, #contact_form .checkbox {
    	margin-bottom: 5px;
	}
	#contact_form .checkbox {
    	margin-top: 5px;
	}
	#contact_form .input-group,#login-form .input-group {
    	width:100%;
	}
	#login-icon{
		display:none;			   
	}
	/********************Pour page Creation**********************/	
	#create-list-block h4 {
	    margin-bottom: 10px;	    
	}
	.create_type img{
		height:50px;
	}
	/********************Pour page Account**********************/
	#naopad-account{
		padding:0;
		width:100%
	}
	#account-page .txt {
		margin-top: 10px;
		margin-left:2px;
	}
	#account-page .txt>a {
    	font-size: 14px;
	}
	#account-form {
	    border-radius: 0px 0px 0px 0px;
	    height: 100%;
	}
	#account{
		margin-top:0%;
	}
	#account-img{
		border-radius: 0px 0px 0px 0px;
	}
	.roundedImage{
		display:none;
	}
	#back{
		height:40px;
	}
	#page_content_account {
		margin:0;
	}
	#infos{
	    left: 20%;
	}
	#infos .nav-item {
	    font-size: 14px;
	}
	#perso{
		text-align:left;
		top: -25px;
	}
	.txt-mob{
		font-size:14px;
		margin-bottom:0;
	}

	
}  
	
/*-------------naopad 3 portable portrait tablette landscape ----------and (min-device-height: 450px)-------------------------*/
@media only screen and (orientation: portrait) and (max-width: 420px) and (min-height: 450px) {				  
  
	body {
	    position: absolute;
	    overflow: hidden;
	    font-family: sans-serif;
	    font-size: 11pt;
	    padding-bottom: 0;
	    background: url(../images/connexion.jpg) no-repeat center fixed;
	    -webkit-background-size: cover;
	    background-size: cover;
	    width: 100%;
	}
	.mdb-preloader .card{
	    margin-left: 12%;
	}
	.well {
    	min-height: 20px; 
   		margin-bottom: 0; 
    	padding: 19px; 
    	border: 1px solid #e3e3e3; 
    	border-radius: 0; 
	}
	#header {
	    color: white;
	    text-align: right;
	    margin-right: 0px; 
	    margin-top: 0px; 
	    height:10%;
	}
	#login-icon{
		display:none;
	}
	#icon_header{
		display: inline;
	    float: left;
	    margin-left: 5%;
	    height: 30px;
	    margin-top: 3%;
	}
	#user_logout {
	    background-color: rgba(202, 97, 97, 0.9);
	    border-color: rgba(0, 0, 0, 0.33);
	    position: absolute;
	    right: 0;
	    left:auto;
	}
	#collect{
		float: left; 
    	margin-left: 10px; 
		display:none;
	}
	#navbar_header, #deco_logout{
		margin-bottom:0px;
	}
	#navbar_header,.action .navbar-nav > li >a:hover, .action .nav .open > a:focus, .action .nav .open > a:active {
	    background-color: rgba(224, 23, 68, 0.61);
	    border-color: rgba(224, 23, 68, 0.61);
	    height:100%;					
	}
	#deco_logout{
		height:100%;
	}
	#navbar_header{		
    	display: block;
    	position: static;		
	}
	#navbar_header>ul{
		display:block;
	}
	#nav_user{
		margin-right: 3%;
	}
	#nav_user> p{
		display:none;
	}	
	.txt h5 {
	    display:none;
	}
	.container {
    	margin-right: 0; 
    	margin-left: 0; 
    	padding-right: 0;
    	padding-left: 0; 
	}
	#naopad-form{
	 	border-radius: 0;
    	display: inline;
   		background: #FFFFFF;
		height: 75%;
		width: 100%;
    	position: absolute;
    	padding: 5px;
    	max-width: 100%;
	}
	#naopad-form .form-group {
	    margin-top: 0px;
	    margin-left: 0px;
	    margin-bottom: 0;
	    width: 60%; 
	}
	#naopad-form .margin{
		padding:0;
		width:50%;
	}
	#search{
		display:-webkit-box;
		text-align: center;
		margin-left: 2%;
	}
	#app-list{
		margin-top: -20px;
		 max-height: 80%;				 
					  
	}	
	#list{
		margin-left: -2%;
		padding-left:0;
		width:50%;
		display:inline-block;
	}
	#nav_tri_accueil{
		display: block;
	}
	#app-list .thumbnail{
		height: 150px;
    	width: 46%;
		float: left;
		margin-left: 2%;
	}	
	#app-list .thumbnail_icon{	    
	    margin-left: auto;
	    margin-right: 0px;
	}
	#app-list .card {
		width: 42%;
	}
	.action .thumbnail  h5, .action .thunbail .h5{
		font-size:12px;
		margin-bottom:0px;
	}
	.action .thumnbail{
		padding:0px;
	}
	.action .navbar-nav{
		margin:0px;
		float: right;
	}
	#thumbnail_a{
		padding:0px;
		margin:0px;				
	}
	.caption .btn-mobile{
		display-flow-root;
	}
	.caption img{
		min-width: 50px;
    	min-height: 50px;
	}
	.btn_accueil{
		margin-right: 2px;
    	margin-left: 2px;
				   
	}
	#naopad-img	{
		width:100%;
		position:absolute;
		bottom:0;
		height: 15%;
		max-width: inherit;
	}
	#naopad-page {
	    border-radius: 0;
	    background: none;
	    overflow: unset;
	    color: #FFFFFF;
	    margin-top: 130%;
		margin-top: 0;   
    	width: 100%;
    	bottom: 0;	
    	position: absolute;
    	height: 100%;			  
	}	
	#mentions-mobile{
		display:inline;		
		top: 45%;
    	position: absolute;
    	text-align: center;  
    	width:100%; 
	}	
	#mentions-mobile a{
		color:white;   	
	}	
	#naopad-page .txt{
		height: 100%;
	}
	#navbar-accueil {
		margin:0;
	}
	#navbar-accueil .navbar-nav>li>a {
	    border-top: 0;
	    margin-left: 0;
	}
	#navbar-accueil .navbar-nav>li{
		width:auto;
	}
	#navbar-accueil .navbar-nav #nav_create{
	    padding-top: 5px;
	}
	#navbar-accueil .navbar-nav>li:last-child {
    	border-bottom: 0;
	}
	#app_action > li >a, #tri > li >a {
    	color: white;
	}
	#dropdown-menu-tri  .open>ul, #action_ul .open>ul{
		position:absolute;
		color:white;
		background-color: rgba(86, 88, 112, 0.76);
		z-index: 2;
		right:0;
		left:auto;
	}
	 #action_ul .open>ul{
	 	min-width:120px;	 	
	 }
	.accueil{
		text-align:center;
		display: inline-block;
	}
	.accueil .nav_icon {
    	margin-right: 10;
    	margin-left: 0px;
	}
	.accueil > li {
    	display: inline-flex;
    	margin-left: 15px;
	}	
	.nav > li > a {
	   display:inline;
	}	
	.nav_applications p {
		font-size:14px;
    	display: block;
	}	
	.nav_applications .txt-pc{
		display:none;
	}
	#navbar-body .navbar-nav{
		margin:0;
	}
	#navbar-body ul {
    	width: 100%;				   
	}
	#footer{
		display:none;			  
	}
	
	/************************Pour page Login*******************/
	#contact_form, #login-form{
		margin-top:30px;
		padding:20px;
	}
	#contact_form .bottom, #contact_form .checkbox {
    	margin-bottom: 30px;
	}
	#contact_form .checkbox {
    	margin-top: 20px;
	}
	#contact_form .input-group, #login-form .input-group {
    	width:100%;
	}	
	#login-icon{
		display:none;	 
	}
	/************************Pour page Creation*******************/
	#create-list-block h4 {
	    margin-bottom: 20px;	    
	}
	#type-list .create_type{
		max-width:50%;
	}
	.th-creer{
		height: 220px;
    	width: 140px;
		padding-left:0;
		margin-left: 0;
	}
	.th-creer img{
		height: 50px;
	}
	.create_type img{
		height:50px;
	}
	/********************Pour page Account**********************/
	#naopad-account{
		padding:0;
		width:100%
	}
	#account-page .txt {
		margin-top: 10px;
		margin-left:2px;
	}
	#account-page .txt>a {
    	font-size: 14px;
	}
	#account-form {
	    border-radius: 0px 0px 0px 0px;
	    height: 100%;
	}
	#account{
		margin-top:0%;
	}
	#account-img{
		border-radius: 0px 0px 0px 0px;
		height:20%;
	}
	#back{
		height:40px;
	}
	#page_content_account {
		margin-top:10px;
		display: block;
	}
	.roundedImage{
		margin-left: 30%; 
	}
	#infos{
	    left: 5%;
	    top: 15px;
	}
	#infos .nav-item {
	    font-size: 14px;
	    margin-right: 10px;
	}
	.txt-mob{
		margin-bottom:0;
		font-size:14px;
	}
}