html{
height: 100%;
}
body{
background-color: #CCCCCC;
height: 100%;
margin: 0;
padding: 0;
font-family : Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size : 0.8em ;
} 
.tr_bordure {
border : 1px solid black ;
	}


#zone2_internet,#z1_documents, #z1_activités,#z1_activités_imprimer ,#z1_exercices,#zone4_portail, #zone4_recherche
,#z4_activités_portail ,#z4_activités
{
display : none ;
}

#zone3_sécurité {
display : none ;
}


.exo {
margin-left : 20px ;
}
.titre
{  
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-left: auto;
	margin-right: auto;
	width: 90%;
	text-align: center;
}

.navbar
{  
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    background-color: #CC3333;
    margin-left: auto;
	margin-right: auto;
	width: 90%;
	border-style: solid;
	border-width: thin;

}

.résumé_général
{  
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    text-align : left ;
    margin-left: auto;
	margin-right: auto;
	width: 100%;
	font-size : 0.7em ;


}
.boite
{  
    margin-top: 15px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-left: 2px;
    background-color: #CC3333;
    margin-left: auto;
	margin-right: auto;
	width: 90%;

	border-style:none ;
	

}

.boite2
{   padding-left: 5px;
	border-width: thin;
	border-bottom-width: thin ;
	border-left-width: 0px ;
	border-right-width: 0px ;
	border-style: solid;
	margin-top: 10px;
	

	
}

.boite3
{  
    margin-top: 15px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-left: 2px;

    margin-left: auto;
	margin-right: auto;
	width: 97%;

	border-style: solid;
	border-width: thin;

}

.boite4
{  
    margin-top: 15px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-left: 2px;
    background-color: #CCFFCC;
    margin-left: auto;
	margin-right: auto;
	width: 97%;

	border-style: solid;
	border-width: thin;

}

.boite5
{  
    margin-top: 15px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-left: 2px;
    background-color: #FFCC33;
    margin-left: auto;
	margin-right: auto;
	width: 97%;

	border-style: solid;
	border-width: thin;

}

.boite_activite1
{  
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 16px;
background-color:#CCCCCC;
    margin-left: 5%;
	
	width: 87%;
	border-style: solid;
	border-width: thin;

}

.boite_google
{  
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 16px;
background-color:#CCCCCC;
    margin-left: 5%;
	width: 87%;
	height : 150px ;
	border-style: solid;
	border-width: thin;

}

.titre_activite1
{
margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;

margin-right: auto;
width: 87%;
color : #339966;

}

.div1
{

    background-color: #339966;
	margin-bottom: 7px;
}

.div2
{

    background-color: #3399CC;
	margin-bottom: 7px;
}

.div3
{

    background-color: #FF8000;
	margin-bottom: 7px;
}

.div4
{

    background-color: #00CC99;
	margin-bottom: 7px;
}




.div5
{

    background-color: #990099;
	margin-bottom: 7px;
}

.boite_mdr
{
border-bottom: 1px solid;
border-top: 1px solid;

 background-color:#CCCCCC;
	margin-bottom: 10px;

}

.exercices
{
text-align: center;
padding : 0 ;
margin : 0 ;

}

.cellules
{
width : 200px;
text-align:center ;
margin: 0pt;
padding-right: 10pt;
padding-bottom :0pt ;
padding-top :0pt ;
font-size: 0.7em ;
}



h2
{ background-color : #CCCCCC ;
border-width : 0px 0px 0px 0px ;
margin: 0;
padding: 0;
} 

h1
{
border-width : 0px 0px 0px 0px ;
margin: 0;
padding: 0;
} 

.lien
{ 
color : #000000 ;
} 

.lien:hover
{ background-color : #000000 ;
color : #CCCCCC;
} 


#lien
{ 
color : #000000 ;
} 

#lien:hover
{ background-color : #000000 ;
color : #CCCCCC;
} 

#menu_navigateur
{ background-color : #339966 ;
text-align : center ;
 }
 
 
#menu_internet, #menu_sécurité, #menu_recherche, #menu_portail
{
background-color : #CCCCCC ;
text-align : center ;
} 

#zone1_navigateur
{
background-color:#339966;
}

#z1_résumé, #z1_documents, #z1_activités, #z1_complément, #z1_exercices
{
padding-bottom: 7px;
}

#z2_résumé, #z2_documents, #z2_activités,#z4_résumé, #z4_documents, #z4_activités, #z4_résumé_portail
, #z4_documents_portail, #z4_activités_portail
{
padding-bottom: 7px;
}

#z1_résumé, #z1_documents, #z1_activités, #z1_complément, #z1_exercices
{
background-color : #CCFFCC ;
}

#zone2_internet
{
background-color:#3399CC;
}

#z2_résumé, #z2_documents, #z2_activités, #z2_complément, #z2_exercices
{
background-color : #DAFBFE ;
}

#zone3_sécurité
{
background-color:#FF8000;
}

#z3_résumé, #z3_documents, #z3_activités, #z3_complément, #z3_exercices
{
background-color : #FFCC33;
}

#zone4_recherche
{
background-color:#00CC99;
}
#zone4_portail
{
background-color:#990099;
}


#z4_résumé, #z4_documents, #z4_activités, #z4_complément, #z4_exercices

{
background-color : #FFFFAA ;
}
#z4_résumé_portail, #z4_documents_portail, #z4_activités_portail,  #z4_exercices_portail
{

background-color : #FFD7FF ;
}