* {margin: 0px; padding: 0px;}/* pour éviter les marges */ body {font-family:Verdana; font-size:0.8em; background-color:#d4c8b2; width:950px;} body a {color: #996;} body a:hover {color:#a4845b;} .red {color: #c4166b; background-color: transparent;} .mar {color: #5a534b; font-weight: bold; background-color: transparent;} h1 {font-family:Verdana; font-size:0.9em; font-weight: bold; color: #5a534b;} h2 {font-family:Verdana; font-size:0.9em; color: #c4166b;} p {font-family:Verdana; font-size:0.9em; color: #4D422F;} /* conteneur total qui centre le site */ #conteneur {position:absolute;left: 50%;top: 10px;width: 950px; height: 851px; margin-top: 10px; /* à 10 pixel en dessous du haut de la page / pour centrer verticalement mettre : -425px */ margin-left: -475px; /* moitié de la largeur */} /* ----------en-tête du site --------- */ #logo /* anim flash */{position:absolute; margin-left: 84px; margin-top: 46px; width:325px; height:93px;} #slogo /* image fixe sous logo */{position: absolute; margin-left:84px; margin-top: 139px; width:325px; height:138px; background:url(images/all/slogo.jpg) no-repeat top left; text-align:left;} #centre /* la colombine*/{position: absolute; margin-left:409px; margin-top: 46px; width:270px; height:231px; background:url(images/all/image_colombine.jpg) no-repeat top left; text-align:left; left: 0px; top: 0px;} #centre2 /* pro*/{position: absolute; margin-left:409px; margin-top: 46px; width:270px; height:231px; background:url(images/all/image_pro.jpg) no-repeat top left; text-align:left; left: 0px; top: 0px;} #centre3 /* particuliers*/ {position: absolute; margin-left:409px; margin-top: 46px; width:270px; height:231px; background:url(images/all/image_part.jpg) no-repeat top left; text-align:left; left: 0px; top: 0px;} #centre4 /* contact*/ {position: absolute; margin-left:409px; margin-top: 46px; width:270px; height:231px; background:url(images/all/image_contact.jpg) no-repeat top left; text-align:left; left: 0px; top: 0px;} #resto {position: absolute; margin-left:679px; margin-top: 46px; width:188px; height:231px; background:url(images/all/st_georges.jpg) no-repeat top left; text-align:left; left: 0px; top: 0px;} /* côtés du site -----------*/ #haut1 {position: absolute; margin-left: 84px;margin-top: 0px; width:46px; height:783px; background:url(images/all/haut1.jpg) no-repeat top left; text-align:left;} #left {position: absolute; margin-left: 0px;margin-top: 0px; width:84px; height:697px; background:url(images/all/left.jpg) no-repeat top left; text-align:left;} #right {position: absolute;margin-left: 867px;margin-top: 0px; width:83px; height:697px; background:url(images/all/right.jpg) no-repeat top left; text-align:left;} /* Pied de page ---------- */ #footer {position:absolute; top:697px; left:0px; width:950px; height:154px; font-size:10px; color:#a4845b; text-align:center; background:url(images/all/foot.jpg) no-repeat top left;} #footer a {text-decoration:none; color:#996;} #footer a:hover {color:#a4845b;} /* ------ Boutons de navigation principale, en haut du site ------ */ /* Pro */ #menu1 a {position:absolute; margin-left:251px; margin-top: 277px; width: 158px; height: 33px; background-image:url(images/all/btn_pro.jpg);background-repeat: no-repeat;} #menu1 a:hover { /* Pro au survol */background-image: url(images/all/btn_pro3.jpg);} #menu1c {position:absolute; margin-left:251px; margin-top: 277px; width: 158px; height: 33px; background-image:url(images/all/btn_pro3.jpg);background-repeat: no-repeat;} /* La Colombine */ #menu2 a { position:absolute; margin-left:84px; margin-top: 277px; width: 167px; height: 33px; background-image:url(images/all/btn_colomb.jpg);background-repeat: no-repeat;} #menu2 a:hover { /* La Colombine au survol */background-image: url(images/all/btn_colomb3.jpg);} #menu2c {position:absolute; margin-left:84px; margin-top: 277px; width: 167px; height: 33px; background-image:url(images/all/btn_colomb3.jpg);background-repeat: no-repeat;} /* Particuliers */ #menu3 a {position:absolute; margin-left:409px; margin-top: 277px; width: 158px; height: 33px; background-image:url(images/all/btn_part.jpg);background-repeat: no-repeat;} #menu3 a:hover { /* Particuliers au survol */background-image: url(images/all/btn_part3.jpg);} #menu3c {position:absolute; margin-left:409px; margin-top: 277px; width: 158px; height: 33px; background-image:url(images/all/btn_part3.jpg);background-repeat: no-repeat;} /* Contact */ #menu4 a {position:absolute; margin-left:567px; margin-top: 277px; width: 112px; height: 33px; background-image:url(images/all/btn_contact.jpg);background-repeat: no-repeat;} #menu4 a:hover { /* Contact au survol */background-image: url(images/all/btn_contact3.jpg);} #menu4c {position:absolute; margin-left:567px; margin-top: 277px; width: 112px; height: 33px; background-image:url(images/all/btn_contact3.jpg);background-repeat: no-repeat;} /* Resto */ #menu5 a {position:absolute; margin-left:679px; margin-top: 277px; width: 188px; height: 33px; background-image:url(images/all/btn_armenien.jpg);background-repeat: no-repeat;} #menu5 a:hover { /* Resto au survol */background-image: url(images/all/btn_armenien3.jpg);} /* ------ Les pages rubriques du site ------ */ /* Fonds des pages */ #page {position:absolute; margin-left:84px; margin-top: 363px; width: 595px; height: 334px; background-image:url(images/all/page.jpg);background-repeat: no-repeat; overflow: auto;} #page1 {position:absolute; margin-left:84px; margin-top: 363px; width: 595px; height: 334px; background-image:url(images/all/page1.jpg);background-repeat: no-repeat; overflow: auto;} #page2 {position:absolute; margin-left:84px; margin-top: 363px; width: 595px; height: 334px; background-image:url(images/all/page2.jpg);background-repeat: no-repeat; overflow: auto;} #page3 {position:absolute; margin-left:84px; margin-top: 363px; width: 595px; height: 334px; background-image:url(images/all/page3.jpg);background-repeat: no-repeat; overflow: auto;} #page4 {position:absolute; margin-left:84px; margin-top: 363px; width: 595px; height: 334px; background-image:url(images/all/page4.jpg);background-repeat: no-repeat; overflow: auto;} #page5 {position:absolute; margin-left:84px; margin-top: 363px; width: 595px; height: 334px; background-image:url(images/all/page5.jpg);background-repeat: no-repeat; overflow: auto;} #page6 {position:absolute; margin-left:84px; margin-top: 363px; width: 595px; height: 334px; background-image:url(images/all/page6.jpg);background-repeat: no-repeat; overflow: auto;} #page7 {position:absolute; margin-left:84px; margin-top: 363px; width: 595px; height: 334px; background-image:url(images/all/page7.jpg);background-repeat: no-repeat; overflow: auto;} #page8 {position:absolute; margin-left:84px; margin-top: 363px; width: 595px; height: 334px; background-image:url(images/all/page8.jpg);background-repeat: no-repeat; overflow: auto;} #page9 {position:absolute; margin-left:84px; margin-top: 363px; width: 595px; height: 334px; background-image:url(images/all/page9.jpg);background-repeat: no-repeat; overflow: auto;} #page10 {position:absolute; margin-left:84px; margin-top: 363px; width: 595px; height: 334px; background-image:url(images/all/page10.jpg);background-repeat: no-repeat; overflow: auto;} #page11 {position:absolute; margin-left:84px; margin-top: 363px; width: 595px; height: 334px; background-image:url(images/all/page11.jpg);background-repeat: no-repeat; overflow: auto;} /* Titres des pages */ /* Pro */ #titre1 {position:absolute; margin-left:84px; margin-top: 310px; width: 595px; height: 53px; background-image:url(images/all/titre_page2.jpg);background-repeat: no-repeat;} /* La Colombine */ #titre2 {position:absolute; margin-left:84px; margin-top: 310px; width: 595px; height: 53px; background-image:url(images/all/titre_page1.jpg);background-repeat: no-repeat;} /* Particuliers */ #titre3 {position:absolute; margin-left:84px; margin-top: 310px; width: 595px; height: 53px; background-image:url(images/all/titre_page3.jpg);background-repeat: no-repeat;} /* Contact */ #titre4 {position:absolute; margin-left:84px; margin-top: 310px; width: 595px; height: 53px; background-image:url(images/all/titre_page4.jpg);background-repeat: no-repeat;} /*---------- Diaporama ----------*/ #diapo1 /* anim flash */{position:absolute; margin-left: 120px; margin-top: 360px; width:500px; height:300px;} /* ------- Boutons/sous-navigation à droite de la page ------ */ /* ------au dessus et au dessous boutons sous/nav----- */ #smenuh { /* Haut */ position:absolute; margin-top:310px; margin-left:679px; width:188px; height:34px; background:url(images/all/snav_haut.jpg) top left no-repeat; text-align:left;} #smenub { /* Bas */ position:absolute; margin-top:496px; margin-left:679px; width:188px; height:201px; background:url(images/all/snav_bas.jpg) top left no-repeat; text-align:left;} #smenub2 { /* Bas */ position:absolute; margin-top:496px; margin-left:679px; width:188px; height:201px; background:url(images/all/snav_bas2.jpg) top left no-repeat; text-align:left;} #smenub3 { /* Bas */ position:absolute; margin-top:496px; margin-left:679px; width:188px; height:201px; background:url(images/all/snav_bas3.jpg) top left no-repeat; text-align:left;} #smenub4 { /* Bas */ position:absolute; margin-top:496px; margin-left:679px; width:188px; height:201px; background:url(images/all/snav_bas4.jpg) top left no-repeat; text-align:left;} /* -----boutons LA COLOMBINE----- */ /* présentation */ #smenu1 a { position:absolute; margin-top:344px; margin-left:679px; width:188px; height:47px; background:url(images/all/snav1a.jpg) no-repeat;} /* présentation au survol */ #smenu1 a:hover { background-image: url(images/all/snav1b.jpg);} /* présentation fixe */ #smenu1c { position:absolute; margin-top:344px; margin-left:679px; width:188px; height:47px; background:url(images/all/snav1c.jpg) no-repeat;} /* plan accès */ #smenu2 a { position:absolute; margin-top:391px; margin-left:679px; width:188px; height:31px; background:url(images/all/snav2a.jpg) top left no-repeat; text-align:left;} /* plan accès au survol */ #smenu2 a:hover { background-image: url(images/all/snav2b.jpg);} /* diaporama */ #smenu3 a { position:absolute; margin-top:422px; margin-left:679px; width:188px; height:74px; background:url(images/all/snav3a.jpg) top left no-repeat; text-align:left;} /* diaporama au survol */ #smenu3 a:hover { background-image: url(images/all/snav3b.jpg);} /* diaporama fixe */ #smenu3c { position:absolute; margin-top:422px; margin-left:679px; width:188px; height:74px; background:url(images/all/snav3c.jpg) top left no-repeat; text-align:left;} #smenu3d { position:absolute; margin-top:447px; margin-left:679px; width:188px; height:49px; background:url(images/all/snav3d.jpg) top left no-repeat; text-align:left;} /* -----boutons PROFESSIONNELS----- */ /* prestations */ #smenu4 a { position:absolute; margin-top:344px; margin-left:679px; width:188px; height:47px; background:url(images/all/snav4a.jpg) top left no-repeat; text-align:left;} /* prestations au survol */ #smenu4 a:hover { background-image: url(images/all/snav4b.jpg);} /* prestations fixe */ #smenu4c { position:absolute; margin-top:344px; margin-left:679px; width:188px; height:47px; background:url(images/all/snav4c.jpg) top left no-repeat; text-align:left;} /* tarif */ #smenu5 a { position:absolute; margin-top:391px; margin-left:679px; width:188px; height:31px; background:url(images/all/snav5a.jpg) top left no-repeat; text-align:left;} /* tarif au survol */ #smenu5 a:hover { background-image: url(images/all/snav5b.jpg);} /* tarif fixe*/ #smenu5c { position:absolute; margin-top:391px; margin-left:679px; width:188px; height:31px; background:url(images/all/snav5c.jpg) top left no-repeat; text-align:left;} /* références */ #smenu6 a { position:absolute; margin-top:422px; margin-left:679px; width:188px; height:25px; background:url(images/all/snav6a.jpg) top left no-repeat; text-align:left;} /* références au survol */ #smenu6 a:hover { background-image: url(images/all/snav6b.jpg);} /* références fixe */ #smenu6c { position:absolute; margin-top:422px; margin-left:679px; width:188px; height:25px; background:url(images/all/snav6c.jpg) top left no-repeat; text-align:left;} /* diaporama */ #smenu7 a { position:absolute; margin-top:447px; margin-left:679px; width:188px; height:49px; background:url(images/all/snav7a.jpg) top left no-repeat; text-align:left;} /* diaporama */ #smenu7 a:hover { background-image: url(images/all/snav7b.jpg);} /* diaporama fixe*/ #smenu7c { position:absolute; margin-top:447px; margin-left:679px; width:188px; height:49px; background:url(images/all/snav7c.jpg) top left no-repeat; text-align:left;} /* -----boutons PARTICULIERS----- */ /* prestations */ #smenu8 a { position:absolute; margin-top:344px; margin-left:679px; width:188px; height:47px; background:url(images/all/snav8a.jpg) top left no-repeat; text-align:left;} /* prestations au survol */ #smenu8 a:hover { background-image: url(images/all/snav8b.jpg);} /* prestations fixe */ #smenu8c { position:absolute; margin-top:344px; margin-left:679px; width:188px; height:47px; background:url(images/all/snav8c.jpg) top left no-repeat; text-align:left;} /* tarif */ #smenu9 a { position:absolute; margin-top:391px; margin-left:679px; width:188px; height:31px; background:url(images/all/snav9a.jpg) top left no-repeat; text-align:left;} /* tarif au survol */ #smenu9 a:hover { background-image: url(images/all/snav9b.jpg);} /* tarif fixe */ #smenu9c { position:absolute; margin-top:391px; margin-left:679px; width:188px; height:31px; background:url(images/all/snav9c.jpg) top left no-repeat; text-align:left;} /* diaporama */ #smenu10 a { position:absolute; margin-top:422px; margin-left:679px; width:188px; height:25px; background:url(images/all/snav10a.jpg) top left no-repeat; text-align:left;} /* diaporama au survol */ #smenu10 a:hover { background-image: url(images/all/snav10b.jpg);} /* diaporama fixe */ #smenu10c { position:absolute; margin-top:422px; margin-left:679px; width:188px; height:25px; background:url(images/all/snav10c.jpg) top left no-repeat; text-align:left;} /* fond d'image */ #smenu11 { position:absolute; margin-top:447px; margin-left:679px; width:188px; height:49px; background:url(images/all/snav11a.jpg) top left no-repeat; text-align:left;} /* -----boutons CONTACT----- */ /* coordonnées */ #smenu12 a { position:absolute; margin-top:344px; margin-left:679px; width:188px; height:47px; background:url(images/all/snav12a.jpg) top left no-repeat; text-align:left;} /* coordonnées au survol */ #smenu12 a:hover { background-image: url(images/all/snav12b.jpg);} /* coordonnées fixe */ #smenu12c { position:absolute; margin-top:344px; margin-left:679px; width:188px; height:47px; background:url(images/all/snav12c.jpg) top left no-repeat; text-align:left;} /* plan */ #smenu13 a { position:absolute; margin-top:391px; margin-left:679px; width:188px; height:31px; background:url(images/all/snav13a.jpg) top left no-repeat; text-align:left;} /* plan au survol */ #smenu13 a:hover { background-image: url(images/all/snav13b.jpg);} /* plan fixe */ #smenu13c { position:absolute; margin-top:391px; margin-left:679px; width:188px; height:31px; background:url(images/all/snav13c.jpg) top left no-repeat; text-align:left;} /* contacter */ #smenu14 a { position:absolute; margin-top:422px; margin-left:679px; width:188px; height:25px; background:url(images/all/snav14a.jpg) top left no-repeat; text-align:left;} /* contacter au survol */ #smenu14 a:hover { background-image: url(images/all/snav14b.jpg);} /* contacter fixe */ #smenu14c { position:absolute; margin-top:422px; margin-left:679px; width:188px; height:25px; background:url(images/all/snav14c.jpg) top left no-repeat; text-align:left;} /* fond d'image */ #smenu15 { position:absolute; margin-top:447px; margin-left:679px; width:188px; height:49px; background:url(images/all/snav15c.jpg) top left no-repeat; text-align:left;} /* --------- contenus textes des pages --------- */ #contenu1 {position:absolute;margin-top:400px;margin-left:115px;width:560px;height:100px;text-align:left;color:#5a534b;font: 0.9em/13px Verdana;} #contenu2 {position:absolute; margin-top:450px; margin-left:115px; width:280px; height:300px; text-align:left; color:#5a534b; font:0.9em/13px Verdana;} #contenu3 {position:absolute; margin-top:535px; margin-left:705px; width:130px; height:100px; text-align:left; color:#5a534b; font:0.9em/13px Verdana; } #contenu4 {position:absolute; margin-top:450px; margin-left:420px; width:250px; height:100px; text-align:left; color:#5a534b; font:0.9em/13px Verdana; } #contenu5 {position:absolute; margin-top:545px; margin-left:420px; width:250px; height:100px; text-align:left; color:#5a534b; font:0.9em/13px Verdana; } #contenu6 {position:absolute; margin-top:640px; margin-left:115px; width:710px; height:100px; text-align:left; color:#5a534b; font:0.9em/13px Verdana; } #contenu7 {position:absolute; margin-top:540px; margin-left:420px; width:410px; height:100px; text-align:left; color:#5a534b; font:0.9em/13px Verdana; } #contenu8 {position:absolute; margin-top:560px; margin-left:115px; width:710px; height:100px; text-align:left; color:#5a534b; font:0.9em/13px Verdana; } #contenu9 {position:absolute; margin-top:520px; margin-left:630px; width:200px; height:150px; text-align:right; color:#5a534b; font:0.9em/13px Verdana; } #contenu10 {position:absolute; margin-top:610px; margin-left:430px; width:410px; height:150px; text-align:left; color:#5a534b; font:0.9em/13px Verdana; } #contenu11 {position:absolute; margin-top:620px; margin-left:115px; width:710px; height:150px; text-align:left; color:#5a534b; font:0.9em/13px Verdana; } #plan /* anim flash */{position:absolute; margin-left: 100px; margin-top: 370px; width:500px; height:310px;} #pano /* anim flash */{position:absolute; margin-left: 100px; margin-top: 370px; width:450px; height:280px;} .optim {display: none;}