.col-1, .col-2, .col-3, .col-4 { float:left} .col-actu { float:right} /*======= width =======*/ .main{margin:0 auto; text-align:left; width:970px;} /* agrandi width de 776 à 970px, soit +194px */ /*======= header =======*/ #header {height:195px;} /* 20/04/10 : diminué de 249 a 195 pour version noFrames */ #header-srub {height:2em;} /* ajout -srub en hauteur dynamique et bg attaché au bottom pour liserai collé au content sinon 31px = OK pour sous-rubriques */ #page1 #header { background:url(images/1page_top.jpg) no-repeat} #page2 #header { background:url(images/1page_top.jpg) no-repeat} /* TODO differencier couleur (2page_top.jpg avec néon violet, etc...) */ #page3 #header { background:url(images/1page_top.jpg) no-repeat} #page4 #header { background:url(images/1page_top.jpg) no-repeat} #page5 #header { background:url(images/1page_top.jpg) no-repeat} #page6 #header { background:url(images/1page_top.jpg) no-repeat} #page7 #header { background:url(images/1page_top.jpg) no-repeat} /* mis en no-repeat suite à élargissement à 970px */ /* ajout page7 et url(6page*.gif) dans page6 */ /* Attention page6 (contact) SANS sous-rubriques */ #page3 #header-srub { background:url(images/3page_top_srub.gif) no-repeat; background-position: bottom right;} /* TODO: réduire hauteur de *page_top.gif à 249 ajouter background *page_top_srub.gif avec 31 de H (sauf page6) */ /*======= content =======*/ #page #content{ height:646px; background:url(images/0page_cont1.gif)} #page1 #content { background:url(images/1page_cont.gif) no-repeat top left} #page2 #content { background:url(images/2page_cont.gif) no-repeat top} #page3 #content { background:url(images/3page_cont.gif) no-repeat top} #page4 #content { background:url(images/4page_cont.gif) no-repeat top} #page5 #content { background:url(images/5page_cont.gif) no-repeat top} #page6 #content { background:url(images/6page_cont.gif) no-repeat top} #page7 #content { background:url(images/1page_cont.gif) no-repeat top} /* ajout page7 et url(6page*.gif) dans page6 */ /*======= index-1.html =======*/ #page1 #content .col-1{width:390px; margin-right:71px} /* 330 + 90 -30 */ #page1 #content .col-2{width:390px} /* = col-1 */ #page1 #content .col-actu{width:390px; margin-right:29px} /* =col-1 */ /* modifié col-* width idem index-2 (colonne de droite + large) */ /* rajouté 180px réparti sur col-1/2 suite à élargissement à 970px + modif similaire dans style.css pour overflow enlevé 60px réparti (30px sur 1) puis égalisé les col-1/2 suite à décalage à D de l'arceau blanc + modif style.css -> overflow (inutile ??) */ /* TODO ?? affiner margin-right en .em !! */ /* #page1 .tail{ background:url(images/tail.gif) repeat-y 432px top} */ #page1 .tail{ background:url(images/tail.gif) repeat-y; background-position: 432px 150px;} /* 432=index-2 +90 -30 et 150=décalage de tail_top.gif */ #page1 .tail-top{ background:url(images/tail_top.gif) no-repeat 432px top} #page1 .tail-top-2titres{ background:url(images/tail_top.gif) no-repeat; background-position: 432px 150px;} /* idem .tail avec tail_top.gif plus bas de 150px pour 2 lignes de titre (specifique rubrique=9.html pour rubrique Activités) */ #page1 .tail-bottom{ background:url(images/tail_bot.gif) no-repeat 432px bottom} /* centrage de la barre verticale */ /*======= index-2.html =======*/ #page2 #content .col-1{ width:719px; margin-right:71px} /* #page2 #content .col-2{ width:229px} supprimé col-2 pour 1 seule colonne +large (330+389 idem index-1 ci-dessus) NOTA col-* en float:left = KO avec FF et OK avec IE ? */ #page2 .tail{ background:url(images/tail.gif) repeat-y 372px top} #page2 .tail-top{ background:url(images/tail_top.gif) no-repeat 372px top} #page2 .tail-bottom{ background:url(images/tail_bot.gif) no-repeat 372px bottom} /*======= index-3.html =======*/ #page3 #content .col-1{ width:215px; margin-right:69px} #page3 #content .col-2{ width:346px} #page3 .tail{ background:url(images/tail.gif) repeat-y 256px top} #page3 .tail-top{ background:url(images/tail_top.gif) no-repeat 256px top} #page3 .tail-bottom{ background:url(images/tail_bot.gif) no-repeat 256px bottom} /*======= index-4.html =======*/ #page4 #content .col-1{ width:355px; margin-right:46px} #page4 #content .col-2{ width:229px} #page4 .tail{ background:url(images/tail.gif) repeat-y 372px top} #page4 .tail-top{ background:url(images/tail_top.gif) no-repeat 372px top} #page4 .tail-bottom{ background:url(images/tail_bot.gif) no-repeat 372px bottom} /*======= index-5.html ======= (échangé 5 et 6 // au kit ) =======*/ #page5 #content .col-1{ width:120px; float:left; margin-left:10px;} #page5 #content .col-2{ width:750px; } /* 01/01/10 modifié colonne à droite (KO ici OK dans rubrique-71) pour retour Visite du village */ #page5 .tail{ background:url(images/tail.gif) repeat-y 256px top} #page5 .tail-top{ background:url(images/tail_top.gif) no-repeat 256px top} #page5 .tail-bottom{ background:url(images/tail_bot.gif) no-repeat 256px bottom} /* ajout ci-dessous pour rubrique contact ======= index-6.html =======*/ #page6 #content .col-1{ width:554px; margin-right:46px} /* rétréci de 600px -> (600px -margin-right) pour bureau à droite KO le 28/12/09 + col-2 forcé à float:right dans rubrique=8.html (KO ici) */ #page6 #content .col-2{ width:250px} /* rétréci de 324px -> 250px pour titres bureau sur 1 seule ligne */ #page6 #content .col-3{ width:173px} /* colonnes internes du formulaire */ #page6 #content .col-4{ width:167px} #page6 .tail{ background:url(images/tail.gif) repeat-y 580px top} #page6 .tail-top{ background:url(images/tail_top.gif) no-repeat 580px top} #page6 .tail-bottom{ background:url(images/tail_bot.gif) no-repeat 580px bottom} /* élargi col-1 pour 2/3 de 970 env. (et col-2 = 1/3) + le tail décalé d'autant */ /*======= footer =======*/ #footer { height:114px; } #page #footer { background:url(images/0page_bot1.gif) no-repeat top } #page1 #footer { background:url(images/1page_bot.gif) no-repeat top } #page2 #footer { background:url(images/2page_bot.gif) no-repeat top } #page3 #footer { background:url(images/3page_bot.gif) no-repeat top } #page4 #footer { background:url(images/4page_bot.gif) no-repeat top } #page5 #footer { background:url(images/5page_bot.gif) no-repeat top } #page6 #footer { background:url(images/6page_bot.gif) no-repeat top } #page7 #footer { background:url(images/1page_bot.gif) no-repeat top } /* ajout page7 et url(6page*.gif) dans page6 */ /* enlevé le left dans bg url, pour centrage du halo en bas de page */