html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
	font: 90% "Trebuchet MS", sans-serif;
	background-image: url(img/background.png);
}

hr{
border-color: rgb(76, 102, 153);
border-bottom: 1px solid;
border-top: 0px none;
width: 50%;
}

ul{
list-style-type: square;

}

ul li{
	margin-bottom: 20px;
}

ol li{
	margin-bottom: 20px;
}

ul.charte{
	line-height: 2;
	margin: 0;
	padding: 10px 20px 10px 20px;
	border: 1px solid #336699;
	background-color: #E7EFFC;
	 color: rgb(0, 51, 153);
}

ul.charte li{
	color: rgb(0, 51, 153);
	font-weight: bold;
}

ul.charte1{
	line-height: 2;
	margin: 0;
	padding: 10px 20px 10px 20px;
	border: none;
}

ul.charte1 li{
 color: rgb(0, 51, 153);
 font-weight: normal;
}


td { text-align: left;
    vertical-align: top;
    font-family: verdana;
    font-size: 10pt;
    color: rgb(0, 51, 153);
    }

p { margin: 5px 0pt 10px;
    line-height: 2em;
    font-size: 10pt;
    text-decoration: none;
	 font-family: verdana;
    color: rgb(0, 51, 153);
	 text-align: justify;
	 font-weight: normal;
    }
	 
a { font-family: verdana;
    font-size: 10pt;
    text-decoration: none;
    font-weight: normal;
    color: rgb(255, 102, 51);
    background-color: transparent;
    }

a:hover { color: rgb(255, 102, 51);
    text-decoration: underline;
	     }
		  
a.img { font-family: verdana;
    font-size: 10pt;
    text-decoration: none;
    font-weight: normal;
    color: rgb(0, 51, 153);
    background-color: transparent;
    }

a.img:hover { 
	 color: rgb(255, 102, 51);
    text-decoration: underline;
	     }

h1 {
	color: rgb(0, 51, 153);
	font-weight: bold;
	text-align: left;
	font-size: 16px;
	border-bottom: solid 1px;
	border-color: rgb(0, 51, 153);
	font-family: verdana;
}
	 
ol{
	font-family: verdana;
	text-align: justify;
}

ul {
	 font-family: verdana;
	 text-align: justify;
}

/* --------------- tableau telechargement doc --------------- */	 

table.telechargement{
margin: 0px;
font-family: verdana;
border-collapse: collapse;
text-align: justify;
}

table.telechargement tr.ligne0{
line-height: 20px;
background-color: #336699;
color: #FFFFFF;
font-size: 14px;
}

table.telechargement tr.ligne1{
background-color: #FFFFFF;
font-size: 10px;
}

table.telechargement tr.ligne2{
background-color: #E7EFFC;
font-size: 10px;
}

table.telechargement div.description {
	background:none;
	padding-top:7px;
	padding-bottom: 7px;
	margin:0;
	font-size: 10px;
}


/* --------------- tableau réseau --------------- */	 

table.reseau{
margin: 0px;
font-family: verdana;
border-collapse: collapse;
text-align: justify;
line-height: 20px;
}

table.reseau a{
	 font-family: verdana;
    font-size: 11px;
    text-decoration: none;
	 font-weight: normal;
    color: rgb(255, 102, 51);
    background-color: transparent;
}

table.reseau a:hover {
	color: rgb(255, 102, 51);
   text-decoration: underline;
}

table.reseau tr.ligne0{
line-height: 20px;
background-color: #336699;
color: #FFFFFF;
font-size: 14px;
border-left: 1px solid;
border-color: #336699;
}

table.reseau tr.ligne1{
background-color: #FFFFFF;
}

table.reseau tr.ligne2{
background-color: #E7EFFC;
}

table.reseau div.description {
	background:none;
	padding-top:7px;
	padding-bottom: 7px;
	margin:0;
	font-size: 10px;
}

table.reseau td {
vertical-align: middle;
font-size: 11px;

}

/* --------------- bloc de sous-titre --------------- */	 
	 
div.blocsoustitre{
font-weight: bold;
font-family: verdana;
text-align: justify;
margin-left:0px;
padding: 5px 10px 5px 10px;
background-color: #E7EFFC;
font-size: 8pt;
line-height:15px;
width: 533px;

}
/* ---------------- bloc menu top --------------- */	 

div.menutop{
margin-top: 25px; 
margin-right: 30px;
text-align: right;
color: #E7EFFC;
font-family: arial;
}

div.menutop a{
color: #FFFFFF;
text-decoration: none;
background-color: transparent;
font-family: arial;
}

div.menutop a:hover{
color: rgb(255, 102, 51);
background-color: transparent;
text-decoration: none;
	
}

div.menutop a.encours{
	color: rgb(255, 102, 51);
	font-family: arial;
}

/* ----------------- menu site ----------------- */
	 
ul#menu{
margin: 0;
padding: 0;
list-style-type: none ;
border-top: 1px solid #336699;
font-family: arial;
display: block;
width: 150px;
	/*background: url(img/bg_menu.gif) no-repeat 0 0 ;*/
font-size: 13px;
text-indent: 8px;
font-weight: bold;
color: rgb(0, 51, 153);
background-color: transparent;
text-decoration: none;
line-height: 21px;

}


ul#menu li {
	width: 150px;
	margin: 0px 0px 0px 0px;
		background: url(img/31.gif) no-repeat 0px 7px ;
	border-bottom: 1px solid #336699;
}

ul#menu li a {
font-family: arial;
	display: block;
	width: 150px;
	/*background: url(img/bg_menu.gif) no-repeat 0 0 ;*/
	font-size: 13px;
	text-indent: 8px;
	font-weight: bold;
	color: rgb(0, 51, 153);
	background-color: transparent;
	text-decoration: none;
	line-height: 21px;

}

ul#menu li a:hover { font-family: arial;
    /*background: url(img/bg_menu.gif) no-repeat 0 -21px;*/
	 background: url(img/30.gif) no-repeat 0px 7px ;
	 background-color: #E7EFFC;
	 list-style-type:none;
	 font-size: 13px;
    font-weight: bold;
	 color: rgb(0, 51, 153);
	 	 text-indent: 8px;
    }
	
ul#menu li a.encours { font-family: arial;
    display:block;
	 text-indent: 8px;
	 background: url(img/30.gif) no-repeat 0px 7px ;
	 background-color: #E7EFFC;
	 /*background: url(img/bg_menu.gif) no-repeat 0 -21px ;*/
	 font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    color: rgb(0, 51, 153);
	 line-height: 21px;
}

ul#menu li a:hover.encours { font-family: arial;
    /*background: url(img/bg_menu.gif) no-repeat 0 0;*/
	 font-size: 13px;
    font-weight: bold;
	 background-color: #E7EFFC;
	 list-style-type:none;
	 color: rgb(0, 51, 153);

}

/* ----------------- sous menu site ----------------- */
	 
ul#smenu1{
margin: 0;
padding: 0;
list-style-type: none ;
border-top: 0px solid #336699;
line-height: 21px;
	background-color: #D5DCE9;
}


ul#smenu1 li {
	width: 130px;
	margin: 0px 0px 0px 20px;
	line-height: 21px;
	border-bottom: none;

}

ul#smenu1 li a {
   font-family: arial;
	display: block;
	width: 130px;
	font-size: 13px;
	text-indent: 8px;
	color: rgb(0, 51, 153);
	background-color: #D5DCE9;
	text-decoration: none;
	line-height: 21px;
	font-weight: normal;
	background: url(img/31.gif) no-repeat 0px 7px ;
}

ul#smenu1 li a:hover {
		font-weight: normal;
		
}

ul#smenu1 li a.encours{
		 background: url(img/29.gif) no-repeat 0px 7px ;
	 	 font-weight: normal;
}

ul#smenu1 li a:hover.encours{
	 	 font-weight: normal;
		 background: url(img/29.gif) no-repeat 0px 7px ;
}
/* ------------coordonées--------------------- */

div.coo{
	background-color: rgb(51, 102, 153);
	text-align: center;
	font-size: 8pt;
	font-family: arial;
}

a.coo{
	font-size: 8pt;
	font-family: arial;
	color: White;
	text-decoration: none;
}

a.coo:hover{
	font-size: 8pt;
	font-family: arial;
}

/* ------------liens bas de page "bdp"--------------------- */


td.bdp{
	text-align: center;
	line-height: 15px;
	font-family: Arial;
	font-size: 8pt;
	background-color: rgb(255, 255, 255);
	color: #003399;
}

td.bdp a{
	font-size: 8pt;
	font-family: Arial;
}

div.bdp{
	text-align: center;
	font-family: Arial	;
	font-size: 8pt;
	line-height: 12pt;
	background-color: transparent;
	color: rgb(76, 102, 153);
}

div.bdp a {
	color: rgb(76, 102, 153);
	font-family: Arial;
	font-size: 8pt;
	text-decoration: none;
}

div.bdp a:hover {
	text-decoration: none;
	color: rgb(0, 51, 153);
}