/* menu.css Document */

/* Menu horizontal */

#menuh {
	background: #D7D5CF;
	display: block;
	height: 25px;
	line-height: 12px;
	margin: 0px 25px;
	padding: 0 0;
	width: 930px;
	z-index: 4;
	position: relative;
}

#menuh li {float: left;	list-style: none; }

#menuh a {
	color: #000;
	font-family: "Arial Rounded MT Bold", Arial,"Century Gothic", Verdana, cursive;  
	font-variant: normal; 
	display: block;
	font-size: 10px;
	font-style: normal;
	font-weight: 100;
	padding: 1px 0px;
	height: 25px;
	letter-spacing: 0.02em;
	line-height: 11px;
	list-style-type: none;
	text-align: left;
	vertical-align: middle;
	width: 150px;
	text-decoration: none;
	text-indent: 15px;
}

#menuh #menu0 a { background: transparent url(../im/fdbout01.jpg) top left no-repeat; }
#menuh #menu1 a { background: transparent url(../im/fdbout02.jpg) top left no-repeat; }
#menuh #menu2 a { background: transparent url(../im/fdbout03.jpg) top left no-repeat; }
#menuh #menu3 a { background: transparent url(../im/fdbout04.jpg) top left no-repeat; }
#menuh #menu4 a { background: transparent url(../im/fdbout05.jpg) top left no-repeat; }
#menuh #menu5 a { background: transparent url(../im/fdbout06.jpg) top left no-repeat; }

#menuh #menu0 a, #menuh #menu1 a {height: 25px;	line-height: 20px;}
#menuh #menu5 a {height: 25px;	line-height: 11px; width: 170px;}

#menuh a:hover {text-decoration: none; color: #000000;}

/* Arrière-plan de chaque lien lors de son survol */
#menuh #menu0 a:hover {	background: transparent url(../im/fdbout11.jpg) top left no-repeat; }
#menuh #menu1 a:hover {	background: transparent url(../im/fdbout22.jpg) top left no-repeat; }
#menuh #menu2 a:hover { background: transparent url(../im/fdbout33.jpg) top left no-repeat; }
#menuh #menu3 a:hover { background: transparent url(../im/fdbout44.jpg) top left no-repeat; }
#menuh #menu4 a:hover { background: transparent url(../im/fdbout55.jpg) top left no-repeat; }
#menuh #menu5 a:hover { background: transparent url(../im/fdbout66.jpg) top left no-repeat; }

/* Fin menu horizontal ---- */
/*  ---- */

/* - LISTES et PANNEAUX flottants - */

/* a) COMMUN A TOUTES LES LISTES ET A TOUS LES PANNEAUX  */


#list1, #list2, #list3, #list4, #list5, #pann1a, #pann1c, #pann1d, #pann1e, #pann1f, #pann1g, #pann1h, #pann1f1, #pann1f2,  
#pann2a, #pann2b, #pann2c, #pann2d, #pann2e, #pann2f, #pann2a1, #pann2a2, #pann2a3, #pann2a4, #pann2a5, #pann2c1, #pann2c3, 
#pann2e1, #pann2e2, #pann2e4, #pann2e5, #pann2f1, #pann2f2, #pann2f4, #pann2f5, #pann3a, #pann3b, #pann3c, #pann3d, #pann3e, 
#pann3f, #pann3a1, #pann4a, #pann4b {
	background: #FFFFFF url(../im/bord002.jpg) top right repeat-y;
	border-bottom: solid 2px #CCCCCC;
	border-left: solid 1px #CCCCCC; 
	border-right: solid 0px #CCCCCC;
	display: block;
	font-family: Helvetica, "Lucida Sans", Geneva, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 900;
	height: auto;
	line-height: normal;
	list-style: none;
	padding-bottom: 4px;
	padding-left: 1px;
	position: absolute;
	text-align: left;
	text-indent: 12px;
	visibility: hidden;
	z-index: 4;
}

#list1 li a, #list2 li a, #list3 li a, #list4 li a, #list5 li a, #pann1a li a, #pann1c li a, #pann1d li a, #pann1e li a, #pann1f li a, #pann1g li a, #pann1h li a, #pann1f1 li a, #pann1f2 li a, #pann2a li a, #pann2b li a, #pann2c li a, #pann2d li a, #pann2e li a, #pann2f li a, #pann2a1 li a, #pann2a2 li a, #pann2a3 li a, #pann2a4 li a, #pann2a5 li a, #pann2c1 li a, #pann2c3 li a, #pann2e1 li a, #pann2e2 li a, #pann2e4 li a, #pann2e5 li a, #pann2f1 li a, #pann2f2 li a, #pann2f4 li a, #pann2f5 li a, #pann3a li a, #pann3b li a, #pann3c li a, #pann3d li a, #pann3e li a, #pann3f li a, #pann3a1 li a, #pann4a li a, #pann4b li a {
	color: #000000;
	display: block;
	text-decoration: none; 
	margin: 0;
	padding-left: 0;
	height: 18px;
	line-height: 18px;
	}

#list1 a:hover, #list2 a:hover, #list3 a:hover, #list4 a:hover, #list5 a:hover, #pann1a a:hover, #pann1c a:hover, #pann1d a:hover, #pann1e a:hover, #pann1f a:hover, #pann1g a:hover, #pann1h a:hover, #pann1f1 a:hover, #pann1f2 a:hover, #pann2a a:hover, #pann2b a:hover, #pann2c a:hover, #pann2d a:hover, #pann2e a:hover, #pann2f a:hover, #pann2a1 a:hover, #pann2a2 a:hover, #pann2a3 a:hover, #pann2a4 a:hover, #pann2a5 a:hover, #pann2c1 a:hover, #pann2c3 a:hover, #pann2e1 a:hover, #pann2e2 a:hover, #pann2e4 a:hover, #pann2e5 a:hover, #pann2f1 a:hover, #pann2f2 a:hover, #pann2f4 a:hover, #pann2f5 a:hover, #pann3a a:hover, #pann3b a:hover, #pann3c a:hover, #pann3d a:hover, #pann3e a:hover, #pann3f a:hover, #pann3a1 a:hover, #pann4a a:hover, #pann4b a:hover {color: #FFFFFF; background: url(../im/puce0.png) 2px center no-repeat; margin-right: 10px;}

/* b) Description de chaque liste déroulante */

#list1, #list2, #list3, #list4, #list5 { border-top: solid 1px #FFFFFF; margin-top: 0px;}

#list1 {margin-left: 190px; width: 160px;}
#list2 {margin-left: 340px; width: 200px;}
#list3 {margin-left: 490px; width: 240px;}
#list4 {margin-left: 640px; width: 180px;}
#list5 {margin-left: 790px; width: 150px;}

/* c) Description des balises <a> pour chaque liste */

#list1 a {background: url(../im/puce22.jpg) 2px center no-repeat;}
#list2 a {background: url(../im/puce33.jpg) 2px center no-repeat;}
#list3 a {background: url(../im/puce44.jpg) 2px center no-repeat;}
#list4 a {background: url(../im/puce55.jpg) 2px center no-repeat;}
#list5 a {background: url(../im/puce66.jpg) 2px center no-repeat;}

/* d) Description des actions a:hover pour chaque panneau flottant */

#list1 a:hover { background-color: #FBAC5D;}
#list2 a:hover { background-color: #9BC5DE;}
#list3 a:hover { background-color: #B1DEA3;}
#list4 a:hover { background-color: #D1C6D6;}
#list5 a:hover { background-color: #F9B495;}

/* Fin  des listes déroulantes ----- */

/* P_1a) Description de chaque panneau flottant de la liste 1 */

#pann1a, #pann1c, #pann1d, #pann1e, #pann1f, #pann1g, #pann1h {	border-top: solid 1px #CCCCCC; margin-left: 348px;}

#pann1a {margin-top: -3px; width: 170px;}
#pann1c {margin-top: 32px; width: 200px;}
#pann1d {margin-top: 50px; width: 190px;}
#pann1e {margin-top: 68px; width: 200px;}
#pann1f {margin-top: 85px; width: 140px;}
#pann1g {margin-top: 103px; width: 200px;}
#pann1h {margin-top: 121px; width: 210px;}

/* Description des balises <a> pour chaque panneau flottant */

#pann1a a, #pann1c a, #pann1d a, #pann1e a, #pann1f a, #pann1g a, #pann1h a { background: url(../im/puce22.jpg) 2px center no-repeat;
}

/* Description des actions a:hover pour chaque panneau flottant */
#pann1a a:hover, #pann1c a:hover, #pann1d a:hover, #pann1e a:hover, #pann1f a:hover, #pann1g a:hover, #pann1h a:hover {
background-color: #FBAC5D;}


/* 3èmes panneaux flottants de la liste 1 */
#pann1f1,  #pann1f2 { border-top: solid 1px #CCCCCC; margin-left: 488px;}

#pann1f1 {margin-top: 84px; width: 150px;}
#pann1f2 {margin-top: 101px; width: 150px;}

#pann1f1 a, #pann1f2 a {background: url(../im/puce22.jpg) 2px center no-repeat;}

#pann1f1 a:hover, #pann1f2 a:hover {background-color: #FBAC5D;}

/* FIN des panneaux flottants de la liste 1 */


/* P_2a) Description de chaque panneau flottant de la liste 2 */

#pann2a, #pann2b, #pann2c, #pann2d, #pann2e, #pann2f { border-top: solid 1px #CCCCCC; margin-left: 538px;}

#pann2a {margin-top: -3px; width: 210px;}
#pann2b {margin-top: 15px; width: 180px;}
#pann2c {margin-top: 33px; width: 180px;}
#pann2d {margin-top: 50px; width: 170px;}
#pann2e {margin-top: 69px; width: 140px;}
#pann2f {margin-top: 86px; width: 180px;}

/* Description des balises <a> pour chaque panneau flottant */

#pann2a a, #pann2b a, #pann2c a, #pann2d a, #pann2e a, #pann2f a {background: url(../im/puce33.jpg) 2px center no-repeat;}

/* Description des actions a:hover pour chaque panneau flottant */

#pann2a a:hover, #pann2b a:hover, #pann2c a:hover, #pann2d a:hover, #pann2e a:hover, #pann2f a:hover {background-color: #9BC5DE;}


/* Début - 3èmes panneaux flottants de pann2a ----- */

#pann2a1, #pann2a2, #pann2a3, #pann2a4, #pann2a5 { border-top: solid 1px #CCCCCC; margin-left: 748px; width: 190px;}

#pann2a1 {margin-top: -3px;}
#pann2a2 {margin-top: 15px;}
#pann2a3 {margin-top: 33px;}
#pann2a4 {margin-top: 50px;}
#pann2a5 {margin-top: 69px;}


/* Description des balises <a> pour chaque panneau flottant */

#pann2a1 a, #pann2a2 a, #pann2a3 a, #pann2a4 a, #pann2a5 a {background: url(../im/puce33.jpg) 2px center no-repeat;}

/* Description des actions a:hover pour chaque panneau flottant */

#pann2a1 a:hover, #pann2a2 a:hover, #pann2a3 a:hover, #pann2a4 a:hover, #pann2a5 a:hover {background-color: #9BC5DE;}


/* Début - 3èmes panneaux flottants de pann2c ----- */
/* a) Description de chaque panneau flottant */

#pann2c1,  #pann2c3 { border-top: solid 1px #CCCCCC; margin-left: 718px; }

#pann2c1 {margin-top: 33px; width: 200px;}
#pann2c3 {margin-top: 69px; width: 200px;}

/* b) Description des balises <a> pour chaque panneau flottant */

#pann2c1 a,  #pann2c3 a {background: url(../im/puce33.jpg) 2px center no-repeat;}

/* c) Description des actions a:hover pour chaque panneau flottant */

#pann2c1 a:hover, #pann2c3 a:hover {background-color: #9BC5DE;}


/* Début - 3èmes panneaux flottants de pann2e ----- */
/* a) Description de chaque panneau flottant */

#pann2e1, #pann2e2, #pann2e4, #pann2e5 { border-top: solid 1px #CCCCCC; margin-left: 678px;}

#pann2e1 {margin-top: 69px; width: 190px;}
#pann2e2 {margin-top: 86px; width: 170px;}
#pann2e4 {margin-top: 120px; width: 280px;}
#pann2e5 {margin-top: 136px; width: 140px;}

/* b) Description des balises <a> pour chaque panneau flottant */

#pann2e1 a, #pann2e2 a, #pann2e4 a, #pann2e5 a {background: url(../im/puce33.jpg) 2px center no-repeat;}


/* c) Description des actions a:hover pour chaque panneau flottant */

#pann2e1 a:hover, #pann2e2 a:hover, #pann2e4 a:hover, #pann2e5 a:hover { background-color: #9BC5DE;}


/* Début - 3èmes panneaux flottants de pann2f-------*/
/* a) Description de chaque panneau flottant */

#pann2f1, #pann2f2, #pann2f4, #pann2f5 { border-top: solid 1px #CCCCCC; margin-left: 718px;}

#pann2f1 {margin-top: 101px; width: 220px;}
#pann2f2 {margin-top: 120px; width: 280px;}
#pann2f4 {margin-top: 155px; width: 280px;}
#pann2f5 {margin-top: 174px; width: 140px;}

/* b) Description de chaque panneau flottant */

#pann2f1 a, #pann2f2 a, #pann2f4 a, #pann2f5 a {background: url(../im/puce33.jpg) 2px center no-repeat;}

/* c) Description des actions a:hover pour chaque panneau flottant */
#pann2f1 a:hover, #pann2f2 a:hover, #pann2f4 a:hover, #pann2f5 a:hover { background-color: #9BC5DE;}

/* --------*/

/* Début - 3èmes panneaux flottants de liste 3 ----- */
/* a) Description de chaque panneau flottant */

#pann3a, #pann3b, #pann3c, #pann3d, #pann3e, #pann3f { border-top: solid 1px #CCCCCC; margin-left: 728px;}

#pann3a {margin-top: -3px; width: 140px;}
#pann3b {margin-top: 15px; width: 180px;}
#pann3c {margin-top: 32px; width: 140px;}
#pann3d {margin-top: 48px; width: 230px;}
#pann3e {margin-top: 69px; width: 130px;}
#pann3f {margin-top: 87px; width: 150px;}

/* b) Description des balises <a> pour chaque panneau flottant */

#pann3a a,  #pann3b a,  #pann3c a,  #pann3d a,  #pann3e a,  #pann3f a {background: url(../im/puce44.jpg) 2px center no-repeat;}

/* c) Description des actions a:hover pour chaque panneau flottant */

#pann3a a:hover, #pann3b a:hover, #pann3c a:hover, #pann3d a:hover, #pann3e a:hover, #pann3f a:hover { background-color: #B1DEA3; }


/* Début - 3èmes panneaux flottants de pann3a ----- */
/* a) Description de chaque panneau flottant */

#pann3a1 { border-top: solid 1px #CCCCCC; margin-left: 858px;}

#pann3a1 { margin-top: -3px; width: 140px;}

/* b) Description des balises <a> pour chaque panneau flottant */

#pann3a1 a {background: url(../im/puce44.jpg) 2px center no-repeat;}


/* c) Description des actions a:hover pour chaque panneau flottant */

#pann3a1 a:hover {background-color: #B1DEA3; }

/* --------*/

/* Début - 3èmes panneaux flottants de liste 4 ----- */
/* a) Description de chaque panneau flottant */

#pann4a, #pann4b { border-top: solid 1px #CCCCCC; margin-left: 778px;}

#pann4a {margin-top: -3px; width: 200px;}
#pann4b {margin-top: 16px; width: 160px;}

/* b) Description des balises <a> pour chaque panneau flottant */

#pann4a a, #pann4b a { background: url(../im/puce55.jpg) 2px center no-repeat;}

/* c) Description des actions a:hover pour chaque panneau flottant */

#pann4a a:hover, #pann4b a:hover {background-color: #D1C6D6;}

/* __________FIN DU MENU_____________ */