/* ==================================================================== Definitions générales -------------------------------------------------------------------- */ body, td, th, div, span, p, a, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-family : Verdana, Arial, Helvetica, sans-serif; } body{ background-color : #EFE9D6; background-image : url(images/fd_body.jpg); background-repeat : repeat-x; margin : 5px 0px 0px 1px; } #centre { text-align: center; margin:auto; display: table; } h1{ font-size : 10px; margin : 0px; text-align : center; font-weight : normal; } h2{ font-family : Arial, Helvetica, sans-serif; font-size : 13px; font-weight : bold; color : #6C654F; margin-top : 2px; margin-bottom : 2px; } h3 { font-size: 12px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: table; width: 100%; background-color: #E9E8C7; text-align: center; font-weight: bold; text-transform: uppercase; color: #29250C; } h4 { font-size : 11px; font-weight : bold; margin : 5px 0px; letter-spacing : 0px; color: #29250C; } .bloc_col_ctr h4 { font-size : 11px; font-weight : bold; margin : 5px 0px; letter-spacing : 0px; text-transform: uppercase; color: #29250C; } h5 { font-size : 13px; font-weight : bold; margin : 5px 0px 0px; letter-spacing : 1px; background-image: url(images/fd_h5.gif); background-repeat: no-repeat; height: 15px; width: 198px; padding-left: 22px; } p { font-size : 11px; font-weight : normal; color : #000000; margin : 2px; } .just { text-align :justify; } .contenu_gh { padding: 2px; } .contenu_gh img { float: right; margin-left:2px; } .contenu_dr { padding: 2px; } .contenu_dr img { float: left; } ul { font-size : 11px; margin-top : 0px; list-style-image : url(images/puce.gif); } .txt_petit { font-size : 9px; } a{ text-decoration :underline; color :#635C48; } a:hover { color :#13355B; } td { font-size : 11px; } .rouge { font-size : 11px; font-weight : bold; color : #A6010D; } .align_left { text-align : left; } .align_center{ text-align : center; } .align_right{ text-align : right; } /* ==================================================================== bloc 3 colonnes sur page d'accueil -------------------------------------------------------------------- */ .box_general, .col_float, .col_un, .col_deux, .col_trois, .col_un_large, .div_float_left, .div_float_right{ position : relative; } .box_general { padding : 0px; width : 916px; } .box_header { margin : 0px; border : none; z-index : 0; } .box_central { border-top : 3px solid #D3D0A0; width : 915px; vertical-align : top; background-image : url(images/fd_central.gif); background-repeat : repeat-y; } .col_float { float : left; width : 614px; border-right-width : 1px; border-right-style : solid; border-right-color : #E2DDBD; } .col_un { width : 339px; float : right; } .col_un_large { width : 640px; float : right; } .col_deux { width : 271px; float : left; } .col_trois { width : 299px; float : right; margin : 0px; padding : 0px; background-color: #F3F2DE; } .col_un_content { text-align : left; } .col_deux_content { text-align : left; } .col_trois_content{ text-align : left; padding : 0px; vertical-align: top; } .col_un_content, .col_deux_content,.col_trois_content, .col_un_large{ text-align : left; margin : 0px; padding : 0px; } #bloc_accomodation { background-color : #F3F2DE; background-image : url(images/fd_accomodation.jpg); background-repeat : no-repeat; background-position : left bottom; padding-top : 0px; text-align : center; padding-bottom : 2px; margin : 0px; padding-right : 0px; padding-left : 0px; } #bloc_rental { background-color : #E8F1E9; background-image : url(images/fd_rental.jpg); background-repeat : no-repeat; background-position : left bottom; padding-top : 10px; padding-bottom : 10px; text-align : center; } /* ==================================================================== bloc 3 colonnes sur recherche dispo -------------------------------------------------------------------- */ #box_dispo { width : 916px; } #box_dispo .col_float { float : left; width : 765px; border-right-width : 1px; border-right-style : solid; border-right-color : #E2DDBD; } #box_dispo .col_un{ width : 490px; float : right; } #box_dispo .col_deux{ width : 254px; float : left; } #box_dispo .col_trois{ background-color :#F0EDD5; width : 149px; float : right; } #box_dispo .col_un_content{ text-align : left; } #box_dispo .col_deux_content { text-align : left; margin : 0px; padding : 0px; } #box_dispo .col_trois_content { text-align : left; background-color :#F0EDD5; width : 150px; vertical-align : top; margin : 0px; padding : 0px; } #box_dispo .col_trois_content a { padding-left: 3px; } #box_dispo .col_trois_content h4{ font-size : 13px; font-weight : bold; font-family : Geneva, Arial, Helvetica, sans-serif; text-align : center; background-image : url(images/fd_h4.gif); height : 29px; background-repeat : repeat-x; padding-top : 5px; } #selection { vertical-align : top; margin-bottom : 6px; font-size : 9px; line-height : 11px; margin-right : 2px; } #selection .suppr { float :right; margin-top : 2px; margin-right : 1px; } #selection .suppr a{ border :none; } #selection .suppr a:hover{ border :none; background-color :#E3AF92; } #selection .selection_content { float :left; } #selection a{ background-color : #E7E3C7; display : block; text-decoration : none; border: 1px dotted #9E9859; } #selection a:hover{ border-right : 1px dotted #9E9859; border-bottom : 1px dotted #9E9859; border-left : 1px dotted #9E9859; background-color : #B5DDF8; } .bloc_col_ctr { font-size : 11px; background-image : url(images/fd_bloc_ctr.gif); background-repeat : repeat-x; background-position : top; padding-top : 10px; padding-bottom : 10px; background-color : #FDFCEB; display : block; _display : table; margin : 0px; padding-right : 0px; text-align: left; } .cadre { border : 1px solid #000000; margin : 5px; } /* ==================================================================== bloc bas -------------------------------------------------------------------- */ .box_footer{ font-size : 11px; background-color : #C5BD8B; text-align : left; background-image : url(images/fd_bottom.gif); background-repeat : repeat-y; background-position : left; height : 35px; } .footer_gh { float: left; width: 273px; text-align: center; margin-top: 10px; } .footer_dr { margin-top: 10px; float: right; width: 630px; text-align: center; } .box-clear { clear : both; line-height : 0px; font-size : 1px; } .nn4clear { clear : both; line-height : 0px; font-size : 1px; } /*/*/ .nn4clear { display : none; } /* */ .bloc_col_gh { font-size : 11px; background-image : url(images/fd_bloc_gh.gif); background-repeat : no-repeat; background-position : left top; border-top-width : 1px; border-top-style : solid; border-top-color : #D5D1AA; display : block; padding : 2px 0px 10px 5px; margin-right : 0px; width : 267px; } .titre_gh{ font-family : Arial, Helvetica, sans-serif; font-size : 14px; font-weight : bold; color : #6C654F; margin-top : 2px; margin-bottom : 2px; } /* ==================================================================== Quik book suggest #fq { } -------------------------------------------------------------------- */ #suggest-quik { background : #D5EAF9; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #13355B; text-align : left; } #suggest-quik ul { border : 1px solid #D5D1AA; width : 250px; background : #D5EAF9; margin : 0px; padding : 0px; list-style-image : none; } #suggest-quik ul li { margin :0px; padding :3px; list-style-type :none; } #suggest-quik ul li.selected { background-color :#D2CDA5; list-style-type :none; } #suggest-quik .informal { text-align : right; color : #7c5603; font-style : normal; font-weight : normal; } /* ==================================================================== fIN Quik book suggest #fq { } -------------------------------------------------------------------- */ /* ==================================================================== Objets de formulaire -------------------------------------------------------------------- */ form { margin : 0px; } fieldset { padding-left : 15px; padding-top : 0px; padding-bottom : 15px; } legend { font : bold 11px Verdana, Arial, Helvetica, sans-serif; color : #513903; margin-right : 5px; margin-left : 5px; padding-right : 5px; padding-left : 5px; } label { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; display : block; margin : 2px; text-align : left; } input, select, textarea{ font : 10px Verdana, Arial, Helvetica, sans-serif; color : #513903; border : 1px solid #C5BD8B; background : #ffffff; margin : 2px; vertical-align : middle; } input.btn { font : bold 10px Verdana, Arial, Helvetica, sans-serif; color : #000000; background : #E0DCA3 url(images/btn_input.jpg) repeat-x center; border : 1px outset #A0975C; height : 16px; padding-right : 10px; padding-left : 10px; } .btn_reserv { background-image : url(images/fd_menu_list.jpg); height : 23px; text-align : left; border : 1px solid #D2CCA4; background-repeat : repeat-x; padding : 3px 5px 0px; text-decoration : none; width : 180px; } .btn_reserv a{ text-decoration : none; font-weight : bold; font-size : 12px; } .btn_reserv img{ margin-right : 3px; vertical-align : middle; } input.date { background-image: url(images/date1.gif); background-repeat: no-repeat; background-position: right; height: 20px; padding-top: 3px; padding-left: 5px; } #detail_search p { font-size :80%; margin : 0px; _margin-left :5px; } #detail_search p { padding :0px; } #detail_search label, #detail_search input { font-size :100%; width :250px; padding :0px 0px 0px 4px; _padding :1px 0px 1px 4px } /* ==================================================================== FIN Objets de formulaire -------------------------------------------------------------------- */ /*Colonne droite - caddy */ input.btn_comp { background-color : #D3D0A0; border : 1px solid #9E9859; font-weight : bold; color : #000000; text-align : center; } /*partie central - listing hotel */ .table_list_hot { vertical-align : top; padding : 0px; text-align : left; background-image : url(images/fd_list.jpg); background-repeat : repeat-x; border-top-width : 1px; border-top-style : solid; border-top-color : #EAE8D3; background-position : bottom; width: 100%; } .table_list_hot td{ padding : 0px; vertical-align : top; text-align : left; margin : 0px; } td.fd_menu_list { background-image :url(images/fd_menu_list.jpg); height : 23px; padding-top : 5px; text-align : right; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #D2CCA4; } td.content_photo { width: 94px; } td.fd_menu_list a{ text-decoration : none; } td.fd_menu_list img{ margin-right : 3px; vertical-align : middle; } .fd_degr{ /*background-image : url(images/fd_td_list_hot.gif);*/ background-repeat : repeat-x; text-align : left; } .select_by { font-size : 11px; padding : 3px; font-weight : bold; text-align : right; background-image : url(images/fd_selectby.jpg); background-repeat : no-repeat; height : 21px; margin : 0; } td.fd_promo { background-image : url(images/fd_promo.gif); background-repeat : no-repeat; background-position : top; height : 92px; width : 100px; padding-top : 18px; text-align : center; } td.fd_promo a{ font-weight : bold; text-decoration : none; line-height : 18px; color : #A6010D; } td.fd_promo a:hover{ color : #000000; } .bleu { color :#257ECC} /* Numero bas de page */ .serie { font : bold 11px Arial, Helvetica, sans-serif; text-align : center; color : #666600; word-spacing : 5px; } .serie a { font : bold 10px Verdana, Arial, Helvetica, sans-serif; color : #806B45; text-decoration : none; margin-right : 3px; margin-left : 3px; } .serie a:hover { font : bold 10px Verdana, Arial, Helvetica, sans-serif; color : #806B45; } .visit { font : bold 11px Verdana, Arial, Helvetica, sans-serif; color : #257ECC; margin-right : 3px; margin-left : 3px; border-right-width : 1px; border-left-width : 1px; border-right-style : solid; border-left-style : solid; border-right-color : #257ECC; border-left-color : #257ECC; text-align : center; padding : 3px; } #per_page { text-align : right; } /* Fin Numero bas de page */ .mapContour{ position : relative; width : 226px; height : 222px; margin-left : 0px; } .map{ position : absolute; width : 226px; height : 222px; border : 1px solid #9E9859; /*border : 2px solid #990000; font-size : 8px;*/ margin-left : 15px; overflow : hidden; } /* ==================================================================== FAMILY -------------------------------------------------------------------- */ table.family { background-color: #FDFCED; background-image: url(images/fd_td_family.gif); background-repeat: repeat-x; background-position: bottom; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #BCB274; margin-bottom: 10px; } table.family b{ color: #13355B; } table.menu_interne { background-color: #F5F3DB; } table.menu_interne th{ background-image: url(images/fd_menu_list1.jpg); background-repeat : repeat-x; vertical-align : middle; font-family : Arial, Helvetica, sans-serif; font-size : 14px; text-align : left; height : 23px; color : #6C654F; padding-left : 5px; } table.menu_interne td{ vertical-align: top; } table.menu_interne td.menu a{ background-image: url(images/puce.gif); background-repeat: no-repeat; background-position: left; padding-left: 15px; } table.cat_chmb { } table.cat_chmb td{ border-bottom: 1px solid #9E9C6C; font-size: 9px; color: 474538; } table.cat_chmb i{ font-size: 9px; color: #A9180D; } table.cat_chmb td strike{ font-size: 9px; text-decoration: line-through; } table.comparer { border: 1pt solid #E6E1A5; border-collapse: collapse; border-spacing: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; background-color: #F8F6E2; } table.comparer th{ font-size: 10px; background-color: #EDEAD0; padding-top: 0px; text-align: left; padding-bottom: 0px; border: 1px solid #D8D4B0; color: #4B4535; vertical-align: text-bottom; } table.comparer th img{ float: left; } table.comparer td{ padding: 5px; border: 1pt inset #E6E1A5; background-repeat: repeat-x; background-position: top; } .coeur { padding-left: 8px; } .cadre_coeur { border: 1px solid #9F3683; margin-left: 5px; } .coeur_hotel{ float: left; width: 168px; display: table; } .coeur_hotel a{ font-size: 11px; color: #000000; } .coeur_hotel a:hover{ font-size: 11px; color: #E19DCF; } .promo { padding-left: 8px; } .cadre_promo { border: 1px solid #AA1A02; margin-left: 5px; } .promo_hotel{ float: left; width: 168px; display: table; } .promo_hotel a{ font-size: 11px; color: #000000; } .promo_hotel a:hover{ font-size: 11px; color: #AA1A02; } .float_left{ float: left; display: table; } .float_right{ float: right; margin-bottom: 10px; } a.lien_news { text-decoration :none; color :#635C48; background-image: url(images/puce1.gif); background-repeat: no-repeat; background-position: left top; padding-left: 14px; display: block; } a.lien_news:hover { background-image: url(images/puce1.gif); background-repeat: no-repeat; background-position: left top; padding-left: 14px; color :#13355B; } .proche { background-image: url(images/fd_proche.jpg); height: 120px; width: 630px; padding: 5px; background-repeat: no-repeat; } td.trait { border-right-width: 1px; border-right-style: solid; border-right-color: #C5BD8B; } th.next { background-image: url(images/fd_th_next.jpg); background-repeat: repeat-y; font-size: 12px; text-align: left; color: #A09572; padding: 5px; } td.fd_next { background-image: url(images/fd_next.jpg); background-repeat: no-repeat; padding: 10px; } .div_float_left { float : left; width: 290px; border: 2px solid #F6F5E0; margin: 10px; } .div_float_left_unic { float : left; width: 602px; border: 2px solid #F6F5E0; margin: 10px; } .div_float_right{ float : right; width: 290px; border: 2px solid #F6F5E0; margin: 10px; } .box_news { background-image: url(images/fd_box_news.gif); background-repeat: repeat-x; background-position: top; background-color: #FDFCEB; border: 1px solid #E2E2C3; padding: 2px; } .box_news ul li{ margin-left: -20px; list-style-image: url(images/puce2.gif); } .div_border{ width: 605px; border: 2px solid #F6F5E0; margin: 10px; } .box_meteo { background-image: url(images/fd_box_news.gif); background-repeat: repeat-x; background-position: top; background-color: #FDFCEB; border: 1px solid #E2E2C3; padding: 2px; }