/*****************************/
/* Structure générale du site */
/**************************/
body {
margin:0; padding:0;
/*background: url(../img/Fond-haut.jpg) no-repeat center top #EAEEB9;*/
/*background: #eaeeb9;*/
background: aliceblue;
/*background: black;*/
/*background: lavenderblush*/;
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
#logo{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100px;
	margin: 2px;
	width: 100px;
/*	border: 1px solid #ff0000;*/
}
#entete{
	position: absolute;
	left: 101px;
	top: 0px;
	height: 30px;
/*	margin: 2px;*/
	width: 770px;
/*	border: 1px solid #ff0000;*/
	text-align: center;
	font: normal 80% "Trebuchet MS", Tahoma, Arial;
	background:url(../img/feuillage.jpg) repeat-x;
	text-align:center;
	}
#menup{
	position: absolute;
	left: 99px;
	top: 38px;
	margin: 2px;
	width: 770px;
/*	border: 1px solid #00ff00;*/
	text-align: center;
/*	background:goldenrod;*/
}

/* mise en place du menu 1 : accueil,agenda, annuaire */
#menu{list-style: none;}
#menu span {display: none;}
#menu a {display: block;text-indent: -900%;position: absolute;outline: none;}
#menu a:hover {background-position: left bottom;}
#menu a:hover span{display: block;}
#menu .accueil{width: 80px; height: 35px; left: 0px; top: 0px; background: url(../img/accueil.gif) no-repeat;}
#menu .annuaire{width: 105px; height: 30px; left: 80px; top: 5px; background: url(../img/annuaire.gif) no-repeat;}
#menu .agenda{width: 80px; height: 40px; left: 200px; top: 0px; background: url(../img/agenda.gif) no-repeat;}

/* mise en place du menu 2 : infos, news, actu, biblio, liens */
#menu2 {border:1px solid #ff0000; left:280px !important; left:270px; list-style-type: none;position:absolute; top:-10px !important; top:14px;}
#menu2 li a { display: block; height: 20px; float: left; width:60px;}
#menu2 li {float:left; padding:0 20px 0 0; width: 60px; height: 20px;}
#menu2 li a#info { background: url(../img/infos.png) no-repeat; }
#menu2 li a#news { background: url(../img/medias.png) no-repeat; }
#menu2 li a#actu { background: url(../img/actu.png) no-repeat; }
#menu2 li a#biblio { background: url(../img/biblio.png) no-repeat; }
#menu2 li a#liens { background: url(../img/liens.png) no-repeat; }
#menu2 li a#ecole { background: url(../img/ecoles.png) no-repeat; }

#gauche{
	position: absolute;
	left: 0px;
	top: 101px !important;
	top: 99px;
	margin: 2px;
	width: 150px;
	height: 500px;
/*	border: 1px solid #ff0000;*/
	font: normal 80% "Trebuchet MS", Tahoma, Arial;
}
#texte {
	position: absolute;
	left:151px !important;
	left:155px;
	top: 101px !important;
	top: 99px;
	margin: 2px;
	padding-left:5px !important;
	padding-left:20px;
	padding-right:5px !important;
	padding-right:20px;
	width: 624px !important;
	width: 608px;
/*	height: 500px;*/
/*	border-left: 3px solid #008000;*/
	text-align: justify;
	font: normal 80% "Trebuchet MS", Tahoma, Arial;}
#droite {
	position: absolute;
	left: 776px;
	top: 101px !important;
	top: 99px;
	margin: 2px;
	padding-left:10px;
	width: 225px;
	height: 500px;
	border: 0px solid #0000ff;
	font: normal 80% "Trebuchet MS", Tahoma, Arial;
}
/* mise en page des textes de la colone de droite */
#droite h1 {
	color: #c3d73a; border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px; font: normal 120% "Trebuchet MS", Tahoma, Arial;
	padding: 10px 0 2px 0; margin:0;}
#droite p { font: normal 75% "Trebuchet MS", Tahoma, Arial; padding-bottom: 2px; text-align:justify;}
#droite p a {text-decoration:none; color: black;}
#droite p span.date {color:#c3d73a; font-size:80%;
					margin: 0 10px 0 0; padding: 0 0 0 18px;
					background: url(../img/add-comment-green.gif) no-repeat ;
					}


/**********/
/* images */
/*******/

img.left {Border: 1px solid #E3E3E3; float:left; margin: 0 8px 3px 0;}
#cold img {Border: 1px solid #E3E3E3; margin: 8px	 0 0 0;}

/**********/
/* annuaire*/
/*******/
.table-annuaire {border-collapse:collapse;}
.un{
text-align:center;
background: url(../img/annu/fond-annuaire_01.png) no-repeat;
width:63px;
height:120px;
}
.deux{background-image: url(../img/annu/fond-annuaire_11.png);}
.trois{background-image: url(../img/annu/fond-annuaire_06.png);height:80px;}
.quatre{
background-image: url(../img/annu/fond-annuaire_05.png);
height: 45px;
text-align: center;
font: bold 110% "Trebuchet MS", Tahoma, Arial;
color:#4F97BF;
}
.cinq{
font:  80% "Trebuchet MS", Tahoma, Arial;
}
.six{
font:  70% "Trebuchet MS", Tahoma, Arial;
}
.sept{
background-image: url(../img/annu/fond-annuaire_07.png); width:450px;
font:  80% "Trebuchet MS", Tahoma, Arial;
}
.huit{width:100px; background:#eaeeb9;}
.table-annuaire img {
	padding: 0 8px 0 10px;
	}
img.quatre {Border: 1px solid #E3E3E3; margin: 0; padding:0;}
#livre {
	color: #c3d73a;
	position: absolute;
	left:10px;
	top:0px;
	width:100px;
	border: 0px solid #ff0000;
	padding: 10px 0 2px 0; margin:0;}
#actu1 {
	color: #c3d73a;
	position: absolute;
	left:10px;
	top:200px;
	width:100px;
	border: 3px solid #c3d73a;
	padding: 10px 0 2px 0; margin:0;
	background: #eaeeb9;
	background: #a0c0d0;
	}
#pub1 {
	color: #c3d73a;
	position: absolute;
	height: 90px;
	border: 2px solid #c3d73a;
	padding: 5px 0 2px 0;
	background: #ffffff;
	}
#pub2 {
	color: #c3d73a;
	position: absolute;
	height: 90px;
	border: 2px solid #c3d73a;
	padding: 1px 0 2px 0;
	background: #ffffff;
	}
#pa1 {
	color: #c3d73a;
	position: absolute;
	height: 90px;
	border: 2px solid #c3d73a;
	padding: 0 0 0 0;
	background: #ffffff;
	}
#lastinfos {
	position:relative;
	top:0;
	left:0;
	width:148px;
	height:250px;
	border:0px solid black;
	overflow-y:scroll;
/*
	scrollbar-face-color:green;
	scrollbar-base-color:green;
	scrollbar-highlight-color:green;
	scrollbar-3dlight-color: green;
	scrollbar-darkshadow-color:green;
	scrollbar-arrow-color:yellow;
	scrollbar-shadow-color:green;
	scrollbar-track-color:yellow;
*/
	}