body { background-color: #8cc530; margin: 5px 0 10px; padding: 0; border-width: 0 } #conteneur { background-color: white; background-repeat: repeat-y; margin: auto; width: 948px; border: solid 2px white;height: auto; } #tete { background-image: url(../img/banniere.jpg); width: 948px; height: 71px; overflow: hidden } #tete a { text-indent: -2000px; width: 250px; height: 68px; display: block } /*NAVIG******************************************/ #navig { background-image: url("../img/rep-btn1.2.gif"); background-repeat: repeat-x; width: 948px; height: 42px } #navig-gauche a:hover { background-color: silver; background-image: url(../img/plan.gif); background-repeat: no-repeat; background-position: 0 -44px; width: 120px; height: 42px; float: left } #navig-droite { float: left; width: 825px } /*navig-haut*/ #navig-btn-haut { background-color: #093ea5; background-image: url(../img/rep-btn1.gif); background-repeat: repeat-x; border-bottom: 2px solid white } #nav { background-position: 0 0; list-style: none; margin-top: 0; margin-bottom: 0; margin-left: 10px; padding: 0; height: 20px; overflow: hidden } #nav li { margin-right: 5px; margin-left: 5px; float: left } #nav li a { color: #87baeb; font: 12px/12px "Trebuchet MS", Arial, sans-serif; text-decoration: none; text-align: center; padding: 4px 15px; display: block } #nav li a:hover, #nav li a:focus, #nav li a:active { color: #87baeb; text-decoration: underline } #nav-s a { color:#fff !important; background-color: #589bd7; padding-right: 20px; padding-left: 20px }#navig-gauche a { background-image: url("../img/plan.gif"); background-repeat: no-repeat; text-indent: -2000px; width: 120px; height: 42px; float: left } /*navig-bas*/ #navig-btn-bas { height: 20px } ul#nav2{list-style-type: none;} #nav2 { background-position: 0 0; margin-top: 0; margin-bottom: 0; margin-left: 70px; padding: 0; height: 16px } #nav2 li { color: #fff; height: 16px; float: left } html>body ul#nav2 li {margin-top: 3px !important; height: 16px;} #nav2 li a { color: #0C4FAD; font: 12px/12px "Trebuchet MS", Arial, sans-serif; text-decoration: none; padding-right: 10px; padding-left: 10px } #nav2 li a:hover, #nav2 li a:focus, #nav2 li a:active { color: #0C4FAD;text-decoration: underline; } #nav2-s a { color: #fff !important; font: 12px/12px "Trebuchet MS", Arial, sans-serif; text-decoration: underline !important; padding-right: 10px; padding-left: 10px;height: 16px; } /*FIN----NAVIG******************************************/ /***Colonne-gauche*****************/ #colGauche { background: #78bbf4 repeat-y; float: left; border-top: 2px solid white; width: 109px; height: 500px } #tourisme a { background-image: url("../img/tourisme.jpg"); background-position: -111px 0; text-indent: -2000px; display: block; width: 109px; height: 240px } #tourisme a:hover, #tourisme a:focus, #tourisme a:active { background-position: 0 0 } #association a { background-image: url(../img/association2.jpg); text-indent: -2000px; border-top: 2px solid white; width: 109px; height: 117px; display: block } #association a:hover, #association a:focus, #association a:active { background-position: -111px 0 } #bougez a { background-image: url(../img/bougez2.jpg); text-indent: -2000px; border-top: 2px solid white; border-bottom: 2px solid white; width: 109px; height: 139px; display: block } /***Fin-----Colonne-gauche*****************/ /***-Colonne-droite*****************/ #bougez a:hover, #bougez a:focus, #bougez a:active { background-position: -111px 0; } #colDroite { background: #78bbf4 repeat-y; float: right; border-top: 2px solid white; width: 109px; height: 500px } #entreprises a { background-image: url("../img/entreprises.jpg"); background-position: -112px 0; text-indent: -2000px; display: block; width: 109px; height: 239px } #entreprises a:hover, #entreprises a:focus, #entreprises a:active { background-position: 0px 0 } #zooming a { background-image: url("../img/zomminge.jpg"); background-position: -112px 0; text-indent: -2000px; display: block; width: 109px; height: 259px; border-top: 2px solid white; border-bottom: 2px solid white } #zooming a:hover, #zooming a:focus, #zooming a:active { background-position: 0px 0 } /***-Fin-droite*****************/ /*CORP**********************/ #corp2 { background-image: url("../img/colonne-bleu2.gif"); background-repeat: no-repeat; background-position: 0 445px; height: 472px } html>body div#corp2 { background-repeat: no-repeat; background-position: 0 445px; height: auto; min-height: 472px; }/*les autres*/ #corp { background: url(../img/colonne-bleu.gif) repeat-y; height: auto } /*FIN------CCORP**********************/ /*CONTENU**********************/ #contenu { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-repeat: repeat-y; float: left; margin-top: 14px; margin-right: 14px; margin-left: 14px; width: 702px; height: 400px } html>body div#contenu { height: auto; min-height: 620px }/*les autres*/ #contenu-avoir { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; border-top: 2px solid #4783b8; border-bottom: 2px solid #4783b8 } #contenu-avoir strong { color: white; background-color: #4783b8; float: left; padding: 0 5px; width:200px; text-align:center } #contenu-avoir marquee { float: left; width:490px } #contenu-pied { padding-right: 10px; padding-left: 300px } #contenu-pied a { color: #999; font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold } #contenu-pied a:hover, #contenu-pied a:focus, #contenu-pied a:active { color: #f30 } /*FIN------CONTENU**********************/ /*OMBRE---EVENTUELLE**********************/ #ombre { background-image: url("../img/ombre-reb.gif"); background-repeat: repeat-y; width: 968px } #bloc-ombre { margin: auto; width: 968px } #ombre-haut { background-image: url("../img/ombre-haut2.gif"); background-repeat: no-repeat; background-position: 0 12px; display: block; width: 968px; height: 7px } html>body div#ombre-haut { background-image: url("../img/ombre-haut2.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; width: 968px; height: 7px }/*les autres*/ #ombre-bas { background-image: url("../img/ombre-bas2.gif"); background-repeat: no-repeat; width: 968px; height: 7px } /*FIN---OMBRE---EVENTUELLE**********************/ /*PIED****************/ #pied { color: #8cb6db; font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #589bd7; text-align: center; clear: both; padding-top: 3px; width: 948px; height: 17px } #pied a { color: #c4d6e6; font-weight: bold; text-decoration: none } #pied a:hover { color:#FFFFFF } /*FIN-PIED***********/ /*--contenu-base**********************/ .titre,.titre1,.titre2,.titre3,.titre4,.titre5,.titre6,.titre7,.titre8 { width: 702px; height: 51px; diplay: block } .titre { background: url(../img/titre1.gif) no-repeat;diplay: block} .titre1 { background: url(../img/titre8.gif) no-repeat; diplay: block } .titre2 { background: url(../img/titre3.gif) no-repeat; diplay: block } .titre3 { background: url(../img/titre10.gif) no-repeat; diplay: block } .titre4 { background: url(../img/titre4.gif) no-repeat;diplay: block} .titre5 { background: url(../img/titre6.gif) no-repeat; diplay: block } .titre6 { background: url(../img/titre5.gif) no-repeat; diplay: block } .titre7 { background: url(../img/titre2.gif) no-repeat; diplay: block } .titre8 { background: url(../img/titre2.gif) no-repeat; diplay: block } .titre h1,.titre1 h1,.titre2 h1,.titre4 h1,.titre5 h1,.titre6 h1,.titre7 h1,.titre8 h1 { color: #1c66a8; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; float: right; margin-top: 4px; padding-right: 110px } .titre3 h1{ color: #fff; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; float: right; margin-top: 4px; padding-right: 110px } .parag h3 { color: #000; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: justify; margin: 0px 0px 40px; padding: 0px } .parag { font-family: Verdana, Arial, Helvetica, sans-serif } .parag li {margin:0;padding:0} .parag h5 { color: #6acade; font-size: 18px; margin: 0px 0px 10px; padding: 0px } .parag h4 { color: #c4d516; font-size: 18px; text-transform: uppercase; margin: 0px 0px 10px; padding: 0px; border-bottom: 1px dotted #7d7d7d } .parag p { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 10px; padding: 0px } html>body div.parag p{ font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;} .parag .lien a { color: #c4d516; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none } .parag .lien img { border-style: solid; border-color: white } .parag .photoDC img,.parag .photoGC img { background-color: #fff; padding: 6px; border-style: solid; border-width: 1px; border-color: #ccc #999 #999 #ccc } .photoD { margin-bottom: 10px; margin-left: 10px; margin-top: 10px; float: right } .photoDC { margin-bottom: 5px; margin-left: 5px; margin-top: 10px; float: right } .photoG { margin-right: 10px; margin-bottom: 10px; margin-top: 10px; float: left } .photoGC { margin-right: 5px; margin-bottom: 5px; margin-top: 5px; float: left } #gauche { float: left; margin-right: 20px; margin-bottom: 20px; width: 141px; height: 304px } .photoD,.photoDC,.photoG,.photoGC { color: gray; font-size: 10px; text-align: center } #bas-parag,#bas-parag1,#bas-parag2,#bas-parag3,#bas-parag4,#bas-parag5,#bas-parag6,#bas-parag7 { background-repeat: no-repeat; margin-top: 10px; width: 702px; height: 26px; diplay: block } #bas-parag { background-image: url(../img/sous-rubrique-bas1.gif); width: 702px; height: 26px; diplay: block; } #bas-parag1 { background-image: url(../img/paragbas8.gif); diplay: block } #bas-parag2 { background-image: url(../img/paragbas3.gif); diplay: block } #bas-parag3 { background-image: url(../img/paragbas10.gif); diplay: block } #bas-parag4 { background-image: url(../img/paragbas4.gif); diplay:block } #bas-parag5 { background-image: url(../img/paragbas6.gif); diplay: block } #bas-parag6 { background-image: url(../img/paragbas5.gif); diplay: block } #bas-parag7 { background-image: url(../img/paragbas2.gif); diplay: block } .lienretour a, #contenu a { color: #0e56b0; text-decoration: none } .lienretour a:hover, #contenu a:hover { color: #0072ff; text-decoration: underline }