body {
	margin: 0px;
	padding: 0px;
	color: black;
	font-family: serif; 
	background-color:#FFCC33;
	background-image: url(bandeau.png);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: top right;
	}
	

/* Pour la page d'index */

#page1 {
	position : absolute;
	left : 10px ;
	top : 8em ;
  	margin-right:50px;
  	}

#tableau {
	margin:20px 0px 20px 0px;
	}
	


#colgauche {
		  float: left;
        width: 65% ;
        margin-top : 100px;
        padding-left:20px;
        text-align:justify;
        /*background:lightgrey;
        border:2px dotted black;*/
        }
    
#coldroite {
		margin-left:76%;
		text-align:right;
      right: 0px;
      margin-top:-100px;
      padding-left:15px;
      /*background:white;*/
      border-left:1px dashed red;*/
        }

/*#colcentrale {
        padding : 0px 225px 5px 215px;
        margin: 0px;
        text-align:justify;
        background:red;
        border:0px ridge green;
        }*/

   
   
#icones {
clear:both;
	position:relative;
	padding-top:40px;
	width:80%;
	color:red;
	/*background:pink;
   border:1px dashed red;*/
	}



a {
	color:blue;
	border-bottom: 1px dotted #5b80b2;
	text-decoration: none;
}

a:hover {
   color: blue;
   background-color:#fff200;
	border-bottom: 1px dotted blue;
	text-decoration: none;
}

a:visited {
   color: green;
	border-bottom: 1px dotted green;
	text-decoration: none;
}



	
a.icone{
	border:none;
	background-color:transparent;
	text-decoration: none;
	}


td{
	vertical-align: top;
	padding: 5px 20px 20px 5px;
	}
	


/* Le menu */

#navigation{
	position : absolute;
	top:0px;
	left:0px;
	background-color : #45aef9;
	color:black;
	width:100%;
	}

#navigation a:visited {
   color:white;
	border-bottom: 1px dotted white;
	text-decoration: none;
}		

#navigation a {
	color:black;
	font-weight:bold;
	border-bottom: 1px dotted black;
	text-decoration: none;
}

#navigation a:hover {
   color: black;
   background-color:#FFCC33;
	border-bottom: 1px dotted #5b80b2;
	text-decoration: none;
	}

table.menu {
	padding: 0px 0px 0px 0px ;
	border-bottom : 1px solid black;
	border-right : 1px solid black;
	}

td.menu {
	border-top : 1px solid black;
	border-left : 1px solid black;
	width:10%;
	text-align: center;
	font-size:10pt;
	}
	


.education {
	color:red;
	}


/* Les couleurs du menu */

.accueil{
	background-color: #EF6943;
	padding: 5px 5px 10px 5px ;
	}

.utopies{
	background-color: #FE7E8B;
	padding: 5px 5px 10px 5px ;
	}

.faire	{
	background-color: #C081DC;
	padding: 5px 5px 10px 5px ;
	}

.necro	{
	background-color: #898DE2;
	padding: 5px 5px 10px 5px ;
	}

.eduquons		{
	background-color: #96b5f7;
	padding: 5px 5px 10px 5px ;
	}

.mediatheque	{
	background-color: #7fccd8;
	padding: 5px 5px 10px 5px ;
	}
	
.medias{
	background-color:#a6db95 ;
	padding: 5px 5px 10px 5px ;

	}

.creteil	{
	background-color: #70D931;
	padding: 5px 5px 10px 5px ;
	}
	
.forum		{
	background-color: #dfe20b;
	padding: 5px 5px 10px 5px ;
	}
	
.liens	{
	background-color: #f4af38 ;
	padding: 5px 5px 10px 5px ;
	}