/*  ------------------------------------------
/*  Corps Principal
/*  ------------------------------------------
*/
body {
	background: #FFF;
	margin: 0;
	padding: 0;
	font: 100% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	text-align: center;
}

#site {
	width: 700px;
	margin: 8px auto;
	padding: 0;
	text-align: left;
	font-size: 70%;
	line-height: 150%;
	background: url(images/decodroite.gif) repeat-y 459px 0;
}



/*  ------------------------------------------
/*  Header
/*  ------------------------------------------
*/
#home #site {
	background: #FFF;
}

/*  ------------------------------------------
/*  Barre de navigation
/*  ------------------------------------------
*/
#navigation {
	width: 700px;
	height: 25px;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	list-style: none;
	background: #FFF url(images/barre.png) no-repeat;
}

#navigation li {
	height: 25px;
	margin: 0;
	padding: 0;
	float: left;
	text-indent: -9000px;
}

#navigation a {
	display: block;
	height: 100%;
}

/*  ------------------------------------------
/*  Navigation
/*  ------------------------------------------
*/

#nav0 {
	width: 80px;
	background: url(images/nav_main.gif) no-repeat;
}
#nav1 {
	width: 80px;
	background: url(images/nav_overview.gif) no-repeat;
}
#nav2 {
	width: 115px;
	background: url(images/nav_appli.gif) no-repeat;
}
#nav3 {
	width: 115px;
	background: url(images/nav_doc.gif) no-repeat;
}
#nav4 {
	width: 80px;
	background: url(images/nav_status.gif) no-repeat;
}
#nav5 {
	width: 80px;
	background: url(images/nav_download.gif) no-repeat;
}

/*  ------------------------------------------
/*  Colonne principale - index.html
/*  ------------------------------------------
*/
#une {
	float: left;
	width: 430px;
	margin-top: 0px;
}

#une h3 {
	font: italic 1.5em Georgia, "Times New Roman", Times, serif;
	color: #454545;
	text-indent: 19px;
	margin: 1.5em 0 0.2em;
}

#une p {
	margin: 0 0 0.9em;
}

/*  ------------------------------------------
/*  paragraphe - index.html
/*  ------------------------------------------
*/

#index_1 h2 {
	width: 241px;
	height: 23px;
	background: url(images/agrif.gif) no-repeat;
	text-indent: -9000px;
	margin: 0 0 -0.5em;;
}

#index_1 h3 {
	background: url(images/linkblue.gif) no-repeat 0 3px;
}


/*  ------------------------------------------
/*  Barre de navigation
/*  ------------------------------------------
*/
#header {
	background: #FFF url(images/tete.jpg) no-repeat;
	width: 100%;
	height: 150px;
	padding-bottom: 3px;
	voice-family: "\"}\"";
	voice-family:inherit;
}

#contenu h2 {
	font: italic 1.3em Georgia, "Times New Roman", Times, serif;
	color: #454545;
	text-indent: 19px;
	margin: 1.5em 0 0.2em;
	background: url(images/linkblue.gif) no-repeat 0 3px;
}

#contenu p {
	font-size: 1.1em;
	line-height: 150%;
}

h1#agrif {
	background: url(images/agrif.gif) no-repeat;
	text-indent: -9000px;
	width: 241px;
	height: 23px;
}

h1#features {
	background: url(images/features.gif) no-repeat;
	text-indent: -9000px;
	width: 241px;
	height: 23px;
}

h2#conv {
	background: url(images/conv.gif) no-repeat;
	text-indent: -9000px;
	width: 260px;
	height: 23px;
}

h2#routine {
	background: url(images/routine.gif) no-repeat;
	text-indent: -9000px;
	width: 260px;
	height: 23px;
}

h2#future {
	background: url(images/future.gif) no-repeat;
	text-indent: -9000px;
	width: 241;
	height: 23px;
}


h2#restrictions {
	background: url(images/restrictions.gif) no-repeat;
	text-indent: -9000px;
	width: 260px;
	height: 23px;
}


/*  ------------------------------------------
/*  Corps de texte - Général
/*  ------------------------------------------
*/
a:link, code a:link, a:link code, p.plus a:link, p.plus a:visited {
	color: #398FC6;
}

a:visited, code a:visited, a:visited code {
	color: #525252;
}

a:hover, code a:hover, a:hover code, p.plus a:hover {
	color: #9FAC0B;
}

a:active, a:focus, code a:active, a:active code, code a:focus, a:focus code, p.plus a:active, p.plus a:focus {
	color: #CB1804;
}

a[hreflang|="en"]:after {
	content: "\0000a0"url(images/linken.gif);
}

a[hreflang] {
	content: normal !important; /*  Hack pour Opera, qui ne comprend pas la règle précédente  */
}

a img {
	border: 0;
}

/*  ------------------------------------------
/*  pied de page
/*  ------------------------------------------
*/
p#credits {
	height: 24px;
	padding: 5px 5px 0;
	clear: both;
	background: url(images/barre.png) no-repeat 0 5px;
	color: #FFF;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 50px;
}
#site>p#credits {
	height: 18px;
}


/*  ------------------------------------------
/*  Colonne de droite - index.html
/*  ------------------------------------------
*/
#externes {
	background: #E2E2E2;
	width: 241px;
	margin: 0px 0;
	padding: 0 10px;
	float: right;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 221px;
}

#externes h2 {
	margin: 0 -10px;
	padding: 0;
	background: url(images/contact.jpg) no-repeat;
	width: 241px;
	height: 23px;
	text-indent: -9000px;
	font-size: 1.3em;
}

#externes h3 {
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	color: #3C3C3C;
	background: url(images/linkblue.gif) no-repeat 0 1px;
	padding: 0;
	margin: 0.5em 0;
	text-indent: 19px;
	line-height: 130%;
}


#externes p {
	margin: 0 -10px;
	padding: 0 10px 1.5em;
	background: url(images/hr.gif) repeat-x bottom;
}


