body {

	background-image:url(../images/fond_top.jpg);
	background-repeat:repeat-x;
	margin-top : 0;
	margin-right : 0;
	margin-bottom : 0;
	margin-left : 0;
}
	
* {
	font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 11px;

	margin: 0;
}

h1 
	{
	font-size: 36pt;
	color: #FFFFFF;
	margin-bottom: 0px;
	font-family: Trebuchet MS;
	font-weight: bold;
	display: inline;
	}
h2 
	{
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 11px;
	font-family: Trebuchet MS;
	font-weight: bold;
	}
h3 
	{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 36px;
	font-family: Trebuchet MS;
	font-weight: bold;
	}
h4
	{
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 15px;
	font-family: Trebuchet MS;
	font-weight: bold;
	}
h5
	{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10px;
	font-family: Trebuchet MS;
	font-weight: bold;
	}

h5
	{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10px;
	font-family: Trebuchet MS;
	font-weight: bold;
	text-decoration:none;
	}

h6
	{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	font-family: Trebuchet MS;
	font-weight: bold;
	display: inline;
	}
h6 a:link
	{
	color: #0068c0;
	font-size: 16px;
	font-family: Trebuchet MS;
	font-weight: bold;
	display: inline;
	}
	
h6 a:visited
	{
	color: #0068c0;
	font-size: 16px;
	font-family: Trebuchet MS;
	font-weight: bold;
	display: inline;
	}
	
h6 a:hover
	{
	color: #0068c0;
	font-size: 16px;
	font-family: Trebuchet MS;
	font-weight: bold;
	text-decoration: underline;
	display: inline;
	}
	
h6 a:active
	{
	color: #0068c0;
	font-size: 16px;
	font-family: Trebuchet MS;
	font-weight: bold;
	display: inline;
	}
	
#liens_utiles {background-color: #cce1f2;}
#agenda {background-color: #cce1f2;}
#meteo{background-color: #cce1f2;}
#a_laffiche {background-color: #cce1f2;}
	
#bleu{background-image:url(../images/fond_page_bleu2.jpg);padding-left:15px;padding-right:15px;margin-top:0;margin-bottom:0;}
#vert{background-image:url(../images/fond_page_vert.jpg);padding-left:15px;padding-right:15px;margin-top:0;margin-bottom:0;}
#jaune{background-image:url(../images/fond_page_jaune.jpg);padding-left:15px;padding-right:15px;margin-top:0;margin-bottom:0;}
#rouge{background-image:url(../images/fond_page_rouge.jpg);padding-left:15px;padding-right:15px;margin-top:0;margin-bottom:0;}
#violet{background-image:url(../images/fond_page_violet.jpg);padding-left:15px;padding-right:15px;margin-top:0;margin-bottom:0;}
#ciel{background-image:url(../images/fond_page_ciel.jpg);padding-left:15px;padding-right:15px;margin-top:0;margin-bottom:0;}

/* the menu */

#menunav {
	width: 740px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0;	
	list-style-type: none;
}

#menunav li {
	float: left;
	width: 123px !important;
	width: 90px;
	margin: 0;
	padding: 0;
	border: 0;	
	text-align: center center;
	line-height: 20px;
	font-weight: normal;
	letter-spacing: 0px;
	display: block;
	text-decoration: none;
	background-color: #0068c0;
}

ul,li,a {
	display:block;
	margin:0;
	padding:0;
	border:0;
}

/*
li.rubrique { 
	background:white;
}
*/
	
li.rubrique>ul { left:140px; } /* others */

a {
	padding:2px;
	/* margin:2px; */
	text-decoration:none;
	color: #000000;
	font-weight:bold;

}
	
li>a { width:auto; } /* others */

li a.first-rub1 {
	background-color: #cce1f2;	
	border:1px solid #FFFFFF;
}

li a.first-rub2 {
	background-color: #cdf6d1;	
	border:1px solid #FFFFFF;
}

li a.first-rub3 {
	background-color: #fcf7cc;	
	border:1px solid #FFFFFF;
}

li a.first-rub4 {
	background-color: #fbdbcd;	
	border:1px solid #FFFFFF;
}

li a.first-rub5 {
	background-color: #f4cdf6;	
	border:1px solid #FFFFFF;
}

li a.first-rub6 {
	background-color: #ccffff;	
	border:1px solid #FFFFFF;
}

li a.second-rub1 {
	font-size:1em;
	/* background: transparent url("imgs/fond_hover.png") no-repeat; */
	background-color: #cce1f2;
}

li a.second-rub2 {
	font-size:1em;
	/* background: transparent url("imgs/fond_hover.png") no-repeat; */
	background-color: #cdf6d1;
}

li a.second-rub3 {
	font-size:1em;
	/* background: transparent url("imgs/fond_hover.png") no-repeat; */
	background-color: #fcf7cc;
}

li a.second-rub4 {
	font-size:1em;
	/* background: transparent url("imgs/fond_hover.png") no-repeat; */
	background-color: #fbdbcd;
}

li a.second-rub5 {
	font-size:1em;
	/* background: transparent url("imgs/fond_hover.png") no-repeat; */
	background-color: #f4cdf6;
}

li a.second-rub6 {
	font-size:1em;
	/* background: transparent url("imgs/fond_hover.png") no-repeat; */
	background-color: #ccffff;
}

/* regular hovers */


	
li.rubrique1 a:hover {
	background-color: #0068c0;
	border: 1px solid #0068c0;
}
li.rubrique2 a:hover {
	background-color: #07d11a;
	border: 1px solid #07d11a;
}
li.rubrique3 a:hover {
	background-color: #eed500;
	border: 1px solid #eed500;
}
li.rubrique4 a:hover {
	background-color: #eb4c06;
	border: 1px solid #eb4c06;
}
li.rubrique5 a:hover {
	background-color: #ca07d1;
	border: 1px solid #ca07d1;
}
li.rubrique6 a:hover {
	background-color: #00FFFF;
	border: 1px solid #00FFFF;
}
	
/* hovers with specificity */

li a.first-rub1:hover {
	color: #FFFFFF;
	background: #0068c0;
	text-decoration: none;
}
li a.first-rub2:hover {
	color: #FFFFFF;
	background: #07d11a;
	text-decoration: none;	
}
li a.first-rub3:hover {
	color: #FFFFFF;
	background: #eed500;
	text-decoration: none;
}
li a.first-rub4:hover {
	color: #FFFFFF;
	background: #eb4c06;
	text-decoration: none;
}
li a.first-rub5:hover {
	color: #FFFFFF;
	background: #ca07d1;	
	text-decoration: none;
}
li a.first-rub6:hover {
	color: #FFFFFF;
	background: #00FFFF;	
	text-decoration: none;
}
	
li.rubrique:hover { z-index:10; }		
		
ul ul, li:hover ul ul {
	display:none;
}

li:hover ul, li:hover li:hover ul {
	display:block;
}	

/* FIN MENU */

p	
	{
	color: #000000;
	font-size: 11px;
	font-family: Trebuchet MS;
	text-decoration: none;
	}
p a:link
	{
	color: #0067c0;
	font-size: 11px;
	font-family: Trebuchet MS;
	text-decoration: underline;
	}
p a:visited
	{
	color: #0067c0;
	font-size: 11px;
	font-family: Trebuchet MS;
	text-decoration: underline;
	}
p a:hover
	{
	color: #0067c0;
	font-size: 11px;
	font-family: Trebuchet MS;
	text-decoration: underline;
	}
p a:active
	{
	color: #0067c0;
	font-size: 11px;
	font-family: Trebuchet MS;
	text-decoration: underline;
	}