body { margin: 0; padding: 0; font-family: Times, serif; font-size: 13px; background-color:#cbe5ff; } div#page { margin-left: auto; margin-right: auto; width:800px; text-align: left; } div#corps { position: relative; width: 565px; margin-left: 0px; border-style: none solid none solid; border-width: 30px; border-color: #f4f4d2; background-color:#f4f4d2; } p { text-align: justify; line-height: 15px; margin-bottom: 15px; margin-top: 0;} a:link, a:visited, a:active { text-decoration: none; color: white; } .cap {text-transform: uppercase;} /*--------Slogan-----------*/ h2 { position: relative; padding: 5px 5px 5px 15px; margin-top: 0; margin-bottom: 40px; line-height: 1.5em; letter-spacing: 0.1em; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; background-color: #cbe5ff; color: #034283; } h2 a:link, h2 a:visited, h2 a:active { text-decoration:underline; letter-spacing: 0.03em; color:#9C0000; } #adresse { letter-spacing: 0 ; color: #034283; } /*--------Titre destination nb jours et prix-----------*/ h1 { position: relative; margin-top: -8px; margin-bottom: 8px; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; color: #034283; } /*-------------Lien pdf diaporama----------------*/ #diaporama { margin-bottom: 12px; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; color: #034283;} #diaporama a {text-decoration:underline; color: #9C0000;} /*--------------- Sous menus haut de page -----------------*/ #gibier, #hebergement, #photo, #programme, #MenuSelectGibier, #MenuSelectProgramme, #MenuSelectHebergement, #MenuSelectPhoto { padding: 0px;font-family: Arial, san-serif; font-size: 10px; font-weight: bold; background-color:#7dacdb; } #gibier a, #hebergement a, #photo a, #programme a {display: block; background: url(../imageGeneral/PuceMenu.gif) no-repeat; padding: 2px 0 2px 12px; } #gibier a:hover, #hebergement a:hover, #photo a:hover { background: #034283 url(../imageGeneral/PuceMenu.gif) no-repeat } #MenuHaut {margin-bottom: 20px} #programme { background-color:#e29e3e;} #programme a:hover { background: #bc5d00 url(../imageGeneral/PuceMenu.gif) no-repeat; } #MenuSelectGibier a, #MenuSelectHebergement a, #MenuSelectPhoto a {display: block; padding: 2px 0 2px 12px; } #MenuSelectGibier a {background: #034283 url(../imageGeneral/PuceMenuSelectGibier.gif) no-repeat;} #MenuSelectHebergement a {background: #034283 url(../imageGeneral/PuceMenuSelectHebergement.gif) no-repeat; } #MenuSelectPhoto a {background: #034283 url(../imageGeneral/PuceMenuSelectPhoto.gif) no-repeat;} #MenuSelectProgramme a {display: block; background: #bc5d00 url(../imageGeneral/PuceMenuSelectProgramme.gif) no-repeat; padding: 2px 0 2px 12px; } /*--------Les sous titres du corps de texte-----------*/ .text {text-align: justify} h3 { text-align: left; line-height: 12px; padding-left: 5px; margin-bottom: 0; margin-top: 15px; font-family: Arial, serif; font-size: 15px; font-variant: small-caps; font-weight: bold; color: #034283; border-left: solid 0.5em; border-color: #7dacdb;} h4 { text-align: left; line-height: 15px; margin-bottom: 0; margin-top: 15px; font-family: Arial, serif; font-size: 13px; font-variant: small-caps; font-weight: bold; color: #034283;} /*--------Carte et info sous carte-----------*/ div#heb { float: right; width: 250px; margin-left: 15px; margin-bottom: 10px;} div#carte { float: right; width: 197px; border-style: solid solid solid solid; border-width: 2px; border-bottom-width: 10px; border-color: #034283; margin-left: 15px; margin-bottom: 10px; background:#034283; } div#carte p { position: relative; border-style: solid none none none; border-width: 8px; border-color: #034283; margin-right: 10px; margin-left: 10px; margin-top: 0; margin-bottom: 0; font-family: Arial, sans-serif; font-size: 10px; line-height:12px; font-weight: bold; color: white;} /*--------Page photo-----------*/ #gibierPhoto, #hebergementPhoto, #precedente, #suivante { padding: 0 9px 2px 10px; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; color: white; background-color:#787878; } #gibierPhoto { float: left; margin-left: 10px; width: 67px;} #hebergementPhoto { float: left; margin-left: 2px;} #precedente { float: right; margin-right: 2px; } #suivante { float: right; margin-right: 10px;} #precedente img, #suivante img { border: 0; vertical-align: -2px;} #menuPhoto a:link, #menuPhoto a:visited, #menuPhoto a:active { text-decoration: none; color: white; } #menuPhoto a:hover { color: yellow; } #barreGrande {float: left; margin-left: 10px; margin-right: 140px} #barrePetite {float: right; margin-right: 10px} #imageHoriz, #imageVert { float: left; background: #c8c8c8;} #imageHoriz { margin: 0; width: 545px; padding: 10px 10px 10px 10px; } #imageVert { margin: 0; width: 384px; padding: 10px 88px 10px 88px; } #legende {margin-top: 15px; margin-left: 10px; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; color: #034283; } #mentionLegale { margin-left: 10px; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; color: #787878; } /*------------------Page demande de programme type--------------------*/ #formulaire h4 {font-size: 13px; margin-bottom: 10px;} #formulaire p {font-family: Arial, serif; font-size: 12px;} .coordonnees {margin-bottom: 15px; font-family: Arial, serif; font-size: 12px;} .coordonnees td {padding-right: 15px;} div#mentionDroit { color: #395699; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center } div#mentionDroit a { color: #395699; text-decoration: underline; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; } /*------------------Page Nous contacter--------------------*/ #formulaireNousContacter h3, #formulaireNousContacter h4 { text-align: left; line-height: 12px; padding-left: 5px; margin-bottom: 15px; margin-top: 0; font-family: Arial, serif; font-size: 15px; font-variant: small-caps; font-weight: bold; color: #034283; border-left: solid 0.5em; border-color: #7dacdb;} #formulaireNousContacter h4 { margin-top: 15px} #formulaireNousContacter h5 { text-align: left; margin-top: 0; margin-bottom: 2px; font-family: Arial, serif; font-size: 12px; font-weight: bold; color: #034283; border-color: #7dacdb;} #formulaireNousContacter h6 { text-align: left; margin-top: 0; margin-bottom: 8px; font-family: Arial, serif; font-size: 11px; font-weight: bold; color: #787878;} #formulaireNousContacter p {font-family: Arial, serif; font-size: 12px;} .coordonnees {margin-bottom: 15px; font-family: Arial, serif; font-size: 12px;} .coordonnees td {padding-right: 15px;} /*--------------- Menu gauche de page -----------------*/ #chasseMenu ul, #pecheMenu ul, #partenaireMenu ul { position: relative; margin: 0; padding-left: 0px; text-transform: uppercase; font-family: Arial, san-serif; font-size: 10px; font-weight: bold; width: 157px; border-style: none solid none none; border-width: 18px; border-color: #7dacdb; background-color:#cbe5ff} #titreMenuChasse, #titreMenuPeche, #titreMenuPartenaire { width: 139px; margin: 0;padding: 7px 0 7px 18px; text-align: left; font-family: Arial, sans-serif; font-size: 11px; background:#cbe5ff; font-weight: bold; border-style: none solid none none; border-width: 18px; border-color: #7dacdb; } #chasseMenu a, #pecheMenu a, #partenaireMenu a { display: block; width: auto; background: url(../imageGeneral/PuceMenu.gif) no-repeat; padding: 2px 0 2px 12px; } /*Le menu selectionné a faire apparaitre en php dans les page sauf celle d'accueil par (exemple) attention : enlever les a href*/ #chasseMenu #MenuSelect {background: #4c4c2f url(../imageGeneral/PuceMenuSelect.gif) no-repeat; padding: 2px 0 2px 12px; margin:0; color:white;} #pecheMenu #MenuSelect {background: #034283 url(../imageGeneral/PuceMenuSelect.gif) no-repeat; padding: 2px 0 2px 12px; margin:0; color:white;} #partenaireMenu #MenuSelect {background: #666666 url(../imageGeneral/PuceMenuSelect.gif) no-repeat; padding: 2px 0 2px 12px; margin:0; color:white;} #chasseMenu ul a, #pecheMenu ul a, #partenaireMenu ul a {width: 145px;} #chasseMenu li , #pecheMenu li, #partenaireMenu li { list-style: none; border-style: none none solid none; border-width: 3px; border-color: #cbe5ff; } #titreMenuChasse { color: #4c4c2f; } #chasseMenu a:hover { background: #4c4c2f url(../imageGeneral/PuceMenu.gif) no-repeat } #chasseMenu li { background:#999966; } #titreMenuPeche { color: #034283; } #pecheMenu a:hover { background: #034283 url(../imageGeneral/PuceMenu.gif) no-repeat} #pecheMenu li { background: #7dacdb} #titreMenuPartenaire { color: #333333; } #partenaireMenu a:hover { background: #666666 url(../imageGeneral/PuceMenu.gif) no-repeat} #partenaireMenu li { background: #999999} #finMenu { width: 175px; height: 60px; background: #7dacdb } /*--------- Fin menu gauche de la page -----------*/ .alert { color: #f00; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; }