body { width:100%; overflow:hidden; font-size:12px; } html, body, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; list-style:none; font-weight:inherit; font-family:"Euro Sign","Arial Unicode MS",Helvetica,Tahoma, Arial,sans-serif; vertical-align:top; font-size:13px; } a { color:#333; text-decoration:none; } a:hover { color:#999; } .colorG { color:#555; } .comment { font-size:11px; color:#999; } /* ACCUEIL */ #page_home { position:absolute; width:780px; height:560px; left:50%; top:50%; margin-top:-280px; margin-left:-390px; font-size:12px; } #logo_home { width:413px; height:57px; margin-left:471px; } #conteneur_home { width:713px; height:471px; margin:auto; overflow:hidden; } #content_home { height:471px; background:url("../imgs/bg_accueil.jpg"); } #menu_home { margin-top:-19px; margin-left:40px; } #menu_home li { float:left; position:relative; width:29px; margin-left:3px; } #menu_home li a { background:#FFF; color:#606060; font-family:Helvetica,Arial,sans-serif; font-weight:bold; font-size:11px; text-decoration:none; } #menu_home li a:hover { color:#aaa; } #menu_home li:hover span.bulle_construction { display:block; } #la_com { position:absolute; left:0; margin:5px 0 0 40px; } a#cuisine { display:block; position:absolute; top:0; left:0; width:103px; height:103px; margin-left:655px; margin-top:455px; } /* ACCES COMEDIENNE */ #all { position:absolute; width:950px; height:590px; left:50%; top:50%; margin-top:-295px; margin-left:-475px; background:url("../imgs/bg_all.png") top left no-repeat; } #header { height:90px; /*border-bottom:7px solid #000;*/ } #logo { position:absolute; right:0; } #header #logo img { margin-top:3px; } /* Menu */ #menu { position:absolute; } #menu ul { height:30px; overflow:hidden; padding:0; margin-top:60px; margin-left:30px; text-align:center; } #menu ul li { float:left; position:relative; height:30px; padding-top:5px; margin-right:40px; text-align:center; } #menu ul li a { display:block; width:100%; height:20px; line-height:22px; padding:10px; margin:-8px 0 0 0px; font-size:14px; color:#000; text-transform:uppercase; text-decoration:none; text-shadow:0px 1px 1px #ccc; } #menu ul li:hover a { color:#666; } #menu ul li img.ombr { position:absolute; width:71px; height:11px; top:15px; left:50%; margin-left:-26px; } #conteneur { position:relative; width:950px; height:470px; /*background:#CCC;*/ } #conteneur_patience { position:relative; width:950px; height:470px; background:url("../imgs/patience.gif") no-repeat center; } #content { height:470px; width:950px; overflow:hidden; background:url("../imgs/bg_content.png") no-repeat center; } #photo_present { position:absolute; width:935px; height:447px; left:0; margin:12px 7px; background:#ccurl("../imgs/patience.gif") no-repeat center; } /* BOX TEXT */ #box { position:relative; width:480px; height:460px; padding:5px 5px; margin-left:455px; background:url("../imgs/bg_box.png") top left no-repeat; } #limite_ctt { position:relative; width:451px; height:420px; padding:20px 0; overflow:hidden; } #ctt_box { position:absolute; width:428px; top:20px; margin-left:8px; color:#000; } /* BOUTONS DE NAVIGATION */ ul#nav_box { position:absolute; width:40px; height:110px; list-style:none; top:165px; right:1px; padding:0; overflow:hidden; } ul li.nav_top { height:35px; margin-top:3px; cursor:pointer; background:url("../imgs/flch_top.png") top center no-repeat; } ul li.nav_bottom { height:35px; margin-top:30px; cursor:pointer; background:url("../imgs/flch_bottom.png") bottom center no-repeat; } /* navigations type photo */ #navig_galerie { position:absolute; width:400px; margin-top:20px; margin-left:20px; } #navig_galerie li.MenuT { margin-bottom:7px;} /*.MenuT { margin-top:5px; }*/ .MenuT a, .MenuT span { font-size:15px; color:#333; text-decoration:none; font-weight:bold; text-shadow:0 0 2px #fff; } .active a.link_t, .active:hover a.link_t { color:#fff; text-shadow:0 0 2px #000; } .MenuT:hover a, .MenuT:hover span { color:#333; text-shadow:0 0 2px #fff; } .MenuT a span { } .MenuT a span:hover { color:#999; } .Ss_Menu { margin-top:2px; margin-left:15px; } .Ss_Menu li { padding:1px 0; } .Ss_Menu li a { color:#333; text-shadow:0 0 2px #fff; font-weight:bold; text-decoration:none; } .Ss_Menu li div.list_fotog { display:none; margin-left:20px; } .Ss_Menu li div.list_fotog p { padding:3px 15px; } .Ss_Menu li div.list_fotog p a { font-size:15px; } /* Content de la galerie photo */ #txt p.min { float:left; clear:right; width:120px; height:67px; margin:15px 10px; text-align:center; border:1px solid #ccc; background:#F5F5F5; overflow:hidden; } #galerie { z-index:50000; position:absolute; width:920px; height:440px; top:0; left:0; margin-left:-455px; padding:15px; background:url("../imgs/bg_content.png") no-repeat center; } #big_foto { width:920px; height:440px; top:0; left:0; padding:0; text-align:center; background:url("../imgs/patience_transp.gif") center no-repeat; } #close_galerie { position:absolute; top:15px; margin-left:895px; cursor:pointer; } #img_before { display:none; position:absolute; width:80px; height:440px; top:0; background:url("../imgs/flch_left.png") right center no-repeat; cursor:pointer; } #img_before:hover { background:url("../imgs/flch_left.png") left center no-repeat; } #img_next { display:none; position:absolute; width:80px; height:440px; top:0; margin-left:845px; background:url("../imgs/flch_right.png") left center no-repeat; cursor:pointer; } #img_next:hover { background:url("../imgs/flch_right.png") right center no-repeat; } /* Formulaire de contact */ #form_contact p { clear:both; padding:10px; margin:0; } #form_contact label { float:left; width:100px; height:30px; padding:0 5px; text-align:right; } #form_contact input[type=text] { float:left; width:285px; border:1px solid #999; } #form_contact textarea { width:285px; height:100px; border:1px solid #999; overflow:auto; } #form_contact input[type=submit] { background:#333; color:#fff; padding:3px 8px; cursor:pointer; border:none; } #bg_mss { display:none; position:absolute; top:10px; margin-left:4px; width:434px; height:448px; background:#000; } #mss_contact { display:none; color:#000; position:absolute; width:295px; top:25%; padding:30px; text-align:center; margin-left:10%; background:#fff url("../imgs/patience.gif") center no-repeat; z-index:500000; } #mss { display:inline-block; vertical-align:middle; } #close { position:absolute; width:30px; height:30px; top:0; right:0; cursor:pointer; background:url("../imgs/croix_close.png") no-repeat center; } /* FOOTER */ p#mentions { margin:10px 8px 0 0; padding:0; font-size:11px; color:#000; text-align:right; line-height:20px; } p#mentions a { font-size:11px; } p#mentions a:hover { color:#666; font-size:11px; }