/* Nouvelles règles selon la taille de la fenêtre fenetre*/

@media screen and (max-device-height: 800px) and (orientation: landscape){
	#FENETREDESCRIPTION {
/*background-color: #F0F000; /* couleur du fond */
	}
	
	#titre {
		font-size : 1.5em;
	}
	
	.intituleEtat {
		font-size : 1.1em;
	}
	
	#commentaire {
		font-size : 1em;
	}

}

/*@media screen and (max-device-height: 640px) and (orientation: landscape){*/
@media screen and (max-device-height: 640px) and (orientation: landscape){

	#FENETREDESCRIPTION {
		width: 75%;
		left: 25%;
		padding-left : 0px;	
/*background-color: #FF0000; /* couleur du fond */
		height: 92%;
		z-index: 1;
	}
	
	#CARACTERES {
		height: 92%;
	}

	#LISTEIMAGES {
		height: 8%;
//background-color: #0000FF; /* couleur du fond */
	}
	
	#titre {
		font-size : 1.5em;
	}
	
	.intituleEtat {
		font-size : 1em;
	}
	
	#commentaire {
		font-size : 0.8em;
	}

	#conteneurImagesTaxons {
		display: none;
	}
	
	#deplier {
		display: inline;
	}
	
	#boutonTaxons {
//		display: inline;
	}
	
	#message {
		display: none;
	}
	
	#messageErreur {
		display: inline;
	}
	
	#INFO {
		font-size :0.7em;	
	}
	
	#INFO #titre {
		font-size :1em;
	}
	
		
}

@media screen and (max-width: 1024px) and (orientation: portrait){

	#CARACTERES {
		width: 0%;
		display: none;
	}

	#FENETREDESCRIPTION {
		width: 100%;
		left: 0%;
/*background-color: #00FF00; /* couleur du fond */
	}
	
	#INFO {
		font-size :0.6em;	
	}
	
	#INFO #titre {
		font-size : 1em;
	}
	
	.colG {
	width : 100%;
	display : inline-block;
	vertical-align: top;  
}
  
.colD {
	width : 100%;
	display : inline-block;
	vertical-align: top;
}
  

/***************************	
@media screen and (orientation: portrait){

	#FENETREDESCRIPTION {
background-color: #00FF00; /* couleur du fond 
	}
}

@media screen and (orientation: landscape){

	#FENETREDESCRIPTION {
background-color: #0000FF; /* couleur du fond 
	}
}
**********************/