/* Basic Elements: */
body {
	font: 70% Verdana, Lucida, Helvetica, Arial, sans-serif;
	background-color: White;
	color: #08417B;
	margin: 0;
	padding: 0;
}

table {
	font-size: 100%;
	border : 1px solid #08417B;
	padding:0;
	margin:0;	
	border-collapse: collapse;	
}

td, th {
	margin:0;
	empty-cells: show;
	padding:4px;
	border:1px solid #08417B;
	}

th {
	color: #ffffff;
	background : #08417B;
	border : 1px inset white;
	}

a {
	text-decoration: none;
	color: #336699;
	background-color: transparent;
}

a:hover {
	color: #ff5e00;
}

img {
	border: none;
	vertical-align: middle;
}

p {
	margin: 1em 0em 1em 0em;
	line-height: 1.5em;
	text-indent: 2em;
	text-align: justify;
}

p a {
	text-decoration: underline;
}

p a:visited {
	color: Purple;
	background-color: transparent;
}

p a:active {
	color: Red;
	background-color: transparent;
}

p img {
	border: 0;
	margin: 0;
}

hr {
	height: 2px;
	color: #08417B;
	background-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
	color: #08417B;
	background-color: transparent;
	font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	margin: 1em 0em 1em 0em;
	border-bottom: 1px dotted #08417B;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: Black ! important; 
}

h1 {
	font-size: 170%;
	background: transparent url(img/puce_titre.png) no-repeat center left; /*puce en option*/
	padding: 0em 0em 0em 1em;
}

h2 {
	font-size: 155%;
}
h3 {
	font-size: 140%;
	border-bottom: none;
}
h4 {
	font-size: 125%;
	border-bottom: none;
}
h5 {
	font-size: 110%;
	border-bottom: none;
}
h6 {
	font-size: 100%;
	border-bottom: none;
}

ul { 
	line-height: 1.5em;
	list-style-type: square;
	margin: 1em 0em 1em 2em;
	padding: 0;
	list-style-image: url(img/puce_a_liste.png);
}

ul ul{ 
	list-style-image: url(img/puce_b_liste.png);
}

ol {
	line-height: 1.5em;
	margin: 1em 0em 1em 2em;
	padding: 0;
}

ul a, ol a {
	text-decoration: underline;
}

li {
	margin-bottom: 0.5em;
}

dt {
	font-weight: bold;    
}

dt a {
	text-decoration: underline;
}

dd {
	line-height: 1.5em;
	margin-bottom: 1em;
}
dd a {
	text-decoration: underline;
}

dd.link a {
	text-decoration: none;
	color: Black;
}

fieldset {
	border: 1px solid #8cacbb;
	margin: 1em 0em 1em 0em;
	padding: 0em 1em 1em 1em;
	line-height: 1.5em;
	width: auto;
}
legend {
	background: White;
	padding: 0.5em;
	font-size: 90%;
}
form {
	border: none;
	margin: 0;
}
textarea {
	font: 110% "Courier New", Courier, monospaced; 
	border: 1px solid #8cacbb;  
	color: Black;
	background-color: white;
	width: 100%;
	padding: 0em;
}
input {
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	visibility: visible;
	border: 1px solid #8cacbb;  
	color: Black;
	background-color: white;
	vertical-align: middle;
	padding: 0em;
}
select {
	border: 1px solid #8cacbb;  
	color: Black;
	vertical-align: top;
}
kbd {
	font: 100% "Courier New", Courier, monospaced; 
	border: 3px outset;
	color: Black;
	background-color: Gainsboro;
}
abbr, acronym {
	border-bottom: 1px dotted Black;
	color: Black;
	background-color: transparent;
	cursor: help;
}
q, blockquote {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
	font-size: 120%;
}
blockquote {
	border: 1px solid Black;
	background-color: LightYellow;
	padding: 1em;
}
pre, code {
	font-family: "Courier New", Courier, monospaced;
	font-size: 120%;
	color: black;
	background-color: #D6FDFE;
}
pre {
	padding: 1em;
	border: 1px dashed #A8C2FD;
	overflow: auto;
}

/* BEGIN elements */

#header {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 110px;
	background: transparent url(img/ht.png) repeat top left;
	font-size: 10px; /*probleme d'espacement sous ie*/
}

#header img {
border: none;
	}

#header span {
	display: none;
}

#header #top-left {
	background: transparent url(img/logo.png) no-repeat top left; 
	width: 420px; 
	height: 110px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#header #icons {
	margin-top: 4px;
	padding: 0px;
	width: 250px;
	height: 25px;
	float: right;
}

#header #icons a {
	width: 25px; 
	height: 25px;
	float:right;
        margin-left: 5px;
        margin-right: 5px;
}

#header #icon-search a {
	background: transparent url(img/icon_recherche.png) no-repeat top left;
}

#header #icon-search a:hover {
	background: transparent url(img/icon_recherche_b.png) no-repeat top left;
}

#header #icon-help a {
	background: transparent url(icon_aide.png) no-repeat top left;
}

#header #icon-help a:hover {
	background: transparent url(icon_aide_b.png) no-repeat top left;
}

#header #icon-plan a {
	background: transparent url(icon_plan.png) no-repeat top left;
}

#header #icon-plan a:hover {
	background: transparent url(icon_plan_b.png) no-repeat top left;
}

#header #icon-faq a {
	background: transparent url(icon_FAQ.png) no-repeat top left;
}

#header #icon-faq a:hover {
	background: transparent url(icon_FAQ_b.png) no-repeat top left;
}

#header #icon-lang a {
	background: transparent url(icon_language.png) no-repeat top left;
}

#header #icon-lang a:hover {
	background: transparent url(icon_language_b.png) no-repeat top left;
}

#header #icon-news a {
	background: transparent url(icon_news.png) no-repeat top left;
}

#header #icon-news a:hover {
	background: transparent url(icon_news_b.png) no-repeat top left;
}

#header #icon-mail a {
	background: transparent url(icon_contact.png) no-repeat top left;
}

#header #icon-mail a:hover {
	background: transparent url(icon_contact_b.png) no-repeat top left;
}

#header #icon-logout a {
	background: transparent url(icon_logout.png) no-repeat top left;
}
#header #icon-logout a:hover {
	background: transparent url(icon_logout_b.png) no-repeat top left;
}

/* A cause bug IE; */
#header #bar-space {
	float: left;
	width: 110px;
	background-color: white;
	height: 14px;
}

#header #barremenu{
	position: absolute;
	top:88px;
	left:120px;
	width:800px;
	height:16px;
	background: #EEEEEE;	
}

#header #barremenu a{
	font: normal 11px Verdana;
	font-weight: bold;
	color: #08417B;
	text-decoration: none;
	padding:  0px 5px 2px 14px;
	border-right: solid 1px #08417B;
	background : url(img/popup_arrow.png) no-repeat left;
}
	
#header #barremenu a:hover{
	color: #ff5e00;
}

#breadcrumbs {
	position: absolute;
	top: 115px;
	left: 110px;
	color: #888888;
	padding-left: 0em;
	padding-right: 2em;
	text-transform: lowercase;
}
/* END elements */

#leftcolumn {
	margin: 2em 0px 0px 5px;
	position: absolute;
	top: 120px;
	width: 110px;
	float:left;
}

#navigation {
	width: 100px;
}

#navigation ul { 
		list-style-image: url(img/puce.png);
}

#navigation li{ 
		padding:0;
}

#content {
	position: absolute;
	top: 120px;
	width: 800px;
	padding: 1em;
	margin: 0px 0px 0px 110px;
}

#content #news {
	background: #EEEEEE;
}

#content #news h1{
	background: transparent url(img/puce_news.png) no-repeat center left;
}

#blocplan{
	position: absolute;
	top: 120px;
	left: 30px;
	border-right : 1px solid #08417B;
	width:200px;
	float:left;
	margin: 15px 15px 0px 0px;
	height : 250px;
}

#blocplan .titre{
	color:#FFFFFF;
	font-weight: bold;
	font-size:12px;
	width:100%;
	height:16px;
	background-color: #08417B;
	text-align: center;
	padding-top:2px;
}

#blocplan .titre a{
color:#FFFFFF;
text-decoration:none;
}

#blocplan ul,#blocplan ul a{
list-style-type: none;
list-style-image: none;
text-decoration: none;
line-height: 15px;
margin: 0px 10px 0px 10px;
} 

#blocplan .rub{
font-weight: bold;
list-style-type: none;
text-decoration: none;
line-height: 15px;
margin: 3px 0px 0px 0px;
} 

#blocplan .ssrub{
list-style-type: none;
text-decoration: none;
line-height: 15px;
margin: 0px 10px 0px 10px;
}