

@media only screen and (max-width: 747px){
/*747 : taille mini de centre*/	
/*@media only screen and (max-width: 650px){*/
body#main_body {
	font-size:14px;

 
}
a{
	line-height: 1.7em;
}
.clnoeud {
    line-height: 1.7em;
	font-size:1.15em;
}
#ht_milieu{
		display:none;
	}
#lienaffichagemobile{
	display:block;
}
#ht_dt {
display:none;
}
#header {

    min-width: 140px;
}	
#zonlogoinstit {
    margin: 4px;
}
.nomobile,#mnumonespace,#mnumoncahier,#mnuoutils,#zonremcom,#zoncagnotte,#zonnoteenfant,#zonaccrecherche,#imgaccueil,#zonchronometre,#zonparam,.clavier,#zoneclavierexercice,#aboimages,#aboenbref,#enteteboutons,#exotitre,#icoconsigne,#btnrechercheraide{
display:none;
}

.pourmobile{
display:block;
}
div.onglet_ht_j, div.onglet_ht_vo, div.onglet_ht_g {
width:100px;
}
#container_centre{
	min-width:240px;
}
#sub_container1 
{
		width:100%;
		min-width:240px;
		max-width:300px;
		max-height:none;
}
#sub_container2{
	min-width:240px;
}
.texteencadre{
margin-left:0px;
margin-right:0px;
font-size:0.9em;
}
.cadrefond{
    padding-left: 0px;
    padding-right: 0px;
}
.texteencadre ul{
margin:10px 0 6px 16px;
padding:0px;

}
#zonparam{
font-size:0.9em;
}

div.colgche{
float:none;
width:100%;
margin-right:0px;
}
div.coldte{
display:block;width:100%;
margin-top:10px;
}
.colclear{
clear:none;
}	
.illustr{
    margin: 10px auto 5px auto;
    display: block;
    float: none;
}
ul{
padding-left:15px;
}
.lecon{
	font-size:15px;
}	
.definition{
	margin:2px;
	padding:5px;	
}
.exoquestion{
margin-left:0px;
}	

.encadre{
	margin:2px;
	padding:3px;
	 
}
.textesimple {
margin:1px;
}
.stmobile{
margin-bottom:1.1em !important;margin-top:1.1em!important;
}

#zoneclavierennonce{
	position:fixed;left:0px;top:0px;width:100%;
	border-bottom: 2px outset #CFCFCF;
	background-color:#EEE;
	padding:5px;
	z-index:200;
	max-height:100px;
	overflow:scroll;
	font-size:13px;
}
.modele6couleurs{
padding:10px 0 10px 0;
}

}

@media (max-width:728px) { #frame_publicite_bas { width: 500px; } }
@media (max-width:500px) { #frame_publicite_bas { width: 325px; } }
@media (max-width:325px) { #frame_publicite_bas { width: 260px } }
@media (max-width:260px) { #frame_publicite_bas { display:none} }
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
