﻿.ecoles .centre .header {
	background-image: url(/Images/demenages-bkg01.jpg);
	background-color: #E9F5D1;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.ecoles .nav {
	/*background-image: url(/Images/demenages-bkg02.jpg);*/
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E9F5D1;
	width: 700px;
	border: solid 1px #98C524;
}

.ecoles .nav ul
{
	list-style:none;
	vertical-align:middle;
	width:200px;
	margin-left:10px;
}

.ecoles .nav li 
{
	/*padding: 0 0px 0 0px;
	background-image:url(/Images/puce03.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	vertical-align:top;
height:2.5em;
display:block-inline;
position:relative;*/background-image:url(/Images/puce03.gif);
background-position:left top;
background-repeat:no-repeat;
margin:0;
padding:0 0 0 15px;
}

.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;
}

.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: #E9F5D1;
	padding: 0.5em;
	border: solid #90C81F;
	border-width: 0 0 1px 0;
}

.ecoles .actus .infos {
		text-align: right;
}

/* onglets et navonglets*/
.ecoles td.onglets {
	border: solid #90C81F;
	border-width: 1px;
}

.ecoles .navonglets td {
	background-image: url(/Images/particuliers-bkg06.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/particuliers-bkg08.jpg);
		width:200px;
	background-repeat: no-repeat;
	background-position: left top;
}

.ecoles .navonglets .infos a,
.ecoles .navonglets .infos_on a {
	background-image: url(/Images/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/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/picto-publications.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0.2em 0 0.5em 30px;
}



/* ............... Pictos pour la rubrique Ecoles ....................... */

#cartablevert {
	background-image: url(/Images/P-cartable-vert.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 30px;      	

}

#dechet {
	background-image: url(/Images/P-stop-déchets.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 30px;
}

#eaubleu {
	background-image: url(/Images/P-eau-or-bleu.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 30px;
}

#energie {
	background-image: url(/Images/P-energie.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 30px;
}

#papier {
	background-image: url(/Images/P-moins-de-papier.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 30px;
}

#geste {
	background-image: url(/Images/P-8-gestes.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 30px;
}

#outil {
	background-image: url(/Images/P-outils-dinformation.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 30px;
}

#formation {
	background-image: url(/Images/P-formations.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 30px;
}

#bruit {
	background-image: url(/Images/P-moins-de-bruit.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 30px;      	

}

#empreinte {
	background-image: url(/Images/P-empreinte-ecologique.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0em 0 0.5em 30px;      	

}

/* ...................... Fin picto ecoles ................................*/




