<!--
/*************************************************************************************/
/*** La cour de recreation                                                         ***/
/*** Design inspire librement de PRET-A-PORTER de Minz Meyer  www.csszengarden.com ***/
/*************************************************************************************/
/*** *** Balises globales ***/
.mur1, .punaisehd, .punaisehg, h1, .classes, .marelle1, .marelle2, .mur2, .fresque, .herbe, .arbre {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	}
.affiche1, .affiche2, .affiche3, .affiche4 {
	margin: 0;
	padding: 0px 5px 10px 5px;
	border: 0;
	position: absolute;
	}
.affiche2 h2, .affiche3 h2, .affiche4 h2 {
	margin: 0px auto;
	padding: 0;
	border: 0;
	}
/***A*** Balises specifiques Mur de Gauche ***/
.transition {
	margin: 0;
	padding: 0;
	border: 0;
	position: fixed;
	left: 215px;
	top: 0px;
	width: 20px;
	height: 540px;
	z-index: 90;
	}
/* IE < 7 ignore les styles avec [attributes], il ne va donc pas lire ce qui suit = css hack pour image transparente; */
.transition[class] {
	background: url('transition.png') no-repeat;
	}
.mur1 {
	left: 221px;
	top: 144px;
	width: 323px;
	height: 307px;	
	z-index: 10;	
	}
/* IE < 7 ignore les styles avec [attributes], il ne va donc pas lire ce qui suit = css hack pour image transparente; */
.mur1[class] {
	background: url('mur1.png') no-repeat;
	}
	
/***B*** Balises specifiques Premiere Affiche ***/
.affiche1 {
	left: 270px;
	top: 83px;
	width: 220px; /* Pour prendre en compte le padding 5+5 */
	text-align: justify;
	z-index: 20;	
	}
.affiche1[class] {
	background: url('affiche.png') repeat;
	}
.punaisehd {
	left: 488px;
	top: 35px;
	width: 14px;
	height: 21px;
	z-index: 21;
	}
.punaisehd[class] {
	background: url('punaisehd.png') no-repeat;
	}
.punaisehg {
	left: 265px;
	top: 35px;
	width: 14px;
	height: 21px;
	z-index: 21;
	}
.punaisehg[class] {
	background: url('punaisehg.png') no-repeat;
	}
h1 {
	left: 270px;
	top: 40px;
	width: 230px;
	height: 43px;
	background: url('titre.png') no-repeat;
	z-index: 20;
	}
/***C*** Balises specifiques Panoramique des classes ***/
.classes {
	left: 514px;
	top: 0px;
	width: 995px;
	height: 310px;
	z-index: 5;
	}
.classes[class] {
	background: url('classes.png') no-repeat;
	}
.affiche2 {
	left: 670px;
	top: 390px;
	width: 770px; /* Pour prendre en compte le padding 5+5 */
	text-align: justify;
	z-index: 5;
	}
.affiche2[class] {
	background: url('affiche.png') repeat;
	}
.affiche2 h2 {
	width: 360px;
	height: 34px;
	background: url('titre1.gif') no-repeat;
	z-index: 10;
	}
.marelle1 {
	left: 1267px;
	top: 288px;
	width: 200px;
	height: 181px;
	z-index: 1;
	}
.marelle1[class] {
	background: url('marelle1.png') no-repeat;	
	}	
.marelle2 {
	left: 580px;
	top: 280px;
	width: 217px;
	height: 153px;
	z-index: 1;
	}
.marelle2[class] {
	background: url('marelle2.png') no-repeat;	
	}	
/***D*** Balises specifiques Mur de droite ***/
.mur2 {
	left: 1467px;
	top: 30px;
	width: 290px;
	height: 510px;
	z-index: 10;
	}
.mur2[class] {
	background: url('mur2.png') no-repeat;	
	}	
/***E*** Balises specifiques pour la Fresque murale ***/
.fresque {
	left: 1710px;
	top: 215px;
	width: 921px;
	height: 325px;
	z-index: 20;
	}	
.fresque[class] {
	background: url('fresque.png') no-repeat;	
	}	
.affiche3 {
	left: 1800px;
	top: 60px;
	width: 770px; /* Pour prendre en compte le padding 5+5 */
	text-align: justify;
	}
.affiche3[class] {
	background: url('affiche.png') repeat;
	}	
.affiche3 h2 {
	width: 139px;
	height: 35px;
	background: url('titre2.gif') no-repeat;
	z-index: 10;
	}
/***F*** Balises specifiques de l'herbe ***/
.herbe {
	left: 2604px;
	top: 417px;
	width: 294px;
	height: 120px;
	}
.herbe[class] {
	background: url('herbe.png') no-repeat;	
	}	
/***F*** Balises specifiques de l'arbre a mains ***/
.arbre {
	left: 2880px;
	top: 8px;
	width: 362px;
	height: 530px;
	}
.arbre[class] {
	background: url('arbre.png') no-repeat;	
	}	
.affiche4 {
	left: 2660px;
	top: 75px;
	width: 200px; /* Pour prendre en compte le padding 5+5 */
	text-align: justify;
	}
.affiche4[class] {
	background: url('affiche.png') repeat;
	}	
.affiche4 h2 {
	width: 140px;
	height: 35px;
	background: url('titre3.gif') no-repeat;
	z-index: 10;
	}
-->