body{ background:url(../img/bando_haut.jpg) 0 0 repeat-x; background-color:#9CBB00; font-family: Georgia, "Times New Roman", Times, serif; color:#FFF; font-size:12px; margin:0; padding:0;} p, ul, li, h1, h2{ margin:0; padding:0;} a { color:#FFF;} ul, li{ z-index:500;} p, h1, h2{ z-index:100;} #conteneur{ width:800px; height:auto; margin:0 auto;} #logo{float:left; width:331px; height:149px; } #langue{ background:url(../img/bando_haut_droite.jpg) no-repeat; width:469px; height:149px; float:left; } #langue_an{ background:url(../img/bando_haut_droite_an.jpg) no-repeat; width:469px; height:149px; float:left; } #menu_langue{ width:auto; list-style-type:none; height:40px; margin-top:8px; margin-left:260px;} #menu_langue li{border:none; float:left; display:block; margin:0;} #menu_langue li img{border:none;} #menu_langue li a{ border:none;} #menu_langue li a:hover{ border:none; } /********* MENU BULLE******************************/ #menu_bulle{background:url(../img/bando_haut_milieu.jpg) no-repeat; width:800px; height:112px; float:left; margin-top:2px; } #menu_bulle_ul{float:left; height:99px; width:700px; margin:4px 0px 0px 20px; list-style:none;} #menu_bulle_ul li{ text-indent:-9000px; float:left; margin:0; } #menu_bulle_ul li a{ display:block; height:99px; margin:0; padding:0;} #menu_bulle_ul li a.bulle1{ background:url(../img/bulle1.png) no-repeat 0px 0px ; width:93px;} #menu_bulle_ul li a.bulle1:hover{ background:url(../img/bulle1.png) no-repeat 0px -101px; width:93px;} #menu_bulle_ul li a.bulle2{ background:url(../img/bulle2.png) no-repeat 0px 0px ; width:93px;} #menu_bulle_ul li a.bulle2:hover{ background:url(../img/bulle2.png) no-repeat 0px -101px; width:93px;} #menu_bulle_ul li a.bulle3{ background:url(../img/bulle3.png) no-repeat 0px 0px ; width:91px;} #menu_bulle_ul li a.bulle3:hover{ background:url(../img/bulle3.png) no-repeat 0px -101px; width:91px;} #menu_bulle_ul li a.bulle4{ background:url(../img/bulle4.png) no-repeat 0px 0px ; width:93px;} #menu_bulle_ul li a.bulle4:hover{ background:url(../img/bulle4.png) no-repeat 0px -101px; width:93px;} #menu_bulle_ul li a.bulle5{margin:12px 0px 0px 40px; background:url(../img/bulle5.png) no-repeat; width:97px;} #menu_bulle_ul li a.bulle5:hover{margin:6px 0px 0px 39px; background:url(../img/bulle5-survol.png) no-repeat; width:97px;} /* MENU BULLE AN */ #menu_bulle_ul li a.bulle1_an{ background:url(../img/bulle1_an.png) no-repeat 0px 0px ; width:93px;} #menu_bulle_ul li a.bulle1_an:hover{ background:url(../img/bulle1_an.png) no-repeat 0px -101px; width:93px;} #menu_bulle_ul li a.bulle2_an{ background:url(../img/bulle2_an.png) no-repeat 0px 0px ; width:93px;} #menu_bulle_ul li a.bulle2_an:hover{ background:url(../img/bulle2_an.png) no-repeat 0px -101px; width:93px;} #menu_bulle_ul li a.bulle3_an{ background:url(../img/bulle3_an.png) no-repeat 0px 0px ; width:91px;} #menu_bulle_ul li a.bulle3_an:hover{ background:url(../img/bulle3_an.png) no-repeat 0px -101px; width:91px;} #menu_bulle_ul li a.bulle4_an{ background:url(../img/bulle4_an.png) no-repeat 0px 0px ; width:93px;} #menu_bulle_ul li a.bulle4_an:hover{ background:url(../img/bulle4_an.png) no-repeat 0px -101px; width:93px;} /********* MENU ******************************/ #menu{ width:800px; height:40px; list-style:none; margin:0; elevation:higher; z-index:5;} #menu li{float:left; color:#FFFFFF; margin:12px 17px 10px 0px;} #menu li a{ display:block; height:25px; margin:0; padding:0;} #menu li a.menu1{ background:url(../img/menu.jpg) no-repeat 0px 0px ; width:150px;} #menu li a.menu1:hover{ background:url(../img/menu.jpg) no-repeat 0px -25px; width:150px;} #menu li a.menu2{ background:url(../img/menu.jpg) no-repeat -165px 0px ; width:105px;} #menu li a.menu2:hover{ background:url(../img/menu.jpg) no-repeat -165px -25px; width:105px;} #menu li a.menu3{ background:url(../img/menu.jpg) no-repeat -285px 0px ; width:80px;} #menu li a.menu3:hover{ background:url(../img/menu.jpg) no-repeat -285px -25px; width:80px;} #menu li a.menu4{ background:url(../img/menu.jpg) no-repeat -385px 0px ; width:80px;} #menu li a.menu4:hover{ background:url(../img/menu.jpg) no-repeat -385px -25px; width:80px;} #menu li a.menu5{ background:url(../img/menu.jpg) no-repeat -480px 0px ; width:95px;} #menu li a.menu5:hover{ background:url(../img/menu.jpg) no-repeat -480px -25px; width:95px;} /* MENU AN */ #menu li a.menu1_an{ background:url(../img/menu_an.jpg) no-repeat 0px 0px ; width:175px;} #menu li a.menu1_an:hover{ background:url(../img/menu_an.jpg) no-repeat 0px -25px; width:175px;} #menu li a.menu2_an{ background:url(../img/menu_an.jpg) no-repeat -190px 0px ; width:105px;} #menu li a.menu2_an:hover{ background:url(../img/menu_an.jpg) no-repeat -190px -25px; width:105px;} #menu li a.menu3_an{ background:url(../img/menu_an.jpg) no-repeat -310px 0px ; width:65px;} #menu li a.menu3_an:hover{ background:url(../img/menu_an.jpg) no-repeat -310px -25px; width:65px;} #menu li a.menu4_an{ background:url(../img/menu_an.jpg) no-repeat -390px 0px ; width:80px;} #menu li a.menu4_an:hover{ background:url(../img/menu_an.jpg) no-repeat -390px -25px; width:80px;} #menu li a.menu5_an{ background:url(../img/menu_an.jpg) no-repeat -480px 0px ; width:95px;} #menu li a.menu5_an:hover{ background:url(../img/menu_an.jpg) no-repeat -480px -25px; width:95px;} #menu ul.ul_sous{display:none; list-style:none; margin:0px 0px 0px 0px; padding:8px 0px 0px 0px; width:180px; position:absolute;} #menu ul.ul_sous li{ float:left; width:200px; height:20px; background-color:#758C00; margin:0px 0px 2px 15px; padding:5px 0px 0px 5px; font-family: Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold; font-size:12px;} #menu ul.ul_sous li a{font-family: myriad, arial; color:#FFF; font-weight:bold; font-size:12px; text-decoration:none;} #menu ul.ul_sous li a:hover{font-family: myriad, arial; color:#000; font-weight:bold; font-size:12px; text-decoration:none;} #menu li.sous_menu:hover ul.ul_sous { display:block;} #menu ul.ul_sous2{display:none; list-style:none; margin:-30px 0px 0px 167px; padding:0; width:180px; position:absolute;} #menu ul.ul_sous2 li{float:left; width:180px; height:20px; background-color:#758C00; margin:0px 0px 2px 35px; padding:5px 0px 0px 5px; font-family: Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold; font-size:12px;} #menu ul.ul_sous2 li a{font-family: myriad, arial; color:#FFF; font-weight:bold; font-size:12px; text-decoration:none;} #menu ul.ul_sous2 li a:hover{font-family: myriad, arial; color:#000; font-weight:bold; font-size:12px; text-decoration:none;} #menu li.sous_menu2:hover ul.ul_sous2 { display:block;} /******************MENU ALBUM***************************/ #menu_album{ height:49px; width:700px; list-style:none; margin-top:20px; margin-left:10px;} #menu_album li{margin-right:3px;} #menu_album li.verger_on{ height:49px; width:111px; background:url(../img/album/onglet_06.jpg) no-repeat 0px -49px; display:block; float:left;} #menu_album li a.verger:hover{height:49px; width:111px; background:url(../img/album/onglet_06.jpg) no-repeat 0px -49px; display:block; float:left; } #menu_album li a.verger{height:49px; width:111px; background:url(../img/album/onglet_06.jpg) no-repeat 0px 0px; display:block; float:left;} #menu_album li.salon_on{ height:49px; width:220px; background:url(../img/album/onglet_08.jpg) no-repeat 0px -49px; display:block; float:left;} #menu_album li a.salon:hover{height:49px; width:220px; background:url(../img/album/onglet_08.jpg) no-repeat 0px -49px; display:block; float:left; } #menu_album li a.salon{height:49px; width:220px; background:url(../img/album/onglet_08.jpg) no-repeat 0px 0px; display:block; float:left;} /* MENU ALBUM AN */ #menu_album li.verger_on_an{ height:49px; width:111px; background:url(../img/album/onglet_06_an.jpg) no-repeat 0px -49px; display:block; float:left;} #menu_album li a.verger_an:hover{height:49px; width:111px; background:url(../img/album/onglet_06_an.jpg) no-repeat 0px -49px; display:block; float:left; } #menu_album li a.verger_an{height:49px; width:111px; background:url(../img/album/onglet_06_an.jpg) no-repeat 0px 0px; display:block; float:left;} #menu_album li.salon_on_an{ height:49px; width:220px; background:url(../img/album/onglet_08_an.jpg) no-repeat 0px -49px; display:block; float:left;} #menu_album li a.salon_an:hover{height:49px; width:220px; background:url(../img/album/onglet_08_an.jpg) no-repeat 0px -49px; display:block; float:left; } #menu_album li a.salon_an{height:49px; width:220px; background:url(../img/album/onglet_08_an.jpg) no-repeat 0px 0px; display:block; float:left;} /**********CONTENU***************************/ #contenu{width:780px; height:auto; padding:10px 10px 10px 10px; float:left;} /* Formaulaire arbre */ form#form_arbre{padding:120px 0px 0px 330px; width:400px;} form#form_arbre div{float:right; text-align:right; line-height:25px;} form#form_arbre input{padding:1px 3px; border:2px solid #FFF; background:#FFF;} form#form_arbre input.submit{margin:10px 50px; padding:0px; border:none; background:url(../img/arbre-bio/bouton-envoyer.png) no-repeat; width:114px; height:26px; color:transparent;} /**********ACCUEIL****************************/ #bando_actu{ background:url(../img/bando_actu.jpg) no-repeat; width:800px; height:96px; float:left; margin-left:-10px; margin-top:40px;} #actu{ background-color:#afc830; width:800px; height:auto; float:left; margin-left:-10px;} .cadre_actu {width:400px; height:auto; float:right; margin-top:18px; background-color:#C2D342; padding:10px 10px 10px 10px;} .cadre_actu h2{color:#006B33;} .cadre_actu p{ width:260px; height:auto; text-align:left; float:left;} .cadre_actu img{ border:solid 3px #FFF; float:right; width:100px; height:auto; margin-left:15px;} #petit_cadre1{ background:url(../img/petit_cadre1.jpg); width:400px; height:195px; float:left; margin-left:-10px;} #petit_cadre2{background:url(../img/petit_cadre2.jpg); width:400px; height:195px; float:right; margin-right:-10px;} #cadre_restauration{background:url(../img/cadre-restauration-RHD.png); width:475px; height:170px; margin-top:28px;} /**********QUI EST JULIET***************************/ #qui_est {width:410px; height:auto; margin-top:70px; float:left;} #qui_est hr{color:#006B33;} #album_photo{background-color:#afc830; width:800px; height:700px; float:left; margin-left:-10px; margin-top:10px;} /*********************TELECHARGEZ***************************/ #telecharge {width:322px; height:311px; list-style:none;} #telecharge li a{width:322px; height:311px; background:url(../img/telechargez.jpg); display:block;} #telecharge li a:hover{width:322px; height:311px; background:url(../img/telechargez_hover.jpg); display:block;} /* TELECHARGER AN*/ #telecharge_an {width:322px; height:311px; list-style:none;} #telecharge_an li a{width:322px; height:311px; background:url(../img/telechargez_an.jpg); display:block;} #telecharge_an li a:hover{width:322px; height:311px; background:url(../img/telechargez_hover_an.jpg); display:block;} /**************LES JEUX***************************/ #cadre_jeu{ width:750px; min-height:126px; margin-top:8px; margin-bottom:8px; background-color:#9CBB00; border:solid 1px #006B33;; padding: 10px 10px 10px 10px;} #cadre_jeu img{border:solid 3px #FFF; float:left; margin-right:15px;} #cadre_jeu p{ margin-bottom:10px;} /**********POSITIONNEMENT***************************/ #positionnement{width:500px; height:auto; margin-top:70px; float:left;} /**********COLLINE***************************/ #colline{ background:url(../img/colline.jpg) no-repeat; width:800px; height:59px; float:left;} /**********PIED*****************************/ #pied{ clear:both; background:url(../img/bando_pied.jpg) repeat-x; height:222px;} #pied_contenu {height:222px; width:800px; background:url(../../img/pied.jpg) no-repeat; margin:0 auto;} #pied_navigation{ margin:15px 0px 0px 50px;} #pied_conception{margin:5px 0px 0px 50px;} #pied a{ color:#FFF; text-decoration:none;} #pied a:hover{ color:#FFF; text-decoration:underline;}