/* CSS Document */ /*------------------------------ CONSTANTES ------------------------------ */ html, body {height: 100%; text-align:center; margin:0; padding:0; background: #4B3405; scrollbar-face-color: #A58027; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #4B3405; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #CCCC99; scrollbar-darkshadow-color: #960412} h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #990000; text-align: left} h2 {font: Bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000000;} ul {list-style:none} hr {height:1px; color: #CCCC99; margin : 10px 0 10px 0} .width {width:100%} p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align: left} p a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration: none} p a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration: underline} .separation {clear:both; visibility: hidden; padding: 0} img {border:none} .contener {width:1020px; margin:auto; text-align:left} #ctn_page {background: url(img/fond2.gif) #4B3405 no-repeat top center ; padding: 0} #ctn_left {width: 220px; padding: 0; margin: 0; background: transparent; float: left} #ctn_central {width: 560px; padding: 10px; margin: 20px 0; /* background: #2C2E2C */ background: #A58027; float: left} #ctn_right {width: 200px; padding: 5px 0 0 0; margin: 0; float: left} #ctn_logo {width: 220px} #ctn_reservation {width: 220px; float: left} #subnav {width:550px; height: 15px; padding: 5px 0 5px 0; margin: 0; background: /* #2C2E2C */ #A58027} #subnav p {font: Arial, Helvetica, sans-serif; color: #FFFFFF} #subnav a {font: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none} #subnav a:hover {font: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:underline} /*------------------------------ CLASS TEXTE ------------------------------ */ .promoN {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-align: left} .texte_12pts {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; text-align: left} .titre_12pts {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-align: left} .texte_14pts {font-family:; font-size: 14px; font-weight: normal; color: #000000; text-align: left} .texte_20pts {font-family: Times New Roman, Times, serif; font-size: 20px; font-weight: normal; color: #000000; text-align: left} .texte_16pts {font-family: Times New Roman, Times, serif; font-size: 16px; font-weight: bold; color: #000000; text-align: left} h3 {font-family: Times New Roman, Times, serif; color: #990000; text-align: center} a {font: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; text-align: center; text-decoration:none} a:hover {text-decoration: underline; color:#FFFFFF} .mailto a {font: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#OOOOOO; text-decoration:none; text-align:left} .mailto a:hover {text-decoration: underline} .navhor2 {font: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; display:block} .navhor2 a {font: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none} .navhor2 a:hover {font: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; text-decoration: underline} /*------------------------------ INDEX ------------------------------ */ .box_central {width: 550px; padding: 5px; margin:0; background: /* url(img/fond_QT.jpg) no-repeat bottom left */ #E9DCB2; border: solid 2px #990000;} .box_central p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-align: left; line-height: 16px} /*------------------------------ NAVIGATION ------------------------------ */ .box_nav {width: 200px; padding: 5px 0; margin: 30px 0; float: right } .box_nav li {list-style-type: none; padding: 3px 0 3px 0} .box_nav li a {display: block; line-height: 1em; padding: 4px 0; text-decoration: none; color: #FFFFCC; font: 14px "Times New Roman", Times, serif; font-weight: bold; text-align: right} .box_nav li a:hover {background: url(img/nav_hover.jpg) right top no-repeat} .box_resa {width: 200px; padding: 5px 0 0 0; margin: 30px 0 } .box_resa li {list-style-type: none; padding: 3px 0 3px 0} .box_resa li a {display: block; line-height: 1em; padding: 4px 0; text-decoration: none; color: #FFFFCC; font: 14px "Times New Roman", Times, serif; font-weight: bold; text-align: left} .box_resa li a:hover {background: url(img/resa_hover.jpg) left top no-repeat} /*------------------------------ CLASS SLIDE SHOW ------------------------------ */ * {margin:0; padding:0} .sm {list-style:none; width:930px; height:370px; display:block; overflow:hidden} .sm li {float:left; display: inline; overflow: hidden} /*------------------------------ PIED DE PAGE ------------------------------ */ #pied {margin:0; clear:both} #pied div {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #A58027; line-height: 14px; padding:10px 0 5px 0} #pied a {font: Arial, Helvetica, sans-serif; font-size: 12px; color:#A58027; text-decoration:none} #pied a:hover {color:#FFFFFF; text-decoration: underline} /*------------------------------ ACCUEIL ------------------------------ */ #box_hotel {width:540px; padding: 10px; margin:0; border: solid 2px #990000; background: url(fr/img/H.gif) #E9DCB2 no-repeat} #box_hotel p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-align: left; line-height: 16px} .boxVignette {width: 160px; margin: 10px; padding: 0; float:left } .boxVignette_top div {font-size: 0; height: 25px; background: url(img/vignette_fondTitle.gif) #E9DCB2 no-repeat top left} .boxTitle {height: 25px; margin: 0 0 0 3px; padding: 5px 0 0px 5px; font-family: Times New Roman, Times, serif; font-size: 13px; color: #990000; font-weight: bold; text-align: center; display: block} .boxVignette_content {background: #E9DCB2} .boxVignette_content span {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-align: left;} .boxVignette_content a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #990000; text-align: right; text-decoration: underline} /*si image de bas de cellule .boxBottom {/*background: url(img_test/bo.gif) no-repeat bottom right } .boxBottom div {font-size: 0; height: 30px; background: url(img_test/boxLit_bottom.gif) no-repeat bottom left}*/ .box_descriptif {width: 540px; margin: 15px 0; padding:0} /*------------------------------ CHAMBRES ------------------------------ */ #box_chambre {width:540px; padding: 10px; margin:0; border: solid 2px #990000; background: url(fr/hebergement/img/C.gif) #E9DCB2 no-repeat} #box_chambre p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-align: left; line-height: 16px} #colonne_left {width: 315px; margin: 0; padding: 0 10px 0; float:right} #colonne_left ul {list-style: disc; list-style-position: inside; display: block} #colonne_left li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding: 10px 0} #colonne_right {width: 200px; float:left} #colonne_right img {margin : 5px 0 5px 0; padding:0; border-bottom: solid 2px #333333; border-right: solid 2px #666666} #box_suite {width:540px; padding: 10px; margin:0; border: solid 2px #990000; background: url(fr/hebergement/img/C.gif) #E9DCB2 no-repeat} #box_suite p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-align: left; line-height: 16px} /*------------------------------ CONTACT ------------------------------ */ #box_contact {width:540px; padding: 10px; margin:0; border: solid 2px #990000; background: url(fr/contact/img/N.gif) #E9DCB2 no-repeat} #box_contact p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-align: left; line-height: 16px} /*------------------------------ PLAN ------------------------------ */ #box_plan {width:542px; padding: 0; margin:0; border: solid 1px #990000} /* ____________________________ INFOBULLE _____________________________________ */ .infobulle {font-family:Arial, Helvetica, sans-serif; color: #000000; font-size:11px; text-align:left} .infobulle a {color: #FFFFFF; cursor: hand; text-decoration: none} .infobulle a:hover {background: none; /* correction d'un bug IE */ } .infobulle a span { /* définition de la balise inclue dans */ display: none} .infobulle a:hover span {position: absolute; width: auto; height: auto; background-color: #000000; padding: 5px; display: inline; color: #FFFFFF; margin-top: 10px; border: none} /*------------------------------ PLAN ------------------------------ */ #box_reception {width:540px; padding: 10px; margin:0; border: solid 2px #990000; background: url(fr/reception/img/R.gif) #E9DCB2 no-repeat} #box_reception p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-align: left; line-height: 16px} /*------------------------------ TARIF ------------------------------ */ #box_tarif {width:540px; padding: 10px; margin:0; border: solid 2px #990000; background: url(fr/tarif/img/T.gif) #E9DCB2 no-repeat} #box_tarif p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-align: left} /* Définition du tableau */ /*table#sample {background-color:#FFFFFF; /* border: dotted #CCCCCC 2px */} /* table#sample td {font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px; /* border: dotted #CC0000 1px */} .data {color: #000000; background-color: #FFFFFF; text-align: center; border-left: dotted #CCCCCC 1px; border-bottom: dotted #CCCCCC 1px} .toprow {font-weight: bold; font-style: italic; color: #FFFFFF; text-align: center; background-color: #996600} .toprow h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; color: #FFFFFF; text-align: center} .leftcol {width: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #CC9900;} .leftcol span {font-size: 10px; font-weight: bold; text-align: left} /* Definition du txt */ .txt_normal {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FFFFFF; text-align: center} .txt_bold {width: 100px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-align: right} .txt_legende {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-align: left} .txt_prix {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-align: center} .reserver {width:auto; display: block; float: right; background: #990000; margin: 20px 0 20px 0; padding: 3px 10px 3px 10px; border: solid #FFFFFF 1px } .reserver a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: normal; text-align: center; text-decoration: underline} .reserver a:hover { text-decoration: none;} /*------------------------------ RESERVATION ------------------------------ */ /* boite */ #box_resa {width:540px; padding: 10px; margin:0; border: solid 2px #990000; background: url(fr/resa/img/R.gif) #E9DCB2 no-repeat} #box_resa p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-align: left} /* colonne */ #col_left {width: 300px; float: left; border-right: dotted 1px #CCCCCC; margin: 15px 0} #col_left fieldset legend {font-family:Arial, Helvetica, sans-serif; color: #666666; padding: 0 10px; font-size: 13px; font-weight: bold} #col_left fieldset {margin-bottom: 0px; border: #666666 1px solid; padding: 5px} #col_right {width: 230px; float: right; margin: 15px 0;} /* formulaire */ #capsule_resa {width: 280px; font: 11px, Verdana, Arial, sans-serif} #capsule_resa p {margin: 10px 0 10px 0} #capsule_resa label {display: block; width: 100px; float: left; padding-right: 5px; text-align: right} #capsule_resa input {margin-left: 5px; width: 160px; border: #CCC 1px solid} /* button submit */ #capsule_resa input[type="submit"] {border: #990000 1px solid; width: 80px} #capsule_resa input[type="submit"]:hover {background-color: #996600; color: #FFFFFF; cursor: pointer} /* button reset */ #capsule_resa input[type="reset"] {border: #990000 1px solid; width: 80px} #capsule_resa input[type="reset"]:hover {background-color: #996600; color: #FFFFFF; cursor: pointer} #capsule_resa .radio_btn {width: 15px; border: none} #capsule_resa .promo {width: 130px} #capsule_resa .form_promo {width: 130px} #capsule_resa .form_comment {width: 100%; font-family: Arial, Helvetica, sans-serif; margin 3%} /* style calendrier */ #box_date {width:auto; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; background: #CCCC99; margin: 0 0 40px 0} #calendrier li {list-style: none; color:#990000} #libelle {width: 210px; font-size: 11px; font-weight: normal; color: #000000; margin: 0 auto; padding: 0} #libelle li {float : left; width : 30px; } .ligne {width: 210px; margin: 0 auto; padding: 0} .ligne li {width: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; float: left; } .ligne li a:hover {list-style: none; text-decoration: none} .itemCurrentItem li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#990000} .itemSelectedItem li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#990000} .mois {padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align: center; background: #990000; display: block} /*------------------------------ PROMOTION ------------------------------ */ #boxPromo {width: 180px; padding: 0 3px; display: block} #boxPromo p {background: #E9DCB2; border: solid 1px #663300; padding: 5px; font: 12px "Verdana", Arial, sans-serif; font-weight: normal; color: #000000; text-align: left} #boxPromo div {background: #990000; padding: 5px 0; font: 13px "Times New Roman", Times, serif; color: #FFFFFF; font-weight: bold; text-align: center; display: block} #brit_logo {text-align: center; padding: 5px 0; clear: both;} /* .boxPromo_top div {font-size: 0; height: 25px; background: #990000 /*url(img/vignette_fondTitle.gif) */ /* no-repeat top left} .boxPromo {width: 180px; height: 25px; margin: 0; padding: 5px 0 0 5px; font-family: Times New Roman, Times, serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-align: center; display: block} .boxPromo_content {background: #E9DCB2; border: solid 1px #663300; padding: 5px; clear: left;} .boxPromo_content span {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-align: left} */ /*------------------------------ ARLES TOURISME ------------------------------ */ #box_arles {width:540px; padding: 10px; margin:0; border: solid 2px #990000; background: url(fr/tourisme/img/A.gif) #E9DCB2 no-repeat} #box_arles p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-align: left} #box_arles p a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #990000} #box_arles p a:hover {color: #990000; text-decoration: underline} .box_capsule {width: 530px; height: auto; background: #FFFFFF; border: solid 1px #CCCCCC; padding: 5px; margin: 15px 0 15px 0; display:block} .capsule_img {width: 100px; float: left; margin: 0 10px 0 0} /* .capsule_txt {width: 420px; float: left; padding: 0 0 0 10px} */ /*------------------------------ CALENDRIER ------------------------------ */ caption /* Titre du tableau */ { margin: auto; /* Centre le titre du tableau, ça rend mieux */ font-family: Verdana, Arial, Helvetica; font-size: 0.9em; /* taille de la police */ color: #FFFFFF; /* Couleur du texte */ margin-bottom: 2px; /* Marge avec le tableau */ background: #990000; } table /* Le tableau en lui-même */ { width: auto; background: #FFFFFF; margin: auto; /* Centrons notre tableau */ border: 1px inset #990000; /* Bordure bleue effet 3D */ border-collapse: separate; /* Rend les cellules indépendantes les unes des autres */ } th /* Les cellules d'en-tête */ { background-color: #990000; /* couleur de fond */ color: #FFFFFF; /* couleur du texte */ font-size: 0.8em; /* taille des jours */ font-family: Verdana, Arial, Helvetica; text-align: center; /* Tous les numéros des cellules seront centrés*/ } td /* Les cellules normales */ { border: 1px solid #996600; /* border-style: dotted; /* une bordure en pointillés */ font-family: Verdana, Arial, Helvetica; text-align: center; /* Tous les numéros des cellules seront centrés*/ padding: 1px; /* marge intérieure aux cellules */ empty-cells: show; /* révèle les cellules vide */ font-size: 0.8em; /* taille des jours */ font-weight: bold; } .lienCalendrier /* Les cellules normales */ { border: 1px solid #996600; border-style: dotted; /* une bordure en pointillés */ font-family: Verdana, Arial, Helvetica; text-align: center; /* Tous les numéros des cellules seront centrés*/ /* padding: 1px; /* marge intérieure aux cellules */ empty-cells: show; /* révèle les cellules vide */ } .lienCalendrierJour { /* La cellule du jour actuel dans le calendrier */ background-color: #663300; color: #FFFFFF; font-weight: bold; }