body {
	background-color: #a7d4dd;
}

.containerGlobal {
	margin-right: auto; /*z-index: 1;*/
	margin-left: auto;
	height: 720px; /*height: 100%; 682px*/
	width: 960px; /*width: 1024px;*/
	overflow: hidden;
	margin-top: 20px;
	box-shadow: 1px 1px 8px #555;
	background-image: url(images/fond.jpg);

}
.containerGlobal.interieur {background-image: url(images/fond_int.jpg);}/*fond_int*/
.header {
	background-image: url(images/headerQLM.png); /*z-index: 2;*/
	position: relative;
	width: 960px;
	height: 235px;
	background-size: cover;
	background-repeat: no-repeat;
	/*float:left;*/
	margin: 0px;
	padding: 0px;

}

.header_int {
	position: relative;
	width: 960px;
	height: 160px;
		/*background-image: url(images/headerCE2_int.png);*/ /*z-index: 2;*/}



/* Boutons menu */

.boutons {	width: 960px; height: 385px;  float:left;position: relative; z-index: 30; }
.boutons_pt {
	width: 365px;
	height: 555px;
	float: left;
	position: relative;
	z-index: 30;

	
}
/*.boutons, .boutons_pt {position: relative; z-index: 30;}*/
.boutons #Theme01, .boutons #Theme02, .boutons #Theme03, .boutons #Theme04, .boutons #EntreeRessources, .boutons #EntreeDomaines, .boutons #BanquesImg, .boutons #CahierEleve, .boutons #Activites, .boutons #Videos,  .boutons #Evaluations, .boutons #Materiel, .boutons_pt #Theme01_actif, .boutons_pt #Theme02_actif, .boutons_pt #Theme03_actif, .boutons_pt #Theme04_actif,   .boutons #EntreeRessources_actif, .boutons #EntreeDomaines_actif  {
	background-size: cover;
	position: absolute;
	

	
}

.boutons #Theme01:hover {background-image: url(images/Btn_Temps_Over.png);height: 329px;	width: 329px;}
.boutons #Theme02:hover {background-image: url(images/Btn_Espace_Over.png); height: 329px;	width: 329px;}
.boutons #Theme03:hover {background-image: url(images/Btn_Vivant_Over.png); height: 329px;	width: 329px;}
.boutons #Theme04:hover {background-image: url(images/Btn_Matiere_Over.png);height: 329px;	width: 329px; }
.boutons #BanquesImg:hover {background-image: url(images/Btn_BanqueImg_Over.png);height: 142px; width: 342px;}
.boutons #CahierEleve:hover {background-image: url(images/Btn_CahierEleve_Over.png);height: 142px; width: 342px;}
.boutons #Activites:hover {background-image: url(images/Btn_Activites_Over.png);height: 142px; width: 342px;}
.boutons #Videos:hover {background-image: url(images/Btn_Videos_Over.png);height: 142px; width: 342px;}
.boutons #Evaluations:hover {background-image: url(images/Btn_Eval_Over.png);height: 142px; width: 342px;}
.boutons #Materiel:hover {background-image: url(images/Btn_Materiel_Over.png);height: 142px; width: 342px;}


.boutons #EntreeRessources:hover {background-image: url(images/Btn_EntreeRessources_Over.png);}
.boutons #EntreeDomaines:hover {background-image: url(images/Btn_EntreeDomaines_Over.png);}

.boutons #Theme01 {	background-image: url(images/Btn_Temps.png);left: 0px;	top: -31px;	height: 329px;width: 329px;}
.boutons #Theme02 {	background-image: url(images/Btn_Espace.png);left: 196px;top: 60px;	height: 329px;width: 329px;-index: 10;}
.boutons #Theme03 {	background-image: url(images/Btn_Vivant.png);left: 405px;top: -21px;height: 329px;width: 329px;}
.boutons #Theme04 {	background-image: url(images/Btn_Matiere.png);top: 34px;height: 329px;width: 329px; right:0px;}
.boutons #BanquesImg {
	background-image: url(images/Btn_BanqueImg.png);
	top: 36px;
	left: -4px;
	height: 142px;
	width: 342px;
}
.boutons #CahierEleve {
	background-image: url(images/Btn_CahierEleve.png);
	top: 154px;
	height: 142px;
	width: 342px;
	left: -4px;
}
.boutons #Activites {
	background-image: url(images/Btn_Activites.png);
	right: 311px;
	top: 36px;
	height: 142px;
	width: 342px;
}
.boutons #Videos {
	background-image: url(images/Btn_Videos.png);
	right: 311px;
	top: 154px;
	height: 142px;
	width: 342px;
}
.boutons #Evaluations {
	background-image: url(images/Btn_Eval.png);
	right: -2px;
	top: 36px;
	height: 142px;
	width: 342px;
}

.boutons #Materiel {
	background-image: url(images/Btn_Materiel.png);
	right: -3px;
	top: 154px;
	height: 142px;
	width: 342px;
}
.boutons #EntreeRessources {background-image: url(images/Btn_EntreeRessources.png);	right: 752px;top: 342px;height: 150px;width: 207px;}
.boutons #EntreeDomaines {
	background-image: url(images/Btn_EntreeDomaines.png);
	right: 751px;
	top: 365px;
	height: 120px;
	width: 208px;
}
.menu_niv #MenuCM1:hover,.menu_niv #MenuCM1_actif {background-image: url(images/Btn_Over.png);float: left;height: 43px;width: 190px;	position:relative; margin-right:12px;}

.menu_niv #MenuCM1 {background-image: url(images/BtnCM1.png);	float: left;	height: 43px;	width: 190px;	position:relative; margin-right:12px;}
.menu_niv #MenuCM2:hover, .menu_niv #MenuCM2_actif {background-image: url(images/BtnCM2_Over.png);float:left; display:inline-block;	height: 43px;	width: 190px;position:relative;margin-right:12px;}
.menu_niv #MenuCM2 {background-image: url(images/BtnCM2.png);	float:left; display:inline-block;	height: 43px;	width: 190px;
	position:relative;margin-right:12px;
}
.menu_niv #MenuEntreeRessources:hover, .menu_niv #MenuEntreeRessources_actif {background-image: url(images/Btn_EntreeRessources_Over.png);	 display:inline-block;
	height: 43px;
	width: 220px;
	position:relative;}
.menu_niv #MenuEntreeRessources {
	background-image: url(images/Btn_EntreeRessources.png);
	 display:inline-block;
	height: 43px;
	width: 220px;
	position:relative;
}


/* Boutons menu (dans chaque matière) */
.boutons_pt #Theme01, .boutons_pt #Theme02, .boutons_pt #Theme03, .boutons_pt #Theme04 {background-size: cover;	position: absolute; width: 317px; height: 81px;}
.boutons_pt #BanquesImg, .boutons_pt #CahierEleve, .boutons_pt #Activites, .boutons_pt #Videos, .boutons_pt #Evaluations, .boutons_pt #FondsCartes, .boutons_pt #Materiel{background-size: cover;	position: absolute;	width: 293px;height: 75px;left: 0px;}
.boutons_pt #EntreeDomaines{background-size: cover;	position: absolute;	width: 208px;	height: 122px;	left: -19px;}
.boutons_pt #EntreeRessources{background-size: cover;position: absolute;width: 207px;height: 150px;left: -13px;}
.boutons_pt #Theme01 {background-image: url(images/Btn_Theme01_int.png);top: 39px;}
.boutons_pt #Theme02 {background-image: url(images/Btn_Theme02_int.png);top: 120px;}
.boutons_pt #Theme03 {background-image: url(images/Btn_Theme03_int.png);top: 198px;}
.boutons_pt #Theme04 {background-image: url(images/Btn_Theme04_int.png);top: 275px;}
.boutons_pt #BanquesImg {
	background-image: url(images/Btn_BanquesImg_int.png);
	top: 30px;
}
.boutons_pt #CahierEleve {
	background-image: url(images/Btn_CahierEleve_int.png);
	top: 227px;
}
.boutons_pt #Activites {
	background-image: url(images/Btn_Activites_int.png);
	top: 97px;
}
.boutons_pt #Videos {
	background-image: url(images/Btn_Videos_int.png);
	top: 294px;
}
.boutons_pt #Evaluations {
	background-image: url(images/Btn_Evaluations_int.png);
	top: 161px;
}
.boutons_pt #FondsCartes {	background-image: url(images/Btn_FondsCartes_int.png);top: 325px;}
.boutons_pt #Materiel {
	background-image: url(images/Btn_Materiel_int.png);
	top: 359px;
}
.boutons_pt #EntreeDomaines {
	background-image: url(images/Btn_EntreeDomaines.png);
	top: 417px;
}
.boutons_pt #EntreeRessources {background-image: url(images/Btn_EntreeRessources.png);top: 373px;}

.boutons_pt #Theme01_actif, .boutons_pt #Theme01:hover {background-image: url(images/Btn_Theme01_intOver.png);width: 385px;	height: 92px;	top: 38px;}
.boutons_pt #Theme02_actif, .boutons_pt #Theme02:hover {background-image: url(images/Btn_Theme02_intOver.png);width: 385px;height: 92px;	top: 115px;}
.boutons_pt #Theme03_actif, .boutons_pt #Theme03:hover {background-image: url(images/Btn_Theme03_intOver.png);	width: 385px;height: 92px;	top: 192px;}
.boutons_pt #Theme04_actif, .boutons_pt #Theme04:hover {background-image: url(images/Btn_Theme04_intOver.png); width:385px; height:92px; 	top: 270px;}

.boutons_pt #BanquesImg_actif, .boutons_pt #BanquesImg:hover {
	background-image: url(images/Btn_BanquesImg_intOver.png);
	width: 385px;
	height: 80px;
	background-size: cover;
	background-size: cover;
	position: absolute;
	top: 27px;
}
.boutons_pt #CahierEleve_actif, .boutons_pt #CahierEleve:hover {
	background-image: url(images/Btn_CahierEleve_intOver.png);
	width: 385px;
	height: 80px;
	background-size: cover;
	position: absolute;
	top: 225px;
}
.boutons_pt #Activites_actif, .boutons_pt #Activites:hover {
	background-image: url(images/Btn_Activites_intOver.png);
	width: 385px;
	height: 80px;
	background-size: cover;
	position: absolute;
	top: 94px;
}
.boutons_pt #Videos_actif, .boutons_pt #Videos:hover {
	background-image: url(images/Btn_Videos_intOver.png);
	width: 385px;
	height: 80px;
	background-size: cover;
	top: 290px;
	position: absolute;
}
.boutons_pt #Evaluations_actif, .boutons_pt #Evaluations:hover {
	background-image: url(images/Btn_Evaluations_intOver.png);
	width: 385px;
	height: 80px;
	background-size: cover;
	position: absolute;
	top: 159px;
}

.boutons_pt #Materiel_actif, .boutons_pt #Materiel:hover {
	background-image: url(images/Btn_Materiel_intOver.png);
	width: 385px;
	height: 80px;
	background-size: cover;
	position: absolute;
	top: 356px;
}
.boutons_pt #EntreeDomaines_actif, .boutons_pt #EntreeDomaines:hover {background-image: url(images/Btn_EntreeDomaines_Over.png);	width: 208px;	height: 122px;	left: -19px; background-size: cover;	position: absolute;top: 417px;}
.boutons_pt #EntreeRessources_actif, .boutons_pt #EntreeRessources:hover {background-image: url(images/Btn_EntreeRessources_Over.png);	width: 207px;	height: 150px;	left: -13px; background-size: cover;	position: absolute;top: 373px;}






#credits {
	font-family: Arial, sans-serif;
	color: #f0e406;
	text-decoration: none;
	font-size: 13px;
	bottom: 8px;
	position: absolute;
	left: 11px;
	z-index: 99;
}

.logo_magnard {
	position: absolute;
	bottom : 22px;
	z-index: 30;
	width:107px;
	height:63px;
	right: 27px;
	background-image: url(images/logo_magnard.png);	 /*width: 1004px;*/
}


.contenuMat {
	z-index: 20;
	position: relative;
	right: 0px;
	top: 0px;
	/*background-color: #fff;*/
	width: 595px;
	height: 551px;
	/*background-position: right bottom;
	background-repeat: no-repeat;*/
	float: left;


	/**width: 610px;*/
	*height: 595px;
	background-image: url(images/fd_cube.png);
}




.cont {
	z-index: 100;
	position: absolute;
	top : 35px;
	left: 50px;
	width: 510px;
	height: 490px;
	overflow: auto;
	padding-right: 15px;
}


.tobbleMenu_deplier {}
.SubMenu_deplier {}
.grosh_deplier {
	background: url(images/fleche_bleu02.png) no-repeat left center;
	background-size: 26px 24.64px;
	font-weight: bold;
	color: #0468b1;
	margin-bottom: 0px;
		padding-left: 35px;
	padding-top: 2px;
	width: 300px;
	font-family: Arial;
	font-weight: bold;
	font-size: 18pt;
	padding-bottom: 2px;
	margin-bottom: 0px;
	color: #0468b1;
}

.grosh em, .grosh_selec em, .grosh_niv02 em, .grosh_niv02_selec em, .grosh_niv02Coul02 em, .grosh_niv02_selecCoul02 em {/*color:#CF1518;*/ font-style:italic;}


.grosh, .grosh_selec {
	padding-left: 30px;
	padding-top: 2px;
	width: 300px;
	font-family: Arial;
	font-weight: bold;
	font-size: 18pt;
	padding-bottom: 2px;
	margin-bottom: 0px;
	color: #0468b1;
}
.grosh {
	background: url(images/fleche_bleu01.png) no-repeat left center;
	background-size: 26px 24.64px;

	margin-bottom: 0px;
		font-family: Arial;
	font-weight: bold;
	font-size: 18pt;
}
/*------------------------ pour demo---------------------------*/
.toggleSubMenuGris{
	padding-top: 2px;

	font-family: Arial;
	font-weight: bold;
	font-size: 18pt;
	padding-bottom: 2px;
	margin-bottom: 0px;
	cursor:default;}
	
.grosh_gris {
	background: url(images/fleche_gris.png) no-repeat left center;
	background-size: 26px 24.64px; color: #8e8e8e;
		padding-left: 30px;
	padding-top: 2px;
 }
/*--------------------------------*/
	
.grosh_selec {
	background: url(images/fleche_bleu02.png) no-repeat left center;
	background-size: 26px 24.64px;
	font-weight: bold;
	color: #0468b1;
	margin-bottom: 0px;
}


.grosh_niv02, .grosh_niv02_selec, .grosh_niv02Coul02, .grosh_niv02_selecCoul02  {
	padding-left: 28px;
	padding-top: 2px;
color: #23598e;
	font-family: Arial;
	font-weight: normal;
	font-size: 18pt;
	padding-bottom: 2px;
	margin-bottom: 0px;

}
.grosh_niv02, .toggleSubMenu2 .grosh {
	background-size: 26px 24.64px;
	margin-bottom: 0px;
	display: block;
	
	background-image: url(images/fleche_bleue.png);
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	color: #0468b1;
	background-position:  0% 3px;
}

.grosh_niv02_selec, .toggleSubMenu2 .grosh_selec {
	background-size: 26px 24.64px;
	display: block;

	background-image: url(images/fleche_bleue_ouverte.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 18px;
	font-weight:bold;
	color: #0468b1;
	background-position:  0% 3px;
}

/* nouveaux syles pour evaluations et remediations */
.grosh_niv02Coul02 {
	background-size: 26px 24.64px;
	margin-bottom: 00px;
	display: block;
	/*background-color: #FFF;*/
	background-image: url(images/fleche_bleue_ferme.png);
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight:bold;
	color: #0089e5;
	background-position:  0% 3px;
}

.grosh_niv02_selecCoul02 {
	background-size: 26px 24.64px;
	display: block;
	/*background-color: #FFF;*/
	background-image: url(images/puce_rougeClair.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 18px;
	font-weight:bold;
	color: #0089e5;
	background-position:  0% 3px;
}
/*-------------------------------------*/

.cont a span.pgrosh_niv02 {background-color: white;}
.cont a span.pgrosh_niv02_selec {
	background-color: #CD1F5E;
	background-image: url(images/SsMenu_BordArrondi.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.cont span.pgrosh_niv02:hover, .cont span.pgrosh_niv02_selec:hover {
	background-color: #CD1F5E;
	color: #E3254F;
}


/* Pour le bouton Home (en bas à droite) */
.btnHome {position: relative; z-index: 30;}
.btnHome #home {/*z-index: 1;*/background-size: cover; position: absolute; top: -100px; left: 970px; width: 42px; height: 42px;}
.btnHome #home:hover {background-image: url(images/home_nb.png);}
.btnHome #home {background-image: url(images/home.png);}

/* Pour le défilement du texte */
#navigation li a {text-decoration: none; color: black; /*background-color: red;*/}
/*#navigation img {width: 26px; }*/
#navigation .fleche_bleue {width:11px;}

.cache  {
}

.cache p {
	background-color: transparent;
	padding-left:22px;
	font-family: Arial;
	font-size: 9pt;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 21pt;
}
.cache p:hover {background-color: transparent; color: black;}
.cache_niv02  {padding-top:0px; padding-bottom:5px;}

.cache_niv02 p {
	background-color: transparent;
	padding-left: 50px;
	font-family: Arial;
	font-size: 9pt;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom:0px;
	margin-left: 0px;
	line-height: 25pt;
}

.cache_niv02 p img {vertical-align:-4px;}
/*.deplier span  {
	padding-left: 0px;
}
.deplier .fleche_bleue {
	padding-left: 35px;
}


.cache_niv02 p:hover {background-color: transparent; color: black;}
.nocache  {
}

.nocache p {
	background-color: transparent;
	padding-left: 30px;
	font-family: Arial;
	font-size: 9pt;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 12pt;
}
.nocache p:hover {background-color: transparent; color: black;}*/
.couleur_eval {
	color: #0080C0;
}

.ssMen1, .ssMen2 {

	font-size: 14px;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.ssMen1.eval {color: #0080C0;}
.ssMen1 {
	color: #000;
	font-size: 14px;

	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.fuschia {color: #800040;}
.ssMen2 {
	color: #0072BC;
	font-size: 14px;

	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.ssMen2_espace{
	color: #0072BC;
	font-size: 13px;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

li {
	clear: both;
	list-style-type: none;
	padding: 0px;
	margin: 3px  0px;
	font-size: 14px;
}

ul {
	padding: 0px;
	margin: 0px;
}

.containerGlobal #container #contenuMat #cont #navigation .toggleSubMenu .subMenu li .cache p span a img{
	vertical-align: text-bottom;
	}
	
.containerGlobal #container #contenuMat #cont #navigation .toggleSubMenu .subMenu li .cache p span a img {
	vertical-align: text-bottom;
	margin-top: 2px;
	margin-bottom: 2px;
	}	
.titre_credits {
	width: 460px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;

	color: #0468b1;
	margin: 0px;
	padding-top:6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.img_credits{
	margin-right: 10px;
	float: left;
	margin-top: 9px;
	position: absolute;
	left: 12px;
}


p.auteurs_credits {
	font-family: arial;
	font-size: 9pt;
	padding-left: 30px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 6px;
	}
	
.fonction_credits {
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	color: #0468b1;
	padding-left: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	}
.fermer {
	height: 20px;
	width: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
	}
sup {
	vertical-align: text-top;
}
.grosh_niv02 em {
	font-style: italic;
}