* {
	margin:0;
	padding:0;
}
body {
	color: #000;
	text-align: center;
	background-color: #000;
	background: transparent url('../img/background2.png') repeat;
}
ul {
	list-style: none;
}

#header h1 a {
	display:block;
	width:905px;
	height:90px;
	overflow:hidden;
	text-indent:-10000px;
	background:transparent url(../img/header.png) no-repeat 0 0;
}
#conteneur {
	width: 905px;
	height:663px;
	margin: 3% auto;
	overflow: hidden;
}

#contenu {
	clear: both;
	text-align:left;
	width:905px;
	height:573px;
	overflow:hidden;
	background: transparent url('../img/fond-contenu.png') no-repeat 0 0;
}
#page {
	clear:both;
	width:auto;
	height:573px;
	overflow:hidden;
	background: transparent url('../img/fond-page.png') no-repeat 0 0;
}

#nos-partenaires {
	width: 0px;
	height: 0px;
	overflow: visible;
}

#nos-partenaires p {
	position: relative;
	width: 146px;
	height: 30px;
	top: -25px;
	left: 730px;
	background: transparent url('../img/nos-partenaires.png') no-repeat;
	cursor: pointer;
}

#colonne-gauche {
	float:left;
	width:200px;
	margin:8px 0 0 10px;
}
#colonne-gauche .haut h2 {
	text-indent: -1000px;
}

#colonne-gauche .centre {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
}
#colonne-gauche .centre #doc-scroll ul li {
	margin-bottom:7px;
}
#colonne-gauche .centre #doc-scroll ul li a {
	display:block;
	width:120px;
	height:24px;
	overflow:hidden;
}
#colonne-gauche .centre ul, #colonne-gauche .centre p, #colonne-gauche .centre .chapeau {
	margin-left: 22px;
	margin-right: 15px;
	padding-top: 4px;
}
#colonne-gauche .centre p {
	width: 175px;
	overflow: hidden;
}
#colonne-gauche .centre a {
	color: #fff;
	text-decoration: none;
	width: 175px;
	overflow: hidden;
}
#colonne-gauche .centre a:hover {
	color: #ccc;
}

#colonne-gauche #bloc-1 .bas,
#colonne-gauche #bloc-2 .bas {
	cursor: pointer;
}

#colonne-gauche #bloc-1 {
	clear: both;
	margin-top: 0;
}

#colonne-gauche #bloc-1 .haut {
	height: 36px;
	background: transparent url('../img/bloc-1-haut.png') no-repeat;
}

#colonne-gauche #bloc-1 .centre {
	height: 85px;
	background: transparent url('../img/bloc-1-centre.png') no-repeat;
}

#colonne-gauche #bloc-1 #actualites {
	height: 82px;
	overflow: hidden;
}

#colonne-gauche #bloc-1 #actualites p,
#colonne-gauche #bloc-1 #actualites .chapeau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
}
#colonne-gauche #bloc-1 #actualites .titre {
	font-weight: bold;
}
#colonne-gauche #bloc-1 #actualites .chapeau p {
	margin: 0;
	padding: 0;
}
#colonne-gauche #bloc-1 #actualites .date {
	color: #00af60;
}

#colonne-gauche #bloc-1 .bas {
	height: 20px;
	background: transparent url('../img/bloc-1-bas.png') no-repeat;
}
#colonne-gauche #bloc-1 .centre ul {
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
}
#colonne-gauche #bloc-1 .centre ul li {
	height: 80px;
}

#colonne-gauche #bloc-2 {
	clear: both;
	margin-top: 8px;
}
#colonne-gauche #bloc-2 .haut {
	height: 36px;
	background: transparent url('../img/bloc-2-haut.png') no-repeat;
}
#colonne-gauche #bloc-2 .centre {
	height: 84px;
	background: transparent url('../img/bloc-2-centre.png') no-repeat;
}
#colonne-gauche #bloc-2 .bas {
	height: 20px;
	background: transparent url('../img/bloc-2-bas.png') no-repeat;
}


#colonne-gauche #bloc-2 .centre ul li {
	height: 20px;
	background: transparent url('../img/pdf.png') no-repeat;
	padding-left: 20px;
}
#colonne-gauche #bloc-2 .centre ul li a {
	font-size: 10px;
}

#colonne-gauche #bloc-3 {
	clear: both;
	margin-top: 8px;
}
#colonne-gauche #bloc-3 .haut {
	height: 36px;
	background: transparent url('../img/bloc-3-haut.png') no-repeat;
}
#colonne-gauche #bloc-3 .centre {
	height: 74px;
	background: transparent url('../img/bloc-3-centre.png') no-repeat;
}
#colonne-gauche #bloc-3 .bas {
	height: 20px;
	background: transparent url('../img/bloc-3-bas.png') no-repeat;
}
#colonne-gauche #bloc-3 #lien-scroll {
	height: 74px;
	overflow: hidden;
	position: absolute;
}
#colonne-gauche #bloc-3 #lien-scroll a {
	font-size: 10px;
}

#colonne-gauche #bloc-3 .centre ul li {
	height: 18px;
	background: none;
	padding: 0;
}


#colonne-gauche #bloc-4 {
	position:relative;
	clear: both;
	margin-top: 8px;
}
#colonne-gauche #bloc-4 .haut {
	height: 36px;
	background: transparent url('../img/bloc-4-haut.png') no-repeat;
}
#colonne-gauche #bloc-4 .bas {
	height: 20px;
	background: transparent url('../img/bloc-4-bas.png') no-repeat;
}
#colonne-gauche #bloc-4 .centre p {
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
}
#colonne-gauche #bloc-4 .centre p a {
	display:block;
	width:100%;
	height:54px;
	text-indent:-10000px;
	overflow:hidden;
}

#colonne-gauche #bloc-5 {
	position:relative;
	clear: both;
	margin-top: 8px;
}
#colonne-gauche #bloc-5 .haut {
	height: 36px;
	background: transparent url('../img/bloc-5-haut.png') no-repeat;
}
#colonne-gauche #bloc-5 .bas {
	height: 20px;
	background: transparent url('../img/bloc-4-bas.png') no-repeat;
}
#colonne-gauche #bloc-5 .centre p {
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
}
#colonne-gauche #bloc-5 .centre p a {
	display:block;
	width:100%;
	height:54px;
	text-indent:-10000px;
	overflow:hidden;
}
#colonne-centre {
	float:left;
	width:673px;
	height:607px;
	margin:0;
	overflow:visible;
}
#colonne-centre #menu {
	width: 610px;
	margin-left:88px;
	overflow: visible;
	z-index: 1001;
}
#colonne-centre #menu li {
	float: left;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 5px;
	overflow: visible;
}
#colonne-centre #menu li p {
	float: left;
	height: 29px;
	margin-top: -5px;
	overflow: visible;
}
#colonne-centre #menu li a {
	color: #000;
	text-decoration: none;
	font-variant: small-caps;
	position:relative;
	top: 4px;
}
#colonne-centre #menu li a:hover {
	color: #fff;
}
#colonne-centre #menu li .menu-gauche {
	width: 15px;
	background: transparent url('../img/menu-picto-gauche.png') no-repeat;
}
#colonne-centre #menu li .menu-centre {
	background: transparent url('../img/menu-picto-centre.png') repeat-x;
	padding: 5px;
}
#colonne-centre #menu li .menu-droite {
	width: 10px;
	background: transparent url('../img/menu-picto-droite.png') no-repeat;
}

#colonne-centre #menu #menu-1 .menu-gauche {
	width: 15px;
	background: transparent url('../img/menu-picto-gauche-jaune.png') no-repeat;
}
#colonne-centre #menu #menu-1 .menu-centre {
	background: transparent url('../img/menu-picto-centre-jaune.png') repeat-x;
	padding: 5px;
}
#colonne-centre #menu #menu-1 .menu-droite {
	width: 10px;
	background: transparent url('../img/menu-picto-droite-jaune.png') no-repeat;
}

#colonne-centre #menu #menu-2 .menu-gauche {
	width: 15px;
	background: transparent url('../img/menu-picto-gauche-bleu.png') no-repeat;
}
#colonne-centre #menu #menu-2 .menu-centre {
	background: transparent url('../img/menu-picto-centre-bleu.png') repeat-x;
	padding: 5px;
}
#colonne-centre #menu #menu-2 .menu-droite {
	width: 10px;
	background: transparent url('../img/menu-picto-droite-bleu.png') no-repeat;
}

#colonne-centre #menu #menu-3 .menu-gauche {
	width: 15px;
	background: transparent url('../img/menu-picto-gauche-orange.png') no-repeat;
}
#colonne-centre #menu #menu-3 .menu-centre {
	background: transparent url('../img/menu-picto-centre-orange.png') repeat-x;
	padding: 5px;
}
#colonne-centre #menu #menu-3 .menu-droite {
	width: 10px;
	background: transparent url('../img/menu-picto-droite-orange.png') no-repeat;
}

#colonne-centre #menu #menu-4 .menu-gauche {
	width: 15px;
	background: transparent url('../img/menu-picto-gauche-vert.png') no-repeat;
}
#colonne-centre #menu #menu-4 .menu-centre {
	background: transparent url('../img/menu-picto-centre-vert.png') repeat-x;
	padding: 5px;
}
#colonne-centre #menu #menu-4 .menu-droite {
	width: 10px;
	background: transparent url('../img/menu-picto-droite-vert.png') no-repeat;
}

#colonne-centre #menu .courant a {
	color: #000;
	text-decoration: none;
	font-variant: small-caps;
}
#colonne-centre #menu .courant .menu-gauche {
	width: 15px;
	background: transparent url('../img/menu-picto-actif-gauche.png') no-repeat;
}
#colonne-centre #menu .courant .menu-centre {
	background: transparent url('../img/menu-picto-actif-centre.png') repeat-x;
	padding: 5px;
}
#colonne-centre #menu .courant .menu-droite {
	width: 10px;
	background: transparent url('../img/menu-picto-actif-droite.png') no-repeat;
}

#colonne-centre #menu .sous-menu {
	clear: both;
	position: absolute;
	width:auto;
	margin: 25px 0 0 10px;
	z-index: 1000;
	opacity: 0;
	filter: alpha(opacity=0);
}
#colonne-centre #menu .sous-menu li {
	clear: both;
	display:block;
	height: auto;
	padding: 3px 5px 4px 5px;
	margin-bottom:1px;
	overflow: hidden;
}
#colonne-centre #menu .bleu li {
	background-color: #48B1B7;
}
#colonne-centre #menu .orange li {
	background-color: #FF8E0A;
}
#colonne-centre #menu .vert li {
	background-color: #9DBF3D;
}
#colonne-centre #menu .sous-menu li a {
	display:block;
	color: #fff;
	text-decoration:none;
	font-size: 11px;
	top:0;
	font-variant:normal;
}

#colonne-centre #menu #sous-menu-2 li,
#colonne-centre #menu #sous-menu-2 li a {
	width:153px;
}
#colonne-centre #menu #sous-menu-3 li,
#colonne-centre #menu #sous-menu-3 li  a {
	width:92px;
}
#colonne-centre #menu #sous-menu-4 li,
#colonne-centre #menu #sous-menu-4 li  a {
	width:141px;
}

#colonne-centre #centre {
	clear: both;
	width: 657px;
	height: 557px;
	margin:2px 0 0 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
}
#colonne-centre #centre h2 {
	width: 100%;
	height: 20px;
	background: #fff;
	padding: 15px 0 15px 15px;
	font-family: Alwyn, Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	overflow: hidden;
	opacity: 0.95;
	filter: alpha(opacity=95);
	font-weight:normal;
}
#colonne-centre #centre h2.h-jaune {
	background: #fc0;
}
#colonne-centre #centre h2.h-bleu {
	background: #48b1b7;
}
#colonne-centre #centre h2.h-orange {
	background: #ff8e0a;
}
#colonne-centre #centre h2.h-vert {
	background: #9dbf3d;
}
#colonne-centre #centre h2.h-actu {
	background: #996699;
}
#colonne-centre #centre h2.h-doc {
	background: #996699;
}
#colonne-centre #centre #texte{
	width: 100%;
	height: 478px;
}
#colonne-centre #centre #texte #texte-fond {
	width: 657px;
	height: 478px;
	position: absolute;
	background: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#colonne-centre #centre #texte #flash {
	width: 580px;
	height: 450px;
	position: absolute;
}
#colonne-centre #centre #texte #texte-contenu {
	width: 627px;
	height: 458px;
	position: absolute;
	padding: 10px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: auto;
}
#colonne-centre #centre #texte #texte-contenu p,
#colonne-centre #centre #texte #texte-contenu div {
	margin: 5px 0 10px 0;
}
#colonne-centre #centre #texte #texte-contenu ul li {
	list-style: disc;
	margin-left: 30px;
}

#colonne-centre #centre #texte #texte-contenu .date {
	color: #005730;
	font-size: 12px;
	font-weight: bold;
}
#colonne-centre #centre #texte #texte-contenu .titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#colonne-centre #centre #texte #texte-contenu .sous-titre {
	font-size: 12px;
	margin-top: -10px;
}
#colonne-centre #centre #texte #texte-contenu .chapeau {
	font-size: 12px;
}
#colonne-centre #centre #texte #texte-contenu .corps {
	font-size: 11px;
}
#colonne-centre #centre #texte #texte-contenu hr {
	margin: 20px 0;
	border: none;
	color: #ff;
	background-color: #fff;
	border-color: #fff;
}

#colonne-centre #centre #texte #texte-contenu .doc-title,
#colonne-centre #centre #texte #texte-contenu .doc-hr {
	clear: both;
	width: 530px;
	overflow: hidden;
}
#colonne-centre #centre #texte #texte-contenu .doc-title {
	font-size: 14px;
	font-weight: bold;
}
#colonne-centre #centre #texte #texte-contenu .doc-hr {
	margin-top: 0;
}
#colonne-centre #centre #texte #texte-contenu .documentation {
	width: 530px;
	margin-bottom: 15px;
}
#colonne-centre #centre #texte #texte-contenu .documentation li {
	float: left;
	width: 220px;
	min-height: 18px;
	margin: 5px 20px 10px 0;
	padding-left: 20px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
#colonne-centre #centre #texte #texte-contenu .documentation li.pdf {
	background: transparent url('../img/pdf.png') no-repeat;
	list-style: none;
}
#colonne-centre #centre #texte #texte-contenu .documentation li a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
#colonne-centre #centre #texte #texte-contenu .documentation li a:hover {
	text-decoration: underline;
}
#colonne-centre #centre #texte #texte-contenu .documentation li .auteur {
	font-size: 11px;
}
#colonne-centre #centre #texte #texte-contenu .documentation li .description {
	font-size: 10px;
	margin-right: 5px;
	text-align: justify;
}

#colonne-droite {
	float: left;
	width: 60px;
	height: 607px;
	background: transparent url('../img/logo-rff.gif') no-repeat;
	margin-top: 34px;
}