@import url(iehacks.css);

.ecoles .centre .header {
	background-image: url(/Images/ecoles-bkg01.jpg);
	background-color: #86BACA;
	background-repeat: no-repeat;
	background-position: left bottom;
}


.ecoles .nav {
	/*background-image: url(/Images/ecoles-bkg02.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #e5ecf2;
	border: solid 1px #006F90;*/
	width: 700px;
}

.ecoles .nav .column01 
{background-image: url('/Images/ecolesbkg2.jpg'); background-repeat:no-repeat;width:340px;height:224px;
 vertical-align:top;}

.ecoles .nav .column02 
{background-image: url('/Images/ecolesbkg.jpg'); background-repeat:no-repeat;width:339px;height:223px;
 vertical-align:top;}
.ecoles .nav .column02 h4,.ecoles .nav .column01 h4 {padding-left:10px;}

#primaire {
    position:relative; top:110px;left:50px;background-image:url('/Images/puce.gif'); background-repeat:no-repeat;
    background-position:left center;
}
#secondaire {
    position:relative; top:110px;left:140px;background-image:url('/Images/puce.gif'); background-repeat:no-repeat;
    background-position:left center;
}

#primaire a, #secondaire a {
    margin-left:10px;
    
}

.ecoles .nav ul
{
	list-style:none;
	vertical-align:middle;
	width:150px; *width:130px;
	margin-left:10px;
}

.ecoles .nav li 
{
	padding: 0 0px 0 0px;
	background-image:none;
	background-repeat: no-repeat;
	background-position: 0 50%;
	vertical-align:top;
height:2.5em;
display:block-inline;
position:relative;
width:180px;
}

.ecoles .nav li a 
{
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0.0em 0 0.0em 0.2em;
	vertical-align:top;
    height:2.5em;
    line-height:10pt;
    display:block;
	text-decoration: underline;
	padding-top: 7px;
}

.ecoles .nav ul.ecolepuce li
{
	margin: 0 0 0.5em 0;
	margin: 0px;
	background-image: url(/Images/puce03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 0 15px;
}

.ecoles .nav ul.ecolepuce li a
{
	padding: 0 0 0 0;
}
.ecoles .menu1 .on {
	position: absolute;
	bottom: 20px;
	left: 285px;
}
/* Epinglé */
.ecoles .epingle
{
	width:220px;
}

/* actus */
.ecoles .actustd 
{
	width:480px;
}
.ecoles .actus {
	margin: 0em 0em 1em 0px;
	width:450px;
}

.ecoles .actus h3 {
	font-size: 1em;
	padding-bottom:0.2em;
	color: #228ea9;
}

.ecoles .actus .actustitle {
	font-size: 1em;
	color: #228ea9;
	top: 0;
	left: 0;
}

.ecoles .actus .datum {
	float:left;
	width:7em;
}

.ecoles .actus h3 a {
	text-decoration: underline;
}

.ecoles .actus a:hover 
{
	text-decoration: underline;
}

.ecoles .actus .chapeau {
	margin: 0 0 1em 0;
	background-color: #E5F0F4;
	padding: 0.5em;
	border: solid #82bbcb;
	border-width: 0 0 1px 0;
}

.ecoles .actus .infos {
		text-align: right;
}

/* onglets et navonglets*/
.ecoles td.onglets {
	border: solid #5889A7;
	border-width: 1px;
}

.ecoles .navonglets td {
	background-image: url(/Images/ecoles-bkg03.jpg);
	width:200px;
	background-repeat: no-repeat;
	background-position: left top;
	border: solid #b9dc00;
	border-width: 0 0px 0px 0px;
}

.ecoles .navonglets td.infos_on,
.ecoles .navonglets td.gestes_on,
.ecoles .navonglets td.publications_on {
	background-image: url(/Images/ecoles-bkg04.jpg);
		width:200px;
	background-repeat: no-repeat;
	background-position: left top;
}

.ecoles .navonglets .infos a,
.ecoles .navonglets .infos_on a {
	background-image: url(/Images/ecoles-picto-infos.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0.2em 0 0.5em 30px;
}


.ecoles .navonglets .gestes a,
.ecoles .navonglets .gestes_on a {
	background-image: url(/Images/ecoles-picto-gestes.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0.2em 0 0.5em 30px;
}

.ecoles .navonglets .publications a,
.ecoles .navonglets .publications_on a {
	background-image: url(/Images/ecoles-picto-publications.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0.2em 0 0.5em 30px;
}



/* ............... Pictos pour la rubrique Ecoles ....................... */

#alimentation {
	background-image: url(/Images/P-alimentation.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px;      	

}

#cartablevert {
	background-image: url(/Images/P-cartable-vert.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px;      	

}

#dechet {
	background-image: url(/Images/P-stop-déchets.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px;
}

#eaubleu {
	background-image: url(/Images/P-eau-or-bleu.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px;
}

#energie {
	background-image: url(/Images/P-energie.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px;
}

#papier {
	background-image: url(/Images/P-moins-de-papier.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px;
}

#geste {
	background-image: url(/Images/P-8-gestes.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px;
}

#outil {
	background-image: url(/Images/P-outils-dinformation.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px;
}

#formation {
	background-image: url(/Images/P-formations.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px;
}

#bruit {
	background-image: url(/Images/P-moins-de-bruit.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px;      	

}

#empreinte {
	background-image: url(/Images/P-ecole-empreinte.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px;      	

}
#biodiversite {
	background-image: url(/Images/P-ecole-biodiversite.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px;      	

}
#citoyenne {
	background-image: url(/Images/P-ecole-citoyenne.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px; 
}

#air {
	background-image: url(/Images/P-defi-deplacements.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 36px;      	

}

/* ...................... Fin picto ecoles ................................*/