/* gerer div enveloppe ! */ #enveloppe { width: 900px;margin-right: auto;margin-left: auto;} /* gerer div entete ! */ #entete1 { height: 200px; width: 383px; float: left;} #enveloppe #entete1 img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} #enveloppe #entete2 img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} #entete2 { height: 200px; width: 517px; float: left;} /* gerer div menu ! */ #menu { height: 22px; width: 900px; float: left; text-align: center; background-image: url(Images/menu.jpg);} #enveloppe #menu ul { list-style-type: none; margin: 0px; padding-left: 0px;} #enveloppe #menu ul li { display: inline;} #enveloppe #menu ul a { font-size: 14px; font-weight: bold; font-variant: small-caps; color: #500; text-decoration: none;} #enveloppe #menu ul a:hover { font-size: 14px; font-weight: bold; font-variant: small-caps; color: #A00;} .espacedumenu { margin-right: 40px;} /* gerer div contenu des pages posada, chambres , appartement, informations...! */ #contenu1g { float: left; height: 200px; width: 383px;} #contenu1m { float: left; height: 200px; width: 337px; background-image: url(Images/filet%20degrade%20texte.jpg);} #contenu1d { float: left; height: 200px; width: 180px;} #contenu2g { float: left; height: 200px; width: 383px;} #contenu2m { float: left; height: 200px; width: 337px; background-image: url(Images/filet%20degrade%20texte.jpg);} #contenu2d { float: left; height: 200px; width: 180px;} #enveloppe #contenu2d img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} /* gerer div prefooter ! */ #prefooter { height: 100px; width: 900px; float: left;} #enveloppe #prefooter img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} /* gerer div footer ! */ #footer {height: 30px;width: 900px;float: left;text-align: center;background-image: url(Images/footer.jpg);} #enveloppe #footer ul {list-style-type: none; margin: 0px;padding-top: 5px;} #enveloppe #footer ul li { display: inline;} #enveloppe #footer ul a {font-size: 13px; font-weight: bold;font-variant: small-caps; color: #500;text-decoration: none;} #enveloppe #footer ul a:hover {font-size: 13px;font-weight: bold; font-variant: small-caps;color: #A00;} .espacedufooter {margin-right: 50px;} .para {font-family: "Times New Roman", Times, serif;font-size: 13px;font-weight: normal;color: #500;margin: 0px;text-align: center;padding-top: 15px;padding-right: 2px;padding-bottom: 0px;padding-left: 2px;} .paraes {font-family: "Times New Roman", Times, serif;font-size: 13px;font-weight: normal;color: #500;margin: 0px;text-align: center;padding-top: 10px; padding-right: 2px; padding-left: 2px;} /* gerer page tarifs ! */ #noschambres {float: left;height: 130px; width: 900px;} #nostarifs { float: left;width: 900px;background-image: url(Images/filet%20degrade%20texte%20avec%20liseret.jpg);text-decoration: none;} .reserver { font-family: "Times New Roman", Times, serif;font-size: 14px;font-weight: bold; font-variant: normal;color: #500;padding-top: -5px; text-decoration: blink;} #enveloppe #nostarifs table tr .tarifs .reserver a {text-decoration: none;font-size: 12px;font-weight: bold;font-variant: small-caps;color: #FF3F00;} .tarifs {font-family: "Times New Roman", Times, serif;font-size: 13px;font-weight: normal;color: #500;text-align: center;} .tarifs1 {font-family: "Times New Roman", Times, serif; font-size: 13px;font-weight: normal;color: #500;text-align: center;} /* gerer page formulaires ! */ #formG { float: left;height: auto;width: 350px;} #formD { float: left;height: auto;width: 350px;} #formF { float: left;height: auto;width: 700px;padding-top:15px;} #conteneur {float: left; height: auto;width: 900px;margin-right: auto;margin-left: auto;background-image: url(Images/filet%20degrade%20texte%20avec%20liseret.jpg);} #conteneur fieldset {width: 700px;margin-right: auto;margin-left: auto;} label{display:block;} /* gerer le calendrier ! */ .ds_box {background-color: #99F; border: 1px solid #000; position: absolute; z-index: 32767;} .ds_tbl {background-color: #FFF;} .ds_head {background-image:url(Images/menu.jpg); color: black;font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight: bold;text-align: center;letter-spacing: 2px;} .ds_subhead {background-color: #330; color: white;font-size: 12px;font-weight: bold;text-align: center;font-family: Arial, Helvetica, sans-serif;width: 32px;} .ds_cell {background-image: url(Images/menu.jpg);color: black;font-size: 13px;text-align: center;font-family: Arial, Helvetica, sans-serif; padding: 5px;cursor: pointer;} .ds_cell:hover { background-color: black;} /* This hover code won't work for IE */ /* gerer page temoignage ! */ #PH1 { float: left; height: 100px; width: 450px; background-repeat: repeat; background-image: url(Images/filet%20guest%20A.jpg);} #enveloppe #PH1 img { float: left;} #PH2 { float: left; height: 100px; width: 450px; background-image: url(Images/filet%20guest%20c.jpg);} #enveloppe #PH2 img { float: left;} #PH3 { float: left; height: 100px; width: 900px; background-image: url(Images/filet%20guest%20B.jpg);} #enveloppe #PH3 img { float: left;} #PH4 { float: left; height: 100px; width: 450px; background-image: url(Images/filet%20guest%20A.jpg);} #enveloppe #PH4 img { float: left;} #PH5 { float: left; height: 100px; width: 450px; background-image: url(Images/filet%20guest%20c.jpg);} #enveloppe #PH5 img { float: left;} #PH6 { float: left; height: 100px; width: 900px; background-image: url(Images/filet%20guest%20B.jpg);} #enveloppe #PH6 img { float: left;} #PH7 { float: left; height: 100px; width: 450px; background-image: url(Images/filet%20guest%20A.jpg);} #enveloppe #PH7 img { float: left;} #PH8 { float: left; height: 100px; width: 450px; background-image: url(Images/filet%20guest%20c.jpg);} #enveloppe #PH8 img { float: left;} #PH9 { float: left; height: 100px; width: 900px; background-image: url(Images/filet%20guest%20B.jpg);} #enveloppe #PH9 img { float: left;} #PH10 { float: left; height: 100px; width: 900px; background-image: url(Images/filet%20guest%20B.jpg);} #enveloppe #PH10 img { float: left;} #PH11 { float: left; height: 100px; width: 900px; background-image: url(Images/filet%20guest%20B.jpg);} #enveloppe #PH11 img { float: left;} .bookenor { font-family: "Times New Roman", Times, serif; font-size: 13px; color: #500; margin: 0px; padding-top: 2px; padding-right: 3px; padding-left: 3px; text-align: center; padding-bottom: 0px;} /* gerer page questions reponses ! */ #Q1 { float: left; height: auto; width: 900px; background-image: url(Images/filet%20degrade%20texte%20avec%20liseret.jpg); padding-top: 12px;} #Q2 { float: left; height: auto; width: 900px; background-image: url(Images/filet%20degrade%20texte%20avec%20liseret.jpg); margin: 0px;} #enveloppe #Q2 p { margin: 0px;} #Q3 { float: left; height: auto; width: 900px; background-image: url(Images/filet%20degrade%20texte%20avec%20liseret.jpg);} #enveloppe #Q3 p { margin: 0px;} #Q4 { float: left; height: auto; width: 900px; background-image: url(Images/filet%20degrade%20texte%20avec%20liseret.jpg);} #enveloppe #Q4 p { margin: 0px;} #Q5 { float: left; height: auto; width: 900px; background-image: url(Images/filet%20degrade%20texte%20avec%20liseret.jpg);} #enveloppe #Q5 p { margin: 0px;} .questions { font-size: 14px; font-weight: bold; color: #500; text-align: center; margin: 0px;} .reponse { font-weight: normal; font-family: "Times New Roman", Times, serif; font-size: 13px; color: #500; text-align: center; font-style: normal; text-decoration: none;} #enveloppe #Q6 { height: auto; width: 900px; background-image: url(Images/filet%20degrade%20texte%20avec%20liseret.jpg);} .parafr { font-family: "Times New Roman", Times, serif; font-size: 13px; font-weight: normal; color: #500; text-align: center; margin: 0px; padding-top: 15px; padding-right: 2px; padding-left: 2px;}