/* feuille de style inspiré de css Zen Garden's inspired style v0.1 */
/* css Zen Garden's default style v0.1 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* This file based on 'sm00th' by SCAS*/
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
body {
	background: #fff;
	background: transparent url(fond.gif) 0 0; /* */
	color: #000;
	font-family: Sans-serif, Arial;
}

#bg {
	position:absolute;
	left: 42%; 
	top: 20%;
	width: 52em;
	height: auto;
	margin-top: -10% ; /* -10%;  moitié de la hauteur */
	margin-left: -355px ; /* 20% ;  moitié de la largeur */
	background: #fff; /* blanc */
	border: solid 1px #000;
}

/* référant */
a {
	text-decoration: none;
	font-weight: bold;
}
a:link {
	color: #0774B4;
}
a:visited {
	color: #0774b4;
}
a:hover {
	color: #0774B4;
	text-decoration: underline;
}

/* titre */
h1, h2, h3, h4, h5, h6 {
	color: #0774B4;
	font-style: none;/* */
	margin: 0px;
}
h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
blockquote {
	font-style: italic;
	font-size: 0.9em;
	/* background-color: #adf;   bleu ciel */
	}
blockquote:hover {
	background-color: #0f0 ;  /* vert - bleu ciel #adf */
	}
hr {color: #999; /* gris */
	width: 90%
	}
p {
	font-size: 0.9em;
	margin-top: 0px; 
	text-align: justify;
	}
li {
	font-size: 0.9em;
	}

/* specific divs */

#entete, #contenu {
	width: 100%;
}
#entete {
	background-color: #2d74b4; /* bleu */
	border-bottom: solid 1px #000; /* cadre noir de l'entete */
	/*background: transparent url(header.jpg) center right; */
}
.entete {
	font-style: bold;
	font-size: 2.5em;
	padding: 10px 10px 10px 10px;
	color: #fff; /* blanc */
}
.entete a {
		color: #fff; /* blanc */
		text-decoration: none;
	}
.entete a:hover {
		color: #fff; /* blanc */
	}
#entete h1 {
	font-size: 1.5em;
	color: #fff;
	}
#entete h2 {
	font-size: 0.8em;
	color: #fff;
}
.titre {
	font-style: bold;
	}

#menu {
	width: 8em;
	vertical-align: top;
	padding: 0.5em 0px 10px 0.5em; /* marge du menu par rapport aux autres div */
}

#menu_lateral {
	padding: 10px 5px 5px 5px;
	/* background: transparent url(aluminium.gif) 0 0; */
	background-color: #fff; /* blanc */
	border: solid 1px #ddd; /* gris bordure */
	-moz-border-radius: 13px 13px 13px 13px; /* */
}

#navigation {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 0;
}
#navigation li {
	list-style: none;
	margin: 0;
	background-image: none;
	background-color: #; /*  */
	padding: 0.5em 0 0 0; /* espacement entre les titres du menu*/
	line-height: 1.0;
}
#navigation :link, #navigation :visited {
	color: #0774B4; /* bleu */
	display: block;
	text-decoration: none;
	border: hidden 1px #000;
	margin: 0;
	padding: 5px 10px 2px 5px;
	/* -moz-border-radius: 13px 13px 13px 13px; /* bordures arrondies*/
}
#navigation :link:hover, #navigation :visited:hover {
	border-left: solid 0.2em #0F0; /* vert */
	text-align: none;
	background: #fff; /* blanc */
	color: #0774B4; /* bleu */
}

/* partie principale */

#corps {
	vertical-align: top;
	padding: 0.5em 0.5em 0px 0.5em;
}

.noeud {
	padding: 0.5em .5em .5em .5em;
	background-color: #fff;
	border: solid 1px #ddd; /* gris bordure */
	/* background: transparent url()no-repeat top left; */
	-moz-border-radius: 13px 13px 13px 13px;
}

.emetteur {
	color: #999; /* gris */
	font-size: 0.8em;
}

.noeud_separa {
	padding: .5em;
}

.piedpage_g {
	padding: 1em 0em 1em 1em;
	font-size: 0.7em;
	color: #999; /* gris */
	text-align: left;
	}

.piedpage_d {
	padding: 1em 1em 1em 0em;
	font-size: 0.7em;
	color: #999; /* gris */
	text-align: right;
	}

.plan_ref {
	padding: 1em 1em 1em 1em;
	font-size: 0.8em;
	color: #0f0; /* vert */
	text-align: center;
	}
.plan_ref a {
	color: #999; /* gris /* #0774B4 bleu */
	}
.plan_ref a:hover {
	color : #0774B4; /* bleu */
	text-decoration: underline;
	}

acronym {
	color: #999; /* gris */
	font-weight: bold;
	border-bottom: solid 0.1em #0f0; /* vert */
	}
.accesskey {
	font-weight: bold;
	border-bottom: dotted 0.1em #0f0; /* vert */
	}